Roda Motiv

Cara Modifikasi Tampilan Thread Comments Hack Blogger Atas usul salah satu member , kali ini akan kita buat tampilan komentar blog menjadi lebih keren. Tampilan komentar ini merupakan modifikasi dari Thread Comments Hack For Blogger . Bila Tertarik dengan tampilannya, silahkan simak tutorial berikut. Cara Modifikasi Tampilan Thread Comments Hack 1. Silahkan menuju ke hidangan Template kemudian klik Edit HTML. 2. Letakkan CSS berikut sebelum instruksi ]]></b:skin> atau </style> . /* CSS Comments */ #comments{background:#fff;clear:both;margin:10px auto 0;line-height:1em;padding:20px;border: 1px solid #eee;} #comments h3{background:#fff;display:inline;line-height:20px;margin-bottom:20px;margin-top:0;font-family:'Arial',sans-serif;font-size:14px;position:absolute;color:#333;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #eaeaea;} #comments h3:before {font-family:fontawesome;content:"\f086";margin-right:10px;font

Modifikasi Tampilan Komentar Facebook Berdampingan Dengan Blogger Terlepas dari banyaknya tutorial seputar cara memasang komentar facebook yang berdampingan dengan komentar blogger, aku ingin sedikit memodifikasi tampilan Tab komentar semoga lebih lezat dipandang. Sebenarnya cara pemasangannya sama saja dengan cara memasang komentar facebook yang lain, namun aku sedikit mengubah tampilan pada CSSnya saja. Cara Memasang komentar Facebook Berdampingan dengan Blogger 1. Sebaiknya sebelum memasang komentar Facebook, Anda sudah harus mempunyai App ID Facebook. Bila belum memilikinya, silahkan buat di https://developers.facebook.com/apps . 2. Buka Menu Template kemudian klik Edit HTML. Letakkan CSS berikut sebelum instruksi ]]></b:skin> atau </style> . /* CSS Facebook Comments by wajahilmu.blogspot.com */ #blogger-comments-page {display:none;padding:20px} #fb-comments-page{padding:20px;} .facebook-tab {float:left;cursor:pointer;width:50%;padding:25px;font-weight:bold;t