Cara Membuat Tampilan Komentar Blogger seperti Facebook

Fenomena melengkapi komentar facebook di blog kian hari kian bertambah. Mereka melengkapi komentar ini ada yang didasari sebuah kebutuhan dan ada yang didasari sebuah 'kelengkapan' dan ada pula yang didasari ikut-ikutan. Maka, sahabat termasuk yang mana? hehe

Melengkapi komentar facebook di situs atau blog memang bagus dan perlu. Namun sekali lagi, sahabat perlu mempelajari juga fungsi dan efeknya. Ini penting agar sahabat saat memasang komentar tersebut di blog, ternyata menjadikan blog sahabat tidak bersahabat. Tentu hal ini menjadi hal yang tidak diinginkan oleh semua orang. Oleh karena itu, sebelum memasangnya, sahabat perlu mempertimbangkan beberapa faktor tersebut.

Perlu diketahui bahwa komentar facebook di situs atau blog ini penting. Apa gunanya? Gunanya tidak lain adalah untuk menfasilitasi pengunjung untuk berkomentar, memberi saran, dan juga kritikan atau hanya sebatas ungkapan setelah membaca postingan kita. Fasilitas seperti ini sangat dibutuhkan agar antara pemilik situs dan pengunjung memiliki keterkaitan 'emosi' yang sama.

Lalu, apa resiko memasang komentar facebook?

Saat sahabat Ngonline06 memasang komentar facebook, maka secara otomatis sahabat juga menambah 'beban' tersendiri pada situs atau blog sahabat. Jika ternyata template sahabat memiliki loading yang lumayan, eh ditambah lagi kotak komentar facebook, maka tentunya bertambah pula beban loading tersebut.

Belum lagi pertanyaan ini 'Seberapa pentingkah kotak komentar facebook di blog sahabat?' Menjawab pertanyaan ini harus realistis dan penuh pertimbangan. Artinya, sahabat perlu melihat dan menganalisis kembali kira-kira pengunjung blog sahabat itu rata-rata berasal dari facebook atau tidak. Ini penting. Jika ternyata rata-rata pengunjung blog bukan berasal dari facebook, maka secara otomatis pemasangan kotak komentar menjadi tidak produktif. Ini berbeda jika pengunjung blog rata-rata berasal dari media sosial tersebut, maka pemasangan tersebut menjadi sangat perlu.

Jika sahabat telah mengetahui itu, maka sekarang kembali ke pokok bahasan. Pada kesempatan ini Ngonline06 akan memberikan alternatif lain khususnya sahabat yang blognya memang rata-rata bukan berasal dari facebook, namun seakan ingin tak ketinggalan zaman yaitu 'tren kotak komentar facebook', maka kenapa kotak komentar blogger tidak disulap tampilannya seperti komentar facebook.

Ternyata bisa lo merubah tampilan komentar blogger seperti komentar facebook. Mirip lagi. Presentasinya 98%. Artinya, kotak komentarnya memang kotak komentar blogger, tapi rasanya rasa facebook. Jika penasaran, silahkan lihat

Cara Membuat Tampilan Komentar Blogger seperti Facebook

Jika sahabat tertarik dan ingin menyulap kotak komentarnya seperti kotak komentar facebook, maka praktekin saja trik berikut. Trik milik kang ismet ini tergolong ampuh dan sangat mudah. Berikut adalah cara membuat tampilan komentar blogger seperti facebook:

Silahkan login di dashboard blog sahabat.
Pilih menu Template > Edit HTML
Cari kode ]]></b:skin>. Letakkan kode-kode di bawah ini tepat di atas kode ]]></b:skin>. Simpan

/* CSS Komentar Blogspot - Tema Facebook
*/

.comments {
font:normal 11px/14px "Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif !important;color:rgb(51,51,51);
}

.comments .comments-content a {color:#3B5998 !important;}

.comments h2, .comments h3, .comments h4 {
font-family:"Lucida Grande",Tahoma,Verdana,Arial,Sans-Serif !important;
font-size:16px;}

.comments .comments-content .comment {
margin:0 0 0;
padding:10px 0px 10px 0px;
border-top:1px solid #e9e9e9;
border-left:none;
}

.comments .comment .comment-header,
.comments .comment .comment-actions,
.comments .comment .comment-actions a,
.comments .comment .comment-thread.inline-thread,
.comments .comment .continue {margin:0 0 0; padding:0 0 0; border:none; background:transparent;}

.comments .comment .comment-header {margin-bottom:4px;}

.comments .comment .comment-header .datetime a {color:#808080 !important;}

.comments .comment .comment-actions a {padding-right:5px;}

.comments .thread-toggle .thread-arrow {width:7px; height:7px; padding-right:4px}
.comments .comment .avatar-image-container,
.comments .comment .avatar-image-container img {
width:50px;
height:50px;
max-width:none;
max-height:none;
border:none;
padding:0;
margin:0;
outline:none;
}

.comments .comment .comment-block {margin:0 0 0 60px !important;}

.comments .comment .comment-thread.inline-thread {margin:7px 0 0 22px;}

.comments .comment .comment-thread.inline-thread ol {margin:7px 0 10px !important;}

.comments .comment .comment-thread.inline-thread .comment {
background-color:#EDEFF4;
padding:5px 5px 0;
margin:1px 0 0;
border:none;
border-bottom:1px solid #D2D9E7;
}

.comments .comment .comment-thread.inline-thread .comment .avatar-image-container,
.comments .comment .comment-thread.inline-thread .comment .avatar-image-container img {width:32px;height:32px;}

.comments .comment .comment-thread.inline-thread .comment .comment-block {
margin:0 0 0 40px !important;}

.comments .comment .comment-content {text-align:left;}

.comments .comments-content .icon.blog-author {
width:16px;
height:16px;
display:inline-block;
vertical-align:top;
background:transparent url('/favicon.ico') no-repeat 50% 50%;}

.comments .comment .comment-thread.inline-thread .comment:last-child {
border-left:2px solid #A8B2CE !important;
}

Yummy... Sekarang kotak komentar blogger sahabat sudah berubah 100% tampilannya seperti komentar facebook. Bagaimana, mudah bukan? Akhirnya, semoga bermanfaat ya cara membuat tampilan komentar blogger seperti facebook di atas. Jika ada kesulitan atau hal yang belum dipahami, silahkan coret-coret saja pada kotak komentar yang ada di bawah. Salam sukses selalu.