Membuat dan Modifikasi Pesan Komentar

Sebelumnya kita telah membahas banyak artikel yang berhubungan dengan komentar, untuk lebih jelasnya kalian bisa melihat semua artikel tentang komentar DISINI.
Postingan saya kali ini adalah untuk menjawab pertanyaan salah satu teman saya di komentar :

asskum mas yuda saya mau tanya bagaimana cara memperlebar sidebar dan halaman posting blog setelah di hilangkan widgetnya dan bagaimana cara memberikan tulisan diatas kotak komentar dan bagaimana cara memberikan emotions diatas kotak komentar mohon bantuannya..

Untuk menjawab pertanyaan tentang memperlebar sidebar dan halaman posting, bisa langsung membaca artikel saya yang berjudul merubah ukuran pada template blogger, dan untuk pertanyaan tentang emoticon diatas kotak komentar bisa dibaca di artikel saya yang berjudul Memasang emoticon diatas kotak komentar.

Untuk pertanyaan tentang memberikan tulisan diatas kotak komentar mungkin maksudnya adalah pesan komentar. Untuk membuatnya silahkan ikuti tahap berikut ini:

Pada dasarnya pesan komentar ini sudah tinggal kita tulis di "PESAN FORMULIR KOMENTAR" yang letaknya di PENGATURAN. Langkahnya sebagai berikut :

1. Login Ke blogger kalian
2. Pilih rancangan ---> Pengaturan ---> Komentar
3. pada PESAN FORMULIR KOMENTAR silahkan isi pesan apa yang akan kalian sampaikan, contoh pada gambar dibawah ini:




Namun bentuk pesan tersebut terlihat biasa, Jika kalian ingin yang lebih CAEM silahkan lihat bentuk modifikasi dibawah ini :

1. MODIFIKASI TANPA PHOTO



Untuk modifikasi tanpa photo kalian ikuti tahap berikut:

1. Login Ke blogger
2. Masuk Ke Rancangan ---> EDIT HTML ( centang Expand Template Widget )
3. Simpan kode berikut diatas kode ]]></b:skin>

/*-- Pesan Komentar By azis Lamayuda --*/

#PesanKomentar{clear:both;padding:10px;font:normal 9px sans-serif;text-align:justify;border:1px solid #EFF0F1;margin:0 10px 5px 0; line-height: 1.1em;}
#PesanKomentar a{ font-weight:bold;}
#PesanKomentar a:hover{letter-spacing:1px; text-decoration:none;}
#PesanKomentar b{color: #000000;}
#PesanKomentar em b{Color:#ff0000;}


4. Kalian Cari kode berikut :

<p><data:blogCommentMessage/></p>


ganti kode diatas dengan kode dibawah ini

<div id='PesanKomentar'><data:blogCommentMessage/></div>


5. SIMPAN template kalian dan sekarang pindah masuk ke PENGATURAN ---> KOMENTAR
6. Pada PESAN FORMULIR KOMENTAR SIMPAN simpan kode berikut :

Silahkan menuliskan komentar anda pada opsi <b>Google/Blogger</b> untuk anda yang memiliki akun <b>Google/Blogger</b>.Silahkan pilih account yang sesuai dengan <b>blog/website</b> anda (<b>LiveJournal, WordPress, TypePad, AIM</b>).Pada opsi <b>OpenID</b> silahkan masukkan <b>URL blog/website</b> anda pada kotak yang tersedia.Atau anda bisa memilih opsi <b>Nama/URL</b>, lalu tulis nama anda dan <b>URL blog/website</b> anda pada kotak yang tersedia.Jika anda tidak punya <b>blog/website</b>, kolom <b>URL</b> boleh dikosongkan.


7. SIMPAN DAN SELESAI.



2. MODIFIKASI DENGAN PHOTO



1. Login ke blogger ---> Rancangan ---> EDIT HTML (centang Expand Template Widget)
2. Cari kode Berikut :

<p><data:blogCommentMessage/></p>


3. Simpan kode berikut tepat SETELAH kode diatas

<div class='z33sPesan'>
<div class='pesankotakomentar'>
<a href='URL PHOTO/GAMBAR KALIAN' onblur='try {parent.deselectBloggerImageGracefully();} catch(e) {}'><img alt='' border='0' id='BLOGGER_PHOTO_ID_5354112450438309666' src='URL PHOTO/GAMBAR KALIAN' style='margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 100px; height: 115px;'/></a><font face='georgia' size='1'><p align='justify'>Silahkan menuliskan komentar anda pada opsi <b>Google/Blogger</b> untuk anda yang memiliki akun <b>Google/Blogger</b>.<br/><br/>Silahkan pilih account yang sesuai dengan <b>blog/website</b> anda (<b>LiveJournal, WordPress, TypePad, AIM</b>).<br/><br/>Pada opsi <b>OpenID</b> silahkan masukkan <b>URL blog/website</b> anda pada kotak yang tersedia.<br/><br/>Atau anda bisa memilih opsi <b>Nama/URL</b>, lalu tulis nama anda dan <b>URL blog/website</b> anda pada kotak yang tersedia.<br/><br/>Jika anda tidak punya <b>blog/website</b>, kolom <b>URL</b> boleh dikosongi atau dapat juga diganti dengan email anda.<br/><br/></p>
Terima kasih, komentar anda sangat berarti untuk <font color='#ff8000'><a expr:href='data:blog.homepageUrl'><data:title/></a></font></font></div></div>


Keterangan :
== isi pesan diatas boleh kalian ganti dengan kata-kata kalian
== kode warna merah kalian ganti dengan URL gambar / photo kalian
== ganti ukuran gambar/photo pada kode width: 100px; height: 115px

Semoga artikel ini bermanfaat buat yang bertanya dan buat para pembaca dan pengunjung. Terima kasih

donasiSilahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Azis Lamayuda Penulis :  Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.

Jika Anda ingin artikel Membuat dan Modifikasi Pesan Komentar dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

7 comments

Mantap Kang tutorialnya sebenarnya saya sudah memasang emote di dalam komentar tpi kenapa tidak munculnya kalo diketik tandanya ya Kang, mohon pencerahan mkasih Kang, katanya sih gak sesuai dengan templatenya gitu, tpi saya masih ga mudeng Kang, mohon kalo ada pencerahan, mkasih Kang

@Tembang lawas : Silahkan baca tutorialnya disini http://www.z33s.co.cc/2010/08/masalah-emoticon-komentar-tidak-muncul.html

Blognya bagus kk..
Ku bisa belajar banyak nih..mohon bimbingannya ya :X

@363725146077744662.0
Makasih Ezra, saling berbagi pengetahuan itu mengasyikan

wah keren bro postingannya cocok2, banyak pilihanannya, cuma yang jadi masalah di blog ini ngak ada kotak followernya hahahaha (mau jadi follower)

@8803867331893100914.0
kemarin widget follower saya hilangkan dulu, sekarang dah ada tuch

Mas, ane dah pasang, di edit HTML-nya sudah ada, tapi kok nggak muncul foto ane beserta tulisannya ya?? Kenapa mas? Mohon di-check di sini

 
 
footerline
© Copyright 2010 AZIS LAMAYUDA | powered by Blogger
Say hello to me.