Meletakan Iklan dan Social Bookmark di Bawah Judul Posting
Meletakan Iklan dan Social Bookmark di Bawah Judul Posting - Nah pada kesempatan kali ini di hari yang penuh rahmat saya Mas Koisine akan berbagi tutorial mengenai cara meletakan iklan dan social bookmark/media jejaring social di bawah judul artikel/posting secara berdampingan. Dengan cara ini berarti Anda telah meletakan iklan di tempat yang sesuai dimana pengunjung dapat melihat iklan beserta social bookmark setelah membuka salah satu artikel di dalam blog Anda. Meletakan iklan di bawah artikel/posting merupakan cara strategis karena Anda meletakan iklan di tempat yang sering dilihat visitors/pengunjung sedangkan social bookmark berfungsi untuk mebagikan artikel Anda ke media jejaring sosial, jadi artikel Anda tidak hanya pada blog Anda saja tetapi di situs jejaring sosial pun ada.
Nah jika Anda ingin memasang cara ini kedalam blog Anda, mari kita lihat langkah-langkahnya di bawah ini.
- Untuk demonya silahkan lihat foto di bawah ini,
 |
| Demo |
Caranya,
- Silahkan kalian login dengan email dan password Anda ke blogger,
 |
| Gambar 1.2 |
- Selanjutnya, pada dasboard blog Anda silahkan pilih Template,
 |
| Gambar 1.3 |
- Selanjutnya, anda pilih Edit Html dan jangan lupa ceklist Expand Template Widget,
- Silahkan gunakan ctrl-F untuk mencari kode di bawah ini,
]]></b:skin>
- Selanjutnya, letakan kode Css di bawah ini sebelum kode di atas atau kode yang sudah Anda temukan,
/* -- Bookmark -- */
.ads{margin-bottom:35px; border-top:solid 1px #DEDEDE; padding-top:8px; font-size:11px;}
.ads-right-min{border-left:solid 1px #DEDEDE}
.ads-right-min a:link,
.ads-right-min a:visited,
.bottom-share-links a:link,
.bottom-share-links a:visited{font: normal 12px Arial, Helvetica, sans-serif;display: block;color:#222;height:28px;line-height:16px;padding-left:20px}
.ads-right-min a:hover,
.bottom-share-links a:hover{color:#B40404}
.mini-feed{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmco8at3fEtChomfTo0DomPETW4BeOxYN_88vbJym4v3fjkZ2EuzXY9mUv-n2q3VGE89RDU9pDO3Efz2c4Yzx_Gf1Yx4LgN-K6tSp52TlzpdwUxnH2E8KRD0zazilPqeLcc-0261Z30k0/s400/feed.png) no-repeat;}
.mini-tweet{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaSZmjzM6kFWENYNvQn0MzBcBT3pF64nb5by7Wx6V6PclB5JHTG5kfraa3rweVmn1nskZgKnF7PtBK8TsKWQY81E3rxSHFSVdeY04wxnYvVjWyPh5AlULLN10Hu8rTtrp6erjzTZDRF6A/s400/twitter.png) no-repeat;}
.mini-stum{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi771aavmZbcKZnw1wY_TlkU95290wnh-X6zDhKPsXQS-lH3O6pnbbzQtS7jhF2fL6YsrZhyphenhyphenXQF-Y-Wi7Jza3NfJ9-Ndqh3S0li5Nh6tgv19qBdwa7cJuBxgQW94vnR7V7BF0Kc21cfjUW2/s400/stumbleupon.png) no-repeat;}
.mini-facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEVAwI6HPvljl5LLqHO_XMvRIwVnCBRadpdmXfLXcbkx5KnCkCQEFHMyTShJJ4duRAWPQQ_Zcyx_MhM_0ah5KLTaHkX1lKZ7HIfci0rkHLwssLiE_dBHSGuAlom_0IVMIJw3aEJm7VCTU/s400/facebook.png) no-repeat;}
.mini-digg{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjt6h3tpuDK2Z2Kiyg3ToQbdA_c3-VjfrV72AJFExeoEOdPdA8Oq4dZ6Hn2VBAxWUfnD760IaE9MRqy9H9522SnLzaXL1KpGOI_Wnbct4dOf-2l5IRIgHLJ1q-lm44TtyPrlBX664QJFYug/s400/digg.png) no-repeat;}
.bottom-share-links{height:50px; clear:both; padding-top:10px}
.bottom-share-links .mini-feed{float:left; margin-right:13px;}
- Untuk memasang iklan dan social bookmarknya silahkan cari kode di bawah ini,
<div class='post-body entry-content'>
- Lalu letakan kode di bawah ini di atas/sebelum kode tersebut,
<b:if cond='data:blog.pageType == "item"'>
<div class='ads'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td width='375'>
Kode Iklan Anda
</td>
<td><div class='ads-right-min'>
<h2><b>Do you want to share?</b></h2>
<a class='mini-feed' href='http://feeds2.feedburner.com/koisine'>Subscribe RSS Feed</a>
<a class='mini-tweet' expr:href='"http://twitthis.com/twit url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Tweet on Twitter</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-stum' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Stumble This Article</a>
<a class='mini-digg' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>Digg this Article</a>
</div>
</td>
</tr>
</table>
</div></b:if>
Keterangan !
Kode Iklan Anda : Silahkan Anda masukan kode iklan Anda,
koisine : Silahkan Anda ganti dengan nama feedburner Anda,
Sekian tutorial dari Mas Koisine mengenai Cara Meletakan Iklan dan Social Bookmark di Bawah Judul Posting, semoga dengan cara tersebut dapat membantu Anda yang telah membaca artikel ini.
Selamat mencoba dan terima kasih.
4.5
