Cara membuat Widget kotak Admin dan Peringatan dibawah Postingan Blog

Cara membuat Widget kotak Admin dan Peringatan dibawah Postingan Blog | Cara Pasang Widget Kotak Pesan Admin atau Author Blog di Bawah Postingan Blog. Berikut ini saya akan share bagaimana cara membuat kotak Admin dan Peringatan dibawah Postingan Blog, jika penasaran dan ingin membuatnya silahkan Baca artikel ini.

<a herf="http://storyblog04.blogspot.com">

 
Ini adalah contoh dari kotak admin saya, hehe, gak apa-apa gambar bola, emang klub kesangan saya, langsung saja ke cara membuatnya :

• Pertama-tama silahkan login ke Blogger >> Tempplate >> Lalu edit HTML
• Cari kode ini <data:post.body/> , dan kemudian letakkan kode dibawah ini Tepat di bawah kode <data:post.body/> , Yang ke DUA versi Desktop.

-----------------------------------------------------------------------------------------------------------------------
<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>

Copyright : <a herf="http://storyblog04.blogspot.com">

----------------------------------------------------------------------------------------------

PERHATIAN :

• Untuk kode warna #CBFBCD, Bisa anda ganti dengan kode warna lainnya, lihat di KODEWARNA
• Untuk simbol # berwarna biru bisa diganti dengan URL gambar sobat, cari yang ukuran kecil saja.
• Nah hanya seperti itu saja

Langkah kedua

• Silahkan tetap didalam editor Template
• Ketikan ]]></b:skin> dengan menggunakan cara CTRL + F agar lebih cepat.
• dan masukkan kode dibawah ini tepat diatas 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}

Copyright : <a herf="http://storyblog04.blogspot.com>

-------------------------------------------------------------------------------------------------------

Nah jika sudah, silahkan pratinjau dahulu dan kemudian jika sukses bisa di save template, sekian cara  Cara membuat Widget kotak Admin dan Peringatan dibawah Postingan Blog semoga artikelnya bermanfaat.

 

Share this article :

Share on FB Tweet Share on G+ Submit to Digg