Google Sign-In for Websites Google Sign-In for Websites

Add Google Sign-In to Your Website  Google Sign-In for Websites Enable Google Sign-In with only a few lines of code: <html lang = "...

Baca selengkapnya »

Official Google Page Rank update milestone Official Google Page Rank update milestone

Google PageRank (PR) Update in the year 2013 December 06th 2013 February 04th 2013 Google PageRank (PR) Update...

Baca selengkapnya »

Hosting File dengan Google Code dan TortoiseSVN Hosting File dengan Google Code dan TortoiseSVN

Selama ini kita biasa menggunakan Google Code untuk menyimpan maksimal hanya tiga jenis berkas/file saja. Yaitu JavaScript, ZIP dan gambar....

Baca selengkapnya »

 Recent Posts Widget with Thumbnails for Blogger/Blogspot Recent Posts Widget with Thumbnails for Blogger/Blogspot

A few days ago, I've posted a tutorial about How To Add A Simple Recent Posts Widget but today I want to present to you a very nice Rec...

Baca selengkapnya »

Marketing Tutorials Marketing Tutorials

31. Tr.im Enter Page Join Our Mailing System And Receive FREE Marketing Tools http://tr.im/enter 32. Topmarketings.com Marketing...

Baca selengkapnya »

Google Search Appliance overview Google Search Appliance overview

Bring the magic of Google’s unique search quality, language handling and relevance to your users, delivering the simple yet powe...

Baca selengkapnya »

Google Maps baru - Di Browser – Halo Dunia – Google Maps Google Maps baru - Di Browser – Halo Dunia – Google Maps

Peta terlengkap, sekarang dibuat untuk Anda Google Maps baru menggambar peta yang disesuaikan bagi Anda untuk setiap pen...

Baca selengkapnya »

Fullscreen colorpicker | CSSDeck Fullscreen colorpicker | CSSDeck

Fullscreen colorpicker | CSSDeck

Baca selengkapnya »





  


Step 2 : Adding CSS code The Bar Styles




    1. Now find for  </body> tag

    2. add the following script code below just before </body>  tag  







    Note: In case you have already included the jQuery library in
    your blog then remove Line 1 . The same applies for Line 12 ,13 and 14
    as well if you have included Facebook , Google+ and Twitter scripts
    respectively.




    Step 3 : Adding The HTML code


    1. Now search for <body tag  and add the following code just below it If you are using default blogger templates then search for <body tag. See Video tutorial below for more details information. 

    2. add the following code below just below of code  <body tag 

    3. Hit the Save Template button and preview your blog to see how the bar appears.








    Note: before installing the html code, you first have to change the blog url and the url feed first post with a link url and link url fedd blog post from your blog to redirect to your blog.



    Line No. 4 :

    <li class='Home'> <a href='http://helpsblogging.blogspot.com/'>Home</a> </li>

    Replace http://helpsblogging.blogspot.com/ with your blog URL.



    Line 15:

    <form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&#39;http://feedburner.google.com/fb/a/mailverify?uri=helpsblogging&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true' style='padding:3px;text-align:center;' target='popupwindow'>



    Line 16:

    <input class='textarea' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "";}' onfocus='if (this.value == "") {this.value = "";}' placeholder=' Enter Your Email Address :)' type='text' value=''/> <input name='uri' type='hidden' value='stylifyyourblog'/><input name='loc' type='hidden' value='en_US'/> <input class='SYB-emailsubmit' type='submit' value='Subscribe'/> </form>



    Line 15 and 16 replace instance of stylifyyourblog with your RSS Feed Name.





    Video Tutorial :









    Credit:

    This blogger widget created by Prayag from Stylifyyourblog and I share again on http://helpsblogging.blogspot.com/.

    If you have any ideas or questions about this widget then feel free to share with us. :)





    Happy Blogging....



    How To Add Scrolling Sticky Bar To Blogger? How To Add Scrolling Sticky Bar To Blogger?

    On-Scroll Sticky Bar. A simple widget which appears in the upper part of your page as you scroll down and disappears again on reaching the t...

    Baca selengkapnya »

    Spider Simulator Spider Simulator

    Spidered Text : helps blogging helps blogging helps blogging Great Topics to Blog About, What to Blog About, Good Blog Topics for Beginners,...

    Baca selengkapnya »

    Advanced Meta-Tags Generator Advanced Meta-Tags Generator

    Advanced Meta-Tags Gener...

    Baca selengkapnya »

    Site Link Analyzer Tool © SEO Chatâ„¢ Site Link Analyzer Tool © SEO Chat™

    Site Link Analyzer Tool © SEO Chat™ URL Valid URL Type of links to return: External (lin...

    Baca selengkapnya »

     How to Protect Your Content How to Protect Your Content

    Picture of Snatch Thieves - SnatchThieves003.jpg (Photo credit: Wikipedia ) Your content is your most precious asset. It takes efforts and t...

    Baca selengkapnya »
    Luncurkan toko Anda hanya dalam 4 detik dengan 
     
    Top