Latest update Android YouTube

An Automated Lyrics Post Blogger Template

Estimated read time: 7 min

 Are you passionate about sharing song lyrics on your blog? Do you want to enhance your readers' experience with beautifully formatted and easily accessible content? Look no further! 

An Automated Lyrics Post Template for Blogger - IndianTechnoEra


We're thrilled to introduce our latest creation: a meticulously designed blog template specifically crafted for posting lyrics on your Blogger site.

Ready to revolutionize your lyrics blogging experience? Download or use our template now and unleash your creativity! Whether you're a seasoned blogger or just starting out, our template is sure to take your content to the next level. Happy blogging!


Why Our Template?

We understand the challenges bloggers face when it comes to presenting lyrics in an engaging and user-friendly manner. That's why we've poured our expertise into developing a template that simplifies the process while elevating the visual appeal of your content. 


Here's what sets our template apart:

Bilingual Support: Our template seamlessly integrates Hindi lyrics with their English counterparts, catering to a diverse audience and making your content accessible to a wider range of readers.

Interactive Table: Say goodbye to cluttered layouts! Our template includes a neatly organized table that provides essential information about the lyrics, such as the song title, artist, and genre. This ensures that your readers can easily find what they're looking for.

Automatic Content Generation: We've leveraged the power of JavaScript to automatically generate content at the top of your post based on the data entered in the table. This feature not only saves you time but also adds a professional touch to your blog.

HTML Ceases and Onload Functionality: With the inclusion of HTML ceases and onload scripting, our template ensures smooth functioning and effortless customization, allowing you to tailor it to your specific needs with ease.


How to Use Our Template:

Using our template is as simple as 1-2-3! Follow these steps to elevate your lyrics blogging game:

Download the Template: Head over to our website and download the template file provided. It's compatible with the Blogger platform, making integration a breeze.

Customize to Your Liking: Open the template file in your preferred text editor and customize it with your desired lyrics content. Feel free to tweak the design elements to align with your blog's aesthetic.

Copy JavaScript Code: Below, you'll find the JavaScript code for our template enclosed within <pre> tags. Click the "Copy" button to copy the code directly to your clipboard. Then, paste it into your Blogger post editor to incorporate the template effortlessly.


Follow the steps:

Simply copy the script and past in the head of your blogger template

Copy the format of the lyrics info table and lyrics.


Important JavaScript

Just Copy the JavaScript


Copy the format

<div id="song-info"></div>

<h2>Something about lyrics.</h2>
<div>
    <table id="song-details">
        <tr>
            <td>Title:</td>
            <td>Rihaee</td>
        </tr>
        <tr>
            <td>Singer:</td>
            <td>Yasser Desai</td>
        </tr>
        <tr>
            <td>Lyrics & Composer:</td>
            <td>Sanjeev Chaturvedi</td>
        </tr>
        <tr>
            <td>Music:</td>
            <td>Sanjeev – Ajay</td>
        </tr>
        <tr>
            <td>Music Label:</td>
            <td>DRJ Records</td>
        </tr>
        <tr>
            <td>Starring:</td>
            <td>Featuring Prachi Desai & Rohit Khandelwal.</td>
        </tr>
        <tr>
            <td>Movie:</td>
            <td>Qala</td>
        </tr>
    </table>
</div>

<h2>Rihaee lyrics in Hindi:</h2>
<div>
    <pre>
        देदी रिहाई तुझे मैंने मेरे ख़्वाब से
        तेरे मेरे रास्ते जुदा हैं आज से
        ...
    </pre>
</div>

<h2>Rihaee lyrics in English:</h2>
<div>
    <pre>.
        Dedi Rihaee Tujhe Maine Mere Khwab Se
        Tere Meri Raste Juda Hain
        ...
    .</pre>
</div>

<h2 id="related-album-lyrics"></h2>
<div id="related-album-lyrics-posts"></div>


<script>
    window.onload = function () {
        var table = document.getElementById('song-details');
        var title = table.rows[0].cells[1].innerText.trim();
        var singer = table.rows[1].cells[1].innerText.trim();
        var writer = table.rows[2].cells[1].innerText.trim();
        var music = table.rows[3].cells[1].innerText.trim(); // Changed to 3rd row as it seems the 4th row is for movie
        var musicLabel = table.rows[4].cells[1].innerText.trim();
        var starringName = table.rows[5].cells[1].innerText.trim();
        var movie = table.rows[6].cells[1].innerText.trim(); // Assuming movie details are in the 5th row
        document.getElementById('song-info').innerText = title + " lyrics in Hindi English sung by " + singer + ". The song is written by " + writer + " and music composed by " + music + " with the music banner " + musicLabel + ". And this song featuring by " + starringName;


        document.getElementById('related-album-lyrics').innerHTML = "More from the " + movie;

        function getRelatedPostsUrl(movie) {
            return "https://www.indiantechnoera.in/feeds/posts/summary/-/" + encodeURIComponent(movie) + "?max-results=150&alt=json-in-script&callback=recentpostslist";
        }

        // Load related posts
        loadRelatedPosts(getRelatedPostsUrl(movie));
    };

    function loadRelatedPosts(url) {
        var script = document.createElement('script');
        script.src = url;
        document.getElementsByTagName('head')[0].appendChild(script);
    }

    // Function to display related posts
    function recentpostslist(json) {
        var relatedPostsContainer = document.getElementById('related-album-lyrics-posts');
        if (json && json.feed && json.feed.entry) {
            for (var i = 0; i < json.feed.entry.length; i++) {
                var entryUrl = json.feed.entry[i].link[json.feed.entry[i].link.length - 1].href;
                var entryTitle = json.feed.entry[i].title.$t;
                var item = "<p><a href='" + entryUrl + "' target='_blank'" + entryTitle + "</a></p>";
                relatedPostsContainer.innerHTML += item;
            }
        } else {
            relatedPostsContainer.innerHTML = "<p>No related posts found.</p>";
        }
    }
</script>

Additional Tips for Success:

Optimize for SEO: Don't forget to optimize your blog post for search engines by including relevant keywords in your content and meta tags. This will help drive organic traffic to your site and increase your visibility online.

Engage with Your Audience: Encourage your readers to leave comments and share their thoughts on your lyric posts. Building a community around your content will foster loyalty and keep them coming back for more.

Stay Consistent: Consistency is key to building a successful blog. Make sure to regularly update your content and stay true to your unique voice and style.

Post a Comment

Feel free to ask your query...
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.