Home > Tutorial Blogger > Cara Memodifikasi Tampilan Pesan Komentar Blogger
Cara Memodifikasi Tampilan Pesan Komentar Blogger
Posted on Senin, 11 Februari 2013 by Unknown
Modifikasi Tampilan Pesan Komentar Blogger
Posted: 09 Feb 2013 10:42 PM PST
Alhamdulillah bisa menyapa anda lagi dengan tutorial baru. Setelah beberapa hari kesempatan on line hanya sempat dan asyik utak-atik template, update sampai terlupakan, apalagi yang namanya blogwalking. Maka kali ini insyaAllah saya ingin mengetengahkan tutorial sederhana saja, seperti judul diatas, cara modifikasi tampilan pesan komentar blogger.
Tampilan default pesan komentar blogger sangat sederhana tanpa sedikitpun polesan dari aspek desain, nah bagi anda yang ingin memiliki pesan komentar yang berbeda anda bisa mencoba menembahkan beberapa property CSS untuk merubah background pesan komentar anda, juga jenis dan ukuran font dll. Sebagai contoh yang bisa anda kembangkan lagi seperti berikut:
Demikian tutorial cara modifikasi tampilan pesan komentar blogger. Semoga bermanfaat. Good luck.
Mungkin anda juga bisa melihat tutorial cara modifikasi form komentar blogger dengan penggunaan CSS anda bisa menambahkan padanya background warna ataupun gambar. Cek out disini
Tampilan default pesan komentar blogger sangat sederhana tanpa sedikitpun polesan dari aspek desain, nah bagi anda yang ingin memiliki pesan komentar yang berbeda anda bisa mencoba menembahkan beberapa property CSS untuk merubah background pesan komentar anda, juga jenis dan ukuran font dll. Sebagai contoh yang bisa anda kembangkan lagi seperti berikut:
Cara Modifikasi Tampilan Komentar Blogger
- Setelah login ke akun anda
- Pada dasbor Klik Edit HTML ---> Proceed ---> Expand Widget Templates
- Klikk Ctrl+F dan cari kode berikut: <p><data:blogCommentMessage/><
/p> - Lalu ganti dengan kode berikut: <div id='pra-comment'><data:
blogCommentMessage/></div>
Biasanya kode <p><data:blogCommentMessage/>< /p> jumlahnya lebih dari 2, ganti semua kode tersebut.
- Klikk Ctrl+F dan cari kode ]]></b:skin>
- Tambahkan kode CSS berikut diatas kode ]]></b:skin>
#pra-comment{ position: relative; background:#F3C5C5; width:100%; padding:10px; font:normal 12px trebuchet ms; text-align:justify; border:3px solid #AD3000; margin:0 10px 10px 0; margin-top: 10px; line-height: 1.3em; } #pra-comment::after, #pra-comment::before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } #pra-comment::before { border-top-color: #AD3000; border-width: 15px; left: 10%; margin-left: -36px } #pra-comment::after { border-top-color: #F3C5C5; /* Samakan dengan warna background */ border-width: 9px; left: 10%; margin-left: -30px }
Anda masih dapat mengedit CSS diatas. Misalnya mengganti warna background, jenis dan ukuran font dll. Untuk mendapatkan kode warna anda bisa lihat disini
- Simpan template dan lihat hasilnya diblog anda
Demikian tutorial cara modifikasi tampilan pesan komentar blogger. Semoga bermanfaat. Good luck.
Mungkin anda juga bisa melihat tutorial cara modifikasi form komentar blogger dengan penggunaan CSS anda bisa menambahkan padanya background warna ataupun gambar. Cek out disini
Category Article Tutorial Blogger
What's on Your Mind...
Jika ingin berkomentar,berkomentar lah yang sopan.Jika ada komentar yang menjelek-jelekan blog ini jangan salahkan jika kami menghapus komentar anda.
Diberdayakan oleh Blogger.
Search This Blog
Lencana Facebook
Followers
Footer Links
Label
- Biologi (2)
- Cheat Facebook (3)
- Cheat PS2 (1)
- Download MP3 dan Ringtone (1)
- Game PC (5)
- IPS kelas VII (1)
- Software (5)
- Squid game shop (1)
- Template (3)
- TIK (1)
- Trainers (1)
- Trik FB (5)
- Tutorial Blogger (33)
- Tutorial Forum (1)
- Tutorial SEO (2)
- Twitter (2)
Blogroll
Pages
About
Blogger templates
Trending Topic
Blog Archive
-
▼
2013
(71)
-
▼
Februari
(37)
- Tips Cara Mempercepat Kecepatan Loading Blog
- Kumpulan Tips Cara Mendapatkan Banyak Follower di ...
- Memuat efek yang lebih untuk Blogger - part 2
- 3 Tips Cara Memilih Laptop Baru
- Daftarkan Blog Anda ke Google Sekarang Juga
- Dua Modifikasi Threaded Comments Menarik Dan Keren
- .:: Cara Backup Website Plus Cara Cloning Website ::.
- Cara Mengganti Nama Blog
- Bully: Scholarship Edition
- Bagaimana Agar Blog Banyak Pengunjung ?
- Cara Membuat Contact Form di Blog
- 1000 HD Wallpapers Collection
- Cara Mendaftar Di Freedns.Afraid.Org Situs Penyedi...
- Atmosfer dan Hidrosfer
- Cara Melakukan Custom Domain di Blogspot
- Youda Jewel Shop
- Youda Marina
- Modifikasi Tampilan Widget Statistik Bawaan Blogge...
- Cara Mengganti Background Blog Dengan Mudah Melalu...
- Template Blog yang ringan dan keren terbaru 2013
- Memuat efek yang lebih untuk Blogger - Part 1
- Cara Meningkatkan Like Fanspage Facebook
- Download Template SEO Friendly
- Download Template Blogger Keren
- Status Fb gokil dan keren
- Cara membuat Komentar dan Status kosong di Facebook
- 19 Misteri Game GTA San Andreas
- Cara Membuat Like Box di Blog Valid XHTML
- Cara mengganti judul dan Deskripsi Blog
- Cara Baru Ganti Nama Nick Name FB Update July 2012
- Cara menggunakan Auto Like Facebook Likelo.com
- Corel Video Studio Pro X5 + Keygen
- Modifikasi Tampilan Widget Statistik Blogger Versi 1
- Peralatan Biologi
- Sudah Tahu Algoritma Google Dan Tips SEO?
- Cara Menampilkan Emoticons Smiley Pada Komentar Bl...
- Cara Memodifikasi Tampilan Pesan Komentar Blogger
-
▼
Februari
(37)
Pages
Label
Translate
Popular Posts
-
Info contact atau kontak memang sebaiknya dipasang oleh blogger di blognya. Hal ini untuk menjalin percakapan yang lebih personal dari peng...
-
B anyak cara yang bisa dilakukan untuk meningkatkan traffic kunjungan blog salah satunya dengan mempromosikanya ke jejaring social....
-
Cheat Tsunami & Banjir ini kami temukan dan posting disini, setelah beberapa pengunjung eggi's blog request mengenai Cheat Tsunami y...
-
Ga perlu dijelasin lagi kayanya yaa. -.- Software yang paling dianggap bagus dan sempurna untuk masalah 3D design. AutoCAD 2013 ini bisa d...
-
Cara Mengirim Email Lewat Gmail Cara Mengirim Email Lewat Gmail - Belum lama saya mendapatkan pertanyaan melalui E-mail yang beri...
-
Below CARA BACKUP Website Plus Cara Cloning Website / blog , Contoh mengcloning: web Iklan baris dengan platform wordpress: Taukah ka...
-
Template Blogger Keren dan Ringan Terbaru 2013. Template yang fast loading dan SEO Friendly ini gratis untuk anda. Selain i...
-
Download Template Blogspot Gratis Yang KEREN dan Full SEO READY bisa anda dapatkan disini, dan kamu tinggal pilih mana yang paling kamu s...
-
Ada beberapa Kumpulan Status FB Lucu Terbaru bikin kita jadi ngerasa gokil hahaa :D Jika sobat semua suka ngerasa bingung kalo mau update ...
Arsip Blog
-
▼
2013
(71)
-
▼
Februari
(37)
- Tips Cara Mempercepat Kecepatan Loading Blog
- Kumpulan Tips Cara Mendapatkan Banyak Follower di ...
- Memuat efek yang lebih untuk Blogger - part 2
- 3 Tips Cara Memilih Laptop Baru
- Daftarkan Blog Anda ke Google Sekarang Juga
- Dua Modifikasi Threaded Comments Menarik Dan Keren
- .:: Cara Backup Website Plus Cara Cloning Website ::.
- Cara Mengganti Nama Blog
- Bully: Scholarship Edition
- Bagaimana Agar Blog Banyak Pengunjung ?
- Cara Membuat Contact Form di Blog
- 1000 HD Wallpapers Collection
- Cara Mendaftar Di Freedns.Afraid.Org Situs Penyedi...
- Atmosfer dan Hidrosfer
- Cara Melakukan Custom Domain di Blogspot
- Youda Jewel Shop
- Youda Marina
- Modifikasi Tampilan Widget Statistik Bawaan Blogge...
- Cara Mengganti Background Blog Dengan Mudah Melalu...
- Template Blog yang ringan dan keren terbaru 2013
- Memuat efek yang lebih untuk Blogger - Part 1
- Cara Meningkatkan Like Fanspage Facebook
- Download Template SEO Friendly
- Download Template Blogger Keren
- Status Fb gokil dan keren
- Cara membuat Komentar dan Status kosong di Facebook
- 19 Misteri Game GTA San Andreas
- Cara Membuat Like Box di Blog Valid XHTML
- Cara mengganti judul dan Deskripsi Blog
- Cara Baru Ganti Nama Nick Name FB Update July 2012
- Cara menggunakan Auto Like Facebook Likelo.com
- Corel Video Studio Pro X5 + Keygen
- Modifikasi Tampilan Widget Statistik Blogger Versi 1
- Peralatan Biologi
- Sudah Tahu Algoritma Google Dan Tips SEO?
- Cara Menampilkan Emoticons Smiley Pada Komentar Bl...
- Cara Memodifikasi Tampilan Pesan Komentar Blogger
-
▼
Februari
(37)
Mengenai Saya
Arsip Blog
-
▼
2013
(71)
-
▼
Februari
(37)
- Tips Cara Mempercepat Kecepatan Loading Blog
- Kumpulan Tips Cara Mendapatkan Banyak Follower di ...
- Memuat efek yang lebih untuk Blogger - part 2
- 3 Tips Cara Memilih Laptop Baru
- Daftarkan Blog Anda ke Google Sekarang Juga
- Dua Modifikasi Threaded Comments Menarik Dan Keren
- .:: Cara Backup Website Plus Cara Cloning Website ::.
- Cara Mengganti Nama Blog
- Bully: Scholarship Edition
- Bagaimana Agar Blog Banyak Pengunjung ?
- Cara Membuat Contact Form di Blog
- 1000 HD Wallpapers Collection
- Cara Mendaftar Di Freedns.Afraid.Org Situs Penyedi...
- Atmosfer dan Hidrosfer
- Cara Melakukan Custom Domain di Blogspot
- Youda Jewel Shop
- Youda Marina
- Modifikasi Tampilan Widget Statistik Bawaan Blogge...
- Cara Mengganti Background Blog Dengan Mudah Melalu...
- Template Blog yang ringan dan keren terbaru 2013
- Memuat efek yang lebih untuk Blogger - Part 1
- Cara Meningkatkan Like Fanspage Facebook
- Download Template SEO Friendly
- Download Template Blogger Keren
- Status Fb gokil dan keren
- Cara membuat Komentar dan Status kosong di Facebook
- 19 Misteri Game GTA San Andreas
- Cara Membuat Like Box di Blog Valid XHTML
- Cara mengganti judul dan Deskripsi Blog
- Cara Baru Ganti Nama Nick Name FB Update July 2012
- Cara menggunakan Auto Like Facebook Likelo.com
- Corel Video Studio Pro X5 + Keygen
- Modifikasi Tampilan Widget Statistik Blogger Versi 1
- Peralatan Biologi
- Sudah Tahu Algoritma Google Dan Tips SEO?
- Cara Menampilkan Emoticons Smiley Pada Komentar Bl...
- Cara Memodifikasi Tampilan Pesan Komentar Blogger
-
▼
Februari
(37)