Cara Membuat Widget 2 Kolom Diatas Postingan Plus Sosial Bookmarks, Artikel ini saya dapatkan dari sodiycxacun. dan artikel tersebut sudah saya terapkan di Blog sederhana saya ini. Sekarang saya akan membaginya ke pada Anda cara membuatnya. Jika Anda tertarik untuk membuat atau memasangnya di Blog Anda bisa membaca tutorialnya sebagai berikut.
Demo gambar :
- Login ke akun Blogger Anda
- Klik Design / Tata Letak, kemudian ke tab menu Edit HTML
- Klik kotak kecil disamping tulisan Expand Widget Templates
- Cari kode ]]></b:skin> , Maukan kode dibawah ini tepat diatas kode tersebut.
- Jika sudah Klik Save tempalte .
.ads{margin-bottom:10px; border-top:solid 1px #DEDEDE; padding-top:10px; font-size:13px;}
.ads-right-min{border-left:solid 1px #DEDEDE; height:250px; padding-left:10px;}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{font-size:12px;color:#222;display:block;height:22px;line-height:22px;margin-bottom:16px;padding-left:32px;}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#666;}
.mini-feed{background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrVhkTClEUI/AAAAAAAAFqo/v8AYhMipuYU/feed.gif) no-repeat;}
.mini-tweet{background:url(http://lh5.ggpht.com/_TqPdHmAEwTM/SrVkkLNvMlI/AAAAAAAAFqs/S-UYpTlrZa8/tweet.gif) no-repeat;}
.mini-tech{background:url(http://lh6.ggpht.com/_TqPdHmAEwTM/SrVsIDBoz7I/AAAAAAAAFqw/UpGK_0UQUZg/technorati.gif) no-repeat;}
.mini-facebook{background:url(http://lh4.ggpht.com/_TqPdHmAEwTM/SrXQ3G_uRnI/AAAAAAAAFq0/ktY0xwRy4Oo/fb.gif) no-repeat;}
.bottom-share-links{height:40px; clear:both; padding-top:10px;}
.bottom-share-links .mini-feed{float:left; margin-right:16px;}Kemudian cari letakkan kode diabawah ini dibawah kode <div class='post-body entry-content'> atau diatas kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'> <div class='ads'> <table border='0' cellpadding='0' cellspacing='0' width='100%'> <tr> <td width='354'> Iklan Anda Disini </td> <td><div class='ads-right-min'> <a class='mini-feed' href='http://feeds2.feedburner.com/sodikxacun'>Subscribe RSS Feed</a> <a class='mini-tweet' expr:href='"http://twitthis.com/twit url=" + data:post.url + "&title=" + data:post.title' target='_blank'>ReTweet</a> <a class='mini-facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'>Share on Facebook</a> <a class='mini-tech' expr:href='"http://technorati.com/faves add=" + data:post.url + "&title=" + data:post.title' target='_blank'>Add to Technorati</a> </div> </td> </tr> </table> </div></b:if>
*Keterangan : Silahkan ganti tulisan kode Iklan Anda dengan scrpit iklan milik Anda. Kemudian Silahkan ganti URL warna merah dengan URL RSS Feed Blog Anda.
Note : Trik atau pemasangan widegt ini tidak semua template bisa karena kadang-kadang template yang lain sudah Anda kode Table, atau perbedaan penggunaan CSS'nya.
Jika ingin mendapatkan artikel terbaru seperti ini silahkan masukan email Anda:
0 komentar:
Posting Komentar