✔ Cara Menciptakan Kotak Pesan Dibawah Postingan Blogspot

Kotak pesan dibawah postingan blogspot punya banyak fungsi. Selain untuk memberi batas antara postingan dengan related post atau artikel terkait, kotak ini juga memperindah tampilan blog.

Kotak ini untuk menaruh pesan dari penulis ke pembaca tanpa harus membuatnya setiap kali menciptakan postingan. Dalam kotak ini, pesan yang dapat dibentuk ibarat pengunjung yang ingin mengcopy goresan pena semoga mencantumkan sumber dan memberi backlinks ke sumber asli.

Hal ini penting untuk menghargai jerih payah penulis. Apalagi ibarat saya yang dengan bahagia hati membuatkan tanpa meminta imbalan. Cukup dengan memasang backlinks ke blog ini, hal itu akan sangat membanggakan.

Caranya sangat mudah. Ikuti langkah-langkah berikut ini.

• Pertama-tama ibarat biasa login ke akun blogspot Anda, pilih Tamplates dan Edit HTML.

• Lalu cari instruksi ini <data:post.body/> (Agar gampang cari dengan menekan Ctrl F).
• Lalu copy script dibawah ini, sempurna dibawah kode <data:post.body/>

<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding:8px 0px;margin:5px 0px 5px 0px;width:100%;float:left;height:20px;'>
<div style='float:left;padding-left:0px;font:normal 12px Georgia;'>
<b><span style="color: red;">PERHATIAN</span></b> : (ISIKAN PESAN ANDA DISINI)
</div>
<div style='float:left;padding-left:10px;'>
<!-- Place this render call where appropriate -->
<script type="text/j4vascript">
(function() {
var po = document.createElement('script'); po.type =
'text/j4vascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
</div>
</b:if>

• Ilustrasi gambarnya ibarat ini.

Sebelum menyimpan template, goresan pena berwarna merah pada script diatas dapat diubah dengan kata-kata Anda sendiri, begitu pula dengan warna tulisannya dapat dirubah sesuai keinginan.

Pada script diatas, hanya goresan pena PERHATIAN yang akan berwana merah, Anda dapat merubah seluruh warna goresan pena dengan cara mudah. Jika galau mengenai kodenya, Anda dapat ikuti cara berikut ini.

Kembali ke dasbor dan pilih Entri Baru. Tulis apa saja pesan yang Anda ingin tuliskan dan beri warna. Setelah itu pilih HTML. Setelahnya akan muncul instruksi pesan tersebut, selanjutnya cpoy seluruh instruksi HTML itu dan paste di script yang ada diatas.

Lalu

Gimana, gampang kan!. Semoga klarifikasi diatas cukup gampang dipahami, kalaupun masih ada yang belum dimengerti silahkan tinggalkan komentar dibawah ini. Oh iya, pola diatas dapat dilihat sempurna dibawah goresan pena ini. Kota itulah yang sedang kita buat. See yaa



Sumber http://www.blogooblok.com

Berlangganan Informasi Terbaru: