Widget share sosial bookmarking disebelah iklan (di dalam post)

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(http://2.bp.blogspot.com/-goFGTNmFnps/UXUA6qBJlRI/AAAAAAAAClI/WrYCS08nPAg/s320/BS+Share+Button+Facebook.png) no-repeat
}
.bstweet{
background:url(http://1.bp.blogspot.com/-tjgLZKFUa50/UXUA7WXN1mI/AAAAAAAAClc/XwshyE6l16I/s320/BS+Share+Button+Twitter.png) no-repeat
}
.bsdel{
background:url(http://3.bp.blogspot.com/-SSEh_eXFlvk/UXUA6cuFPEI/AAAAAAAAClE/e7PdQ6zy8Yg/s320/BS+Share+Button+Delicious.png) no-repeat
}
.bsstumble{
background:url(http://3.bp.blogspot.com/-giDStKwvDhU/UXUA7eyjB9I/AAAAAAAAClg/fyDGYJugJnQ/s320/BS+Share+Button+Stumbleupon.png) no-repeat
}
.bsdigg{
background:url(http://3.bp.blogspot.com/-K0xMpMY6ghU/UXUA6p2Gb6I/AAAAAAAAClA/yYMZZev7eKo/s320/BS+Share+Button+Digg.png) no-repeat
}
.bsplus{
background:url(http://3.bp.blogspot.com/-HpfXCX03aHM/UXUA7GJ4ruI/AAAAAAAAClU/mV8xu-SshZo/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

No comments:

Post a Comment

hy agan&sista,terima kasih telah membaca postingan saya,saya harap agan2&sista memenuhi peraturan dibawah ini

1.terima kasih telah membuka kotak komentar
2.komen agan&sista adalah penyemangat saya dlm men-update postingan
3.saya mohon jgn nge-SPAM,link hidup(LIVE LINK)
4.saya harap komen agan sgt revelan/nyambung dengan postingan
5.dan saya minta maaf karna dihilangkannya openid dan url karna link external terlalu byk
6.1x terima kasih udah komen di blog saya

terima kasih