Cara Membuat Kotak Pesan Peringatan Di Bawah Postingan Blog

Pada kesempatan kali ini saya akan berbagi, Cara Membuat Kotak Pesan Peringatan Di Bawah Postingan Blog. Pesan peringatan yang saya share sekarang ini tidak menggunakan foto atau pun gambar jadi hanya tulisan pesan peringatan aja. Tujuan kotak pesan peringatan ini adalah, bertujuan untuk menjaga hak cipta artikel kita. Langsung aja deh bagi yg ingin pake kotak pesan peringatan bisa lihat tutorial di bawah ini.

Cara Membuat Kotak Pesan Peringatan Di Bawah Postingan Blog:
1.  Login ke blog sobat.
2.  Ketika dihalaman dasbor, klik Template > Edit Html
3.  Cari kode ]]></b:skin>
4.  Letakan script di bawah ini tepat di atas kode ]]></b:skin>

.permalinkblogspot{border:0px solid #EFF0F1; padding:5px; background:#fff; -moz-border-radius:5px}
.permalinkblogspot a{background:none}
img.float-right{margin:5px 0px 0 10px}
img.float-left{margin:5px 10px 0 0px}

5.  Cari kode <data:post.body/>, kalau kode <data:post.body/> nya ada 2 atau lebih letakkan dibawah kode <data:post.body/> yang paling akhir.

<br/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: #CBFBCD; text-align: left;'><img align='absmiddle' src='##'/> <b><medium>Tolong dibaca terlebih dahulu !</medium></b><br/><br/><small><div style='text-align: justify;'>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, Anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman Anda, namun jangan lupa untuk meletakkan link postingan <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div>
</b:if>
<a href="agraanggakara.blogspot.com/2013/07/cara-membuat-kotak-pesan-peringatan-di.html" target="_blank">"Get this Widget"</a>

Sobat bisa mengganti:
 #CBFBCD dengan warna yang sobat suka, kalo nggak tau kode warnanya bisa cek Disini
## dengan link gambar sobat, pake ukuran yang kecil aja, kira kira se ukuran favicon

6.  Simpan template, dan lihat hasilnya.

Semoga Bermanfaat

Tweet