Buat temen-temen yang suka utak-atik template dan ingin mengubah tampilan blog Anda agar tidak selalu sama dengan blogger yang lain, mungkin dengan cara ini dapat membantu. Modifikasi kotak komentar part-1 itulah judul yang saya ambil untuk postingan kali ini. Jadi setelah postingan kali ini, nanti akan ada modifikasi komentar yang lain. Jadi jangan lupa selalu mampir ke sini ya.
Modifikasi kotak komentar kali ini akan membahas bagaimana agar kotak komentar kita berada di tengah-tengah. Biasanya kotak komentar blog kita secara default ada di sebelah kiri. Untuk membuatnya silahkan ikuti langkah berikut ini :
1. Seperti biasa, masuk dulu di akun blogger sobat
2. Klik "Rancangan" => "Edit HTML"
3. Centang "Expand Template Widget"
4. Cari kode di bawah ini :
<div class='comment-form'>
5. Masukkan kode yang berwarna merah yang mengapit kode yang berwarna hitam dibawah ini :
<center>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'<data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</center>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'<data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</center>
6. "Simpan Template"
Selamat mencoba...
73 komentar:
Mantap nih sob infonya.
Sya Pertmax gak nih ? klo pertamax y :10
bisa ajari aku dong
kotak komentarku blm di renovasi jg nh kang...pdhal dah bbrapa tutorial mgenai kotak komentar...
@Epham Ninja : Emang mau di ajarin apa Maz? Kalau saya bisa bantu, Insya Allah saya bantu
mantap gan tipsnya...nanti ta cba dechhh.!!..kira2 kpn nech part-2 nya m di posting....
kotak komentar perlu di perbaiki lg ne...trims infonya kawan...
@ Deden El-Razy : Belum tahu nich kang kapan part-2nya keluar. ini aja udah agak maksa Kang coz saya juga lagi flu berat....
mantabs sob inponya... sayang gw bukan buat di blogger.com ... hehe
selalu dengan informasi yang bermanfaat. Ditunggu tips & trik berikutnya sob.
wah contohnya gimana mas?? apa seperti kotak komentar mas ini?? hmm...
@Book Online : Ya seperti di kotak komentar blog ini. Terima kasih atas kunjungan dan komentarnya kawan...
ooh..kak..ak mau tanya nih..cara nambah menu elemen halaman di blog begimana??
wah boleh juga kawan ide nya...
langsung w praktekin nih, tp gk ada ygsalah kan script nya ???
makasih ya...,,,,bwat smua nya
mudah2an bermanfaat bagi yg membutuhkan ya sob.... :D
@ Mellbourne : santai saja kawan. dijamin gak ada deh... he3x.... kan cuma tinggal nambahi kode warna merah itu doang kok....
wah...sebuah ide berilian...sebenarnya pada dasarnya blogger tauk...tapi jarang ada di antara mereka yang pikirannya sampai kesitu....dan salut sama mas...yang selalu ada ide untuk itu..sukses selalu mas
boleh dicoba nih, tapi sayang blog gue blum banyak yang komentar. hehehe
Patut dicoba neh... Great idea! hasilnya seperti tab comment yg disini ya mas Muzzy? Thanks dah sharing dan berbagi ilmunya. Keep it up!
Happy Blogging:)
@ Diah : Ya seperti kotak komentar di blog ini lha hasilnya.... Makasih ya atas kunjungan dan komentarnya
KOmetar dikirim hehehe, lebih bagus lok seklian ada preview contohnya sob hehehe
saran duank
sangat inovatif sahabat ...
nice info... :48
sayang emoticon-nya g bs muncul...
@ Aguestri : makasih ya atas sarannya
@ Pak Wow : oh iya yah kok gak muncul? makasih pak dah ngingetin...
meguru nang padepokan, nyedot ilmu alon-alon syukur kelakon
Tak cobak yo Kang
Suwun
@ Pak_is : Monggoh Kang.... matur suwun lho kang atas kunjungan dan komentarnya
nice inpo sob :) tp sayang saya ga bikin di blogger.com gaisa nyoba :)
terima kasih om untuk tutoriaL terbarunya.
semoga cepat sehat yah om, biar postingnya Lebih nyaman dan enggak buru-buru.
saLam untuk keLuarga, semoga daLam keadaan sehat dan afiat serta seLaLu daLam Lindungan Allah SWT.
@ Mas Suryadewa : sayang sekali mas klo seperti itu... Emang beda ya ma blogger? coz saya cuma utak atik di blogger doang, gak pernah utak atik di tempat lain
kira-kira itu tampilannya gmn sob???
kalau bisa dikasih contohnya donk kan biar lebih jelas :32
@ Om-Rame : Makasih banget ya om atas kunjungan, komentar dan doanya. semoga om ma keluarga juga sehat2 selalu.
@ Om-Rame : makasih banget ya om atas kunjungan, komentar serta doanya. Semoga Om ma keluarga juga selalu dalam lindungan Allah SWT dan sehat selalu.
@ Yan D. Sasongko : Contohnya seperti di blog saya ini kang. tapi mgkn karena backgroundnya putih jadi gak terlalu jelas. Iya maaf kang tadi terburu-buru posting jadi lupa kasih gambarnya. makasih ya Kang atas sarannya.
wah...sip nih infone kang...pengen coba...haha
kayaknya menarik juga untuk dicoba. makasih infonya yah mas...
infonya bagus sob !
Wah cuman di buat center aja ya? btw nice inpo mas,,,
Wah cuman di buat center aja ya? btw nice inpo mas,,,
Wah cuman di buat center aja ya? btw nice inpo mas,,,
Wah cuman di buat center aja ya? btw nice inpo mas,,,
Wah cuman di buat center aja ya? btw nice inpo mas,,,
Very nice post. I really enjoy the reading. I come here from the google while searching for some good article.Thanks
http://grocerycouponslist.com
Setelah diedit jadi apa ya???
kok ga ada screenshot-nya.......
yah kalo itu aku ngeti ka..nah maksud ak tuh..kan biasanya di blog itu suka ada menu2nya kaya
HOME GALLERY CONTACT FRIENDS dsbg
nah gimana tuh cara nambahin yg kaya gitu
nice infonya....
mantaph sob, keren...
kapan2 bisa dicoba nih...
hehehe
wah mantap neh gan......
Pagi cak.
Aku suka yang default aja wis hehehe
Berkunjung pagi
mantab sob ... terus berkreasi salam sukses
wah aku baru tahu kalau ternyata caranya begitu ..... hebat mas muzzy
Muantabz tuh Sob.....tp aku kayanya biarin dikiri aja deh Sob...soalnya diliatnya udah PW haha.....makasih info'y Sob.....maaf nie agak telat....happy blogging N Suskes slalu!!!
punya saya kenapa ya.. saya kasih emoticon yahoo tapi ga muncul? :23
thx ud berbagi ilmu-nya ya sob...
ditunggu info modifikasi buat yang lainnya...
selamat berkreasi..
Info yang bagus.. saya baru tahu klo hal ini ternyata bisa dimodifikasi.. artinya penampilan kotan komentar bisa diatur css-nya.. Trims
gan ane masih bingung,ntu biar tulisan kita ada ditengah ya pas komentar di blog??
gan ane request dah,kl g salah ane pernah liat blog yang setiap komennya bisa bales gt,kali aja bisa jadi modifan ke 2,heheee...
eh atu lagi deh,gan bsa ga yang komentar terakhir taroh nya di paling pertama,jadi yang pertama ada di bawah gan...
Artikelnya mantap sob,,,selau dinanti..sukses terus ya sobat..
nice share . . coba dulu . .
nice share . . coba dulu . .
nice share . . coba dulu . .
boleh dicoba nih, kbtulan kotak komentar punya saya dipinggir, thanks :)
nice tips sobat.. :D
Yoyoyoyi Gan mantap nian ni artikel....langsung keTKP serrrrrrr.....
Wah bagus sob..
Nambah Ilmu lg nih,
Thx ya..
wah keren neh kang!!!
semua artikel yg da disini sangat membantu buat ane yg msh newbie!!
lanjutkan kang!!!
maaf telat neh kang, ane ru OL lg neh!!!
yang ku pengen tau thu gimana caranya biar antar komentar thu ada kotaknya.... coz template blog ku tampilan komennya kurang banget....
@ Gusti : Maksudnya gimana Kang? saya belum paham
mantap mas.. :)
sukses selalu yah..
bagus kawan !
lanjutkan !
Mas Maksud saya Seperti :
Kabel mengatakan :
dan bawahnya tulisan komentar dan ada tampilan / warna wijau .. kalau punya saya kan standar2 aja sepertinya. gitu
ohh maaf kirain ngalam ternyata sidoarjo toh.. tempat adikku iku.. aku di bandung tapi wong suroboyo mas.
untuk cbox saya pertimbangkan terima kasih...
kan lama ngutak ngatik htmlnya,, ada cara instan ga? hahha *males mode on
wahhh udah dicoba....
bagus jg gan....
jd ditengah...
salam kenal...
berkunjung dan koment balik ya..
thanks....
conroh hsilnya gmn????
bagus sekali nih gan...
sangat amat bermanfaat...
Jangan Lupa Kasih Komentar Ya...
Silahkan Sobat semua komentar disini. Segala kritik dan saran dari Sobat semua akan sangat berguna bagi kemajuan blog ini.