Home » tutorial blog » Widget share sosial bookmarking disebelah iklan (di dalam post)

Widget share sosial bookmarking disebelah iklan (di dalam post)

Sponsored Link
Ads[300x250]
Zaidan-binggung y liat judulnya?,ya ane jg rada2 susah ngasih judul sih,,langsung aja ane mau bagiin widget sosial bookmarking yg ane dapat dari blog luar yaitu :bloggerspice.makasih sebelumnya udah ngasih widget keren ini

ni ss nya

nih caranya ny sob
  1. agan login ke blogger
  2. masuk template 
  3. edit html
  4. cari nah code ini ]]></b:skin>
  5. stelah ketemu masukan code dibawah tepat di ATAS ny ]]></b:skin>
/*****************************************
Widget by www.bloggerspice.com
******************************************/
.bsads{
margin-bottom:10px;
border-bottom:solid 1px #dedede;
padding-top:10px;
font-size:13px
}
.bsads-right-min{
border-left:solid 1px #dedede;
height:250px;
padding-left:10px
}
.bsads-right-min a:link,.bsads-right-min a:visited,.bottom-share-links a:link,.bottom-share-links a:visited{
color:#222;
display:block;
height:32px;
width:140px;
font-size:12px;
line-height:22px;
margin-top:10px;
padding-left:42px
}
.bsads-right-min a:hover,.bottom-share-links a:hover{
color:#009df2}
.bsfacebook{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiOpI5O9Xs9WUu2nwG2aVpasD45e4afMPXef0rtW4QxOpIiUILWn4ROzrqcLPTCyqgqS5YrLp1l9SH6L-nqGgAEa7wZYpdIR4aU76r-FHEN5aAXpYZCMErOkWBBTjXTAk4jdIZjSzYw9kI/s320/BS+Share+Button+Facebook.png) no-repeat
}
.bstweet{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIhggpmeWibwlxx5Ey02FAEmTbBBgmKur3tOOgcmQ8UlVdceVctSfX7f85_xN67B4N6vtIG79walcEnRY2EZn-pKZBBAvIl28JPLREzIxos5pJduD5V-_ABFdTwxT8K7mdArxtiBGSR92f/s320/BS+Share+Button+Twitter.png) no-repeat
}
.bsdel{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1SWPCklgRSrGsT7xF1saWcg9MBNKduujFndSGIdyCHluqmjwhTvGexxFiy_RwXjOkXAdMceUFtkKWOZRRVAht1k8nlNiNWnLyvhl7G7TaVqWrB5n_flahFhJSwQvfCtnbaImYW_BqHCeC/s320/BS+Share+Button+Delicious.png) no-repeat
}
.bsstumble{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfMFjQemHdMBWgqG2NbePCv9lcUexTCALqvSXkK6fDJvQo_GHRlsEDBdtJfShTbnVh33Z_f8VWrONMvQ2444nC41rx50ZZ4vZZnAGHRcisJ5qmQOd4XNUqF4edosRcE7b0EqtkJmXVDh6E/s320/BS+Share+Button+Stumbleupon.png) no-repeat
}
.bsdigg{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrXCdl-aoVPz_yLZ9OLmeepIAqkpaXvGH33aMzY010-dfAkNhwo8fKr4DNNlCLKmkk87g5Y3VryOgxm4HOtMZKpeKSpTCkfz6T0V4fTY2d-wsf1A28XSitC44MYzYLWWMeNOdNXikGErx2/s320/BS+Share+Button+Digg.png) no-repeat
}
.bsplus{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSi6bJ-PGDKmxbONaMyL4l9B6j2SRpKtYUrQNpz-d6gKwjsu7XZ9NGCjPM3PKX2rPlPbua-o8imRm7AjXY-9v08e9JJhgFsTCkWRc2b_XhU-Gs6GxUN8CPG888pehgE4rkv5bK54RLOV4M/s320/BS+Share+Button+GooglePlus.png) no-repeat
}
.bswdt{
position:fixed;
margin-right:10px;
left:0;
top:40%
}
.bswdt img{
float:left;
clear:left;
margin:5px
}
   6.nah cari lagi deh code <data:post.body/>
    7.nah udah ketemu copy code dibawah tepat di atas  <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- /Social Bookmarking Buttons Beside Ad Unit by www.bloggerspice.com --><b:if cond='data:blog.pageType == &quot;item&quot;'><div class='ads'><table border='0' cellpadding='0' cellspacing='0' width='100%'><tr><td width='354'><div class='bsads'>kode iklan kalian disini</td>
<td><div class='bsads-right-min'><a class='bsplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank'>Share On Google+</a> <a class='bsdel' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Add This To Delicious</a> <a class='bstweet' expr:href='&quot;http://twitter.com/home?status=Reading &quot; + data:post.title + &quot; &quot; + data:post.url' rel='external nofollow' target='_blank'>Tweet/ReTweet This</a> <a class='bsfacebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Share on Facebook</a> <a class='bsstumble' expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>StumbleUpon This</a> <a class='bsdigg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank'>Digg This</a></div></td></tr></table></div></b:if><!-- /Social Bookmarking Buttons Beside Ad Unit by www.bloggerspice.com -->
 CATATAN

  • UBAH CODE height:250px; untuk menambah atau mengurangi TINGGI WIDGET
  • Ubah width = '354 'untuk kenaikan atau penurunan lebar Iklan
  • Ubah warna: # 009df2 untuk mengubah Link Hover Warna
  • kode iklan anda disini dengan kode iklan atau kode rekomendasi Facebook.
nah udah berhasil kan??

semoga bermanfaat
thanks to;bloggerspice
Ads[300x250]