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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9PuXaly2pSaCWMi3RaL9Meq3j84LIpB60TnSnpETN_F1rSH0i3XdAUD4MdVm_XmQINIdJabcnHFmThuq2bagj8ji642JJkPQZDFOOdQG2957VixChRF5BPIn6NBM3WO5JiiPkS6iyFQ_X/s320/BS+Share+Button+Facebook.png) no-repeat
}
.bstweet{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89PM5E70ja1jgQz2d5N-kV0bhb18eVTzEQlEVRkO4hN1PErcObqx89DN8ttWp8nXESOZj6P_HRyeI6j-bJwnPUh_sKVJfLv765PO7Lrn01zgFv46QlQsFlzcOTTIN-6CR5MOGscwYAskS/s320/BS+Share+Button+Twitter.png) no-repeat
}
.bsdel{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPjdcgpG3Wo2t3W4sJEYKB1w0OWVFPGCiVZXRgEuEmWCQ16GWB_SYVQISgjf2PT6OZvbcC4QZq1QrUW9v1TlxuSXreGkmzSLza3v-dqdI5B6Yl480HzEbifXy1IPiTGWFAPLextj-XK1b2/s320/BS+Share+Button+Delicious.png) no-repeat
}
.bsstumble{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJRdiXa0Q7HsE0_AXCS9HXS6pOOyeZzJ14BNhdjI5GGGJuHAbWH8AYooVVcCbwAjaVz6k6EaJzGP6keJIMi8IFXW7K0uKUPm_VmCmRFRADwZmpkkjmeyN4_wZtDpNDgRRbUeJLm2fNE6Mv/s320/BS+Share+Button+Stumbleupon.png) no-repeat
}
.bsdigg{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlI39TZpeJzIrt_muOkILJ8Qcf8eKyFwA_tltxRH_zNsERaQsaNALCS5dl4cDMst1yb58UKPIO1i7_9uiI_QMqbSDgGtu10tGw0RxyOnYmsVSbhyKuMl2WKJlmBkdFGEmKspbTDbtufplq/s320/BS+Share+Button+Digg.png) no-repeat
}
.bsplus{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgb4Oc6jBgBPDJSduagSiUy7bICcIDL8KtDvrJzJKOmkle14_BTulqRYat2DYAPYVat0a0O2ggXhQRj9Ju4nqvzFMQDBOXqyGfv5hxVzTiDhVDZkWG1kRXj7h4bhHMqNj135_slCZHlv9rA/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
Share 'Widget share sosial bookmarking disebelah iklan (di dalam post)' On ...

Belum ada komentar untuk "Widget share sosial bookmarking disebelah iklan (di dalam post)"

Post a Comment