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 = "...

Read more »

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...

Read more »

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....

Read more »

 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...

Read more »

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...

Read more »

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...

Read more »

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...

Read more »

Fullscreen colorpicker | CSSDeck Fullscreen colorpicker | CSSDeck

Fullscreen colorpicker | CSSDeck

Read more »





  


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...

    Read more »

    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,...

    Read more »

    Advanced Meta-Tags Generator Advanced Meta-Tags Generator

    Advanced Meta-Tags Gener...

    Read more »
    Luncurkan toko Anda hanya dalam 4 detik dengan 
     
    Top