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...
Mantap nih sob infonya.
BalasHapusSya Pertmax gak nih ? klo pertamax y :10
bisa ajari aku dong
BalasHapuskotak komentarku blm di renovasi jg nh kang...pdhal dah bbrapa tutorial mgenai kotak komentar...
BalasHapus@Epham Ninja : Emang mau di ajarin apa Maz? Kalau saya bisa bantu, Insya Allah saya bantu
BalasHapusmantap gan tipsnya...nanti ta cba dechhh.!!..kira2 kpn nech part-2 nya m di posting....
BalasHapuskotak komentar perlu di perbaiki lg ne...trims infonya kawan...
BalasHapus@ Deden El-Razy : Belum tahu nich kang kapan part-2nya keluar. ini aja udah agak maksa Kang coz saya juga lagi flu berat....
BalasHapusmantabs sob inponya... sayang gw bukan buat di blogger.com ... hehe
BalasHapusselalu dengan informasi yang bermanfaat. Ditunggu tips & trik berikutnya sob.
BalasHapuswah contohnya gimana mas?? apa seperti kotak komentar mas ini?? hmm...
BalasHapus@Book Online : Ya seperti di kotak komentar blog ini. Terima kasih atas kunjungan dan komentarnya kawan...
BalasHapusooh..kak..ak mau tanya nih..cara nambah menu elemen halaman di blog begimana??
BalasHapuswah boleh juga kawan ide nya...
BalasHapuslangsung w praktekin nih, tp gk ada ygsalah kan script nya ???
makasih ya...,,,,bwat smua nya
mudah2an bermanfaat bagi yg membutuhkan ya sob.... :D
BalasHapus@ Mellbourne : santai saja kawan. dijamin gak ada deh... he3x.... kan cuma tinggal nambahi kode warna merah itu doang kok....
BalasHapuswah...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
BalasHapusboleh dicoba nih, tapi sayang blog gue blum banyak yang komentar. hehehe
BalasHapusPatut dicoba neh... Great idea! hasilnya seperti tab comment yg disini ya mas Muzzy? Thanks dah sharing dan berbagi ilmunya. Keep it up!
BalasHapusHappy Blogging:)
@ Diah : Ya seperti kotak komentar di blog ini lha hasilnya.... Makasih ya atas kunjungan dan komentarnya
BalasHapusKOmetar dikirim hehehe, lebih bagus lok seklian ada preview contohnya sob hehehe
BalasHapussaran duank
sangat inovatif sahabat ...
BalasHapusnice info... :48
BalasHapussayang emoticon-nya g bs muncul...
@ Aguestri : makasih ya atas sarannya
BalasHapus@ Pak Wow : oh iya yah kok gak muncul? makasih pak dah ngingetin...
meguru nang padepokan, nyedot ilmu alon-alon syukur kelakon
BalasHapusTak cobak yo Kang
Suwun
@ Pak_is : Monggoh Kang.... matur suwun lho kang atas kunjungan dan komentarnya
BalasHapusnice inpo sob :) tp sayang saya ga bikin di blogger.com gaisa nyoba :)
BalasHapusterima kasih om untuk tutoriaL terbarunya.
BalasHapussemoga 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
BalasHapuskira-kira itu tampilannya gmn sob???
BalasHapuskalau 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.
BalasHapus@ Om-Rame : makasih banget ya om atas kunjungan, komentar serta doanya. Semoga Om ma keluarga juga selalu dalam lindungan Allah SWT dan sehat selalu.
BalasHapus@ 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
BalasHapuskayaknya menarik juga untuk dicoba. makasih infonya yah mas...
BalasHapusinfonya bagus sob !
BalasHapusWah cuman di buat center aja ya? btw nice inpo mas,,,
BalasHapusWah cuman di buat center aja ya? btw nice inpo mas,,,
BalasHapusWah cuman di buat center aja ya? btw nice inpo mas,,,
BalasHapusWah cuman di buat center aja ya? btw nice inpo mas,,,
BalasHapusWah cuman di buat center aja ya? btw nice inpo mas,,,
BalasHapusSetelah diedit jadi apa ya???
BalasHapuskok ga ada screenshot-nya.......
yah kalo itu aku ngeti ka..nah maksud ak tuh..kan biasanya di blog itu suka ada menu2nya kaya
BalasHapusHOME GALLERY CONTACT FRIENDS dsbg
nah gimana tuh cara nambahin yg kaya gitu
nice infonya....
BalasHapusmantaph sob, keren...
BalasHapuskapan2 bisa dicoba nih...
hehehe
wah mantap neh gan......
BalasHapusPagi cak.
BalasHapusAku suka yang default aja wis hehehe
Berkunjung pagi
BalasHapusmantab sob ... terus berkreasi salam sukses
BalasHapuswah aku baru tahu kalau ternyata caranya begitu ..... hebat mas muzzy
BalasHapusMuantabz 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!!!
BalasHapuspunya saya kenapa ya.. saya kasih emoticon yahoo tapi ga muncul? :23
BalasHapusthx ud berbagi ilmu-nya ya sob...
BalasHapusditunggu 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
BalasHapusgan ane masih bingung,ntu biar tulisan kita ada ditengah ya pas komentar di blog??
BalasHapusgan 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...
BalasHapusArtikelnya mantap sob,,,selau dinanti..sukses terus ya sobat..
BalasHapusnice share . . coba dulu . .
BalasHapusnice share . . coba dulu . .
BalasHapusnice share . . coba dulu . .
BalasHapusboleh dicoba nih, kbtulan kotak komentar punya saya dipinggir, thanks :)
BalasHapusnice tips sobat.. :D
BalasHapusYoyoyoyi Gan mantap nian ni artikel....langsung keTKP serrrrrrr.....
BalasHapusWah bagus sob..
BalasHapusNambah Ilmu lg nih,
Thx ya..
wah keren neh kang!!!
BalasHapussemua 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....
BalasHapus@ Gusti : Maksudnya gimana Kang? saya belum paham
BalasHapusmantap mas.. :)
BalasHapussukses selalu yah..
bagus kawan !
BalasHapuslanjutkan !
Mas Maksud saya Seperti :
BalasHapusKabel 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
BalasHapuswahhh udah dicoba....
BalasHapusbagus jg gan....
jd ditengah...
salam kenal...
berkunjung dan koment balik ya..
thanks....
conroh hsilnya gmn????
BalasHapusbagus sekali nih gan...
BalasHapussangat amat bermanfaat...