How to Add Beautiful Heart Shape Shared Buttons In Blogger

How to Add Beautiful Heart Shape Shared Buttons In Blogger

How to add beautiful heart shaped sharing buttons to blogger ?

* Go to Template > Edit HTML > find the </head> tag

* Copy and Paste the following code Above / Before </head> tag

<!-- Start Heart Bookmarking Gadget Code  -->

<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/>

<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>

<script type='text/javascript'>stLight.options({publisher: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>

<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

<!-- End Heart Bookmarking Gadget Code  --> 

* Now find the </body> tag and  Copy/Paste the below Code Above / Before </body> tag

<!-- Start Heart Share Code  -->

<div style='position: fixed;bottom: 2%; right: 12%;'>

<div class='shareEgg' id='shareThisShareHeart'/>

</div>

<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

<!-- End Heart Share Code -->

Note: You can change the location of the Heart by editing the values of bottom: 2%; left: 2%;(which is in red color)

* Save your template.

If You Like the post  press Facebook like button

Read More

Random Ad Banners Widget For Blogger

Random Ad Banners Widget For Blogger

 

In most blogs which are selling ad spots you often have seen random Ad banners appearing when the page is refreshed. Ever wondered how to show random Ad Banners in Blogger? In today's tutorial we will learn how to create a Random Banner Widget for blogger which will show random Ad banners when a visitor visits a new page on your blog. Using this widget you can display as many Ad banners on a Sponsor Area as you want!

This widget is exactly similar to our previous 125 by 125 AD Banner Widget and in fact it is the most awaited one and have been requested several times by our readers. Just last night I succeeded in creating a simple Java script that uses Array of images and thus displays random images on Page refresh. Creating Random Art banners like this one is compatible to a reliable java web hosting.

Lets have a demo of the widget before jumping to the tutorial. Note:- Refresh the page to see new Ad banners.

How To Add Random Ad Banner Widget To Your Blogs?

Simply follow these steps,

1. Go To Blogger > Design > Page Elements
2. Choose HTML/JavaScript Widget
3. And Paste the following code inside it,

width="265" bgcolor="#ffffff">












     
      
     
   

URL OF ADVERTISER" rel="nofollow">

MAKE THE FOLLOWING CHANGES:-
1.  Replace URL OF ADVERTISER with the website link of the advertiser
2.  Replace URL OF BANNER’S IMAGE-1  and URL OF BANNER’S IMAGE-2 with the Image links of the Advertiser’s banners
3.  Replace AD DESCRIPTION with some information related to the Ad. The description appears on mouse hover.
4.  If you want to increase the distance between the ad blocks then edit width="265"
Now after making the necessary customization view your blog to see a beautiful 125 by 125 Banner widget that will change Banners on every different page.

 

Read More