Memasang Widget Komentar Terbaru di Blog - Beberapa fungsi dari sebuah widget adalah menampilkan cuplikan-cuplikan tertentu, seperti halnya widget populer post yang berfungsi menampilkan artikel-artikel yang sering dibaca oleh pengunjung. Selain itu pasti kita juga mengenal sebuah widget yang berfungsi mengetahui sebuah riwayat dari sebuah komentar, yaitu new coment. Kita bisa tahu komentar-komentar pengunjung blog dari sebuah artikel walaupun artikel itu udah lama. Intinya adalah memudahkan kita untuk melacak komentar pengunjung diblog kita. Widget ini biasanya dipasang disebalah kiri artikel atau kanan artikel atau lainnya. Ok, langsung saja kita masuk bagaimana cara memasangnya.
1. Login ke Akun Blogger sobat2. Pilih Tata Letak
3. Tambah Gadget atau Add Gadget
4. Pilih HTML/Java Scrip
5. Copas Kode dibawah ini
<style type="text/css">
#komentar {
font:normal 11px Tahoma,Verdana,Arial,Sans-Serif;
background-color:#597624;
margin:0px 0px;
padding:10px 10px;
color:#000;
border:4px solid #597624;
-webkit-box-shadow:inset 0px 0px 2px #000;
-moz-box-shadow:inset 0px 0px 2px #000;
box-shadow:inset 0px 0px 2px #000;
}
#komentar ul {
margin:0px 0px;
padding:0px 0px;
border-top:1px solid #455F20;
border-bottom:1px solid #799D1A;
}
#komentar ul li {
border-top:1px solid #799D1A;
border-bottom:1px solid #455F20;
padding:3px 0px;
list-style:none;
}
#komentar ul li b a,
#komentar ul li b a:link,
#komentar ul li b a:visited,
#komentar ul li b {
color:#D7E5FD;
text-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#komentar ul li b:before {
content:url(http://3.bp.blogspot.com/-abTiDALn6h0/TpJYHn1AmoI/AAAAAAAAA8I/hRAhFSBZhlY/s1600/feed-icon-green.png);
margin:0px 4px 0px 0px;
display:inline-block;
*display:inline;
vertical-align:middle;
}
</style>
<script type="text/javascript">
var jmlkomentar = 14,
jmlkarakter = 200,
home_page = "http://gubukcurhat.blogspot.com";
</script>
<script src="http://reader-download.googlecode.com/svn/trunk/blogger-rc-comments.js" type="text/javascript"></script>
6. Simpan.
Selesai, nah itu tadi cara memasang widget komentar terbaru di blog. Kurang lebihnya saya mohon maaf jika ada kata yang kurang berkenan dihati sobat mohon maaf sebesar-besarnya. Kritik dan saran sobat bisa sampaikan di kotak komentar. :)
Baca Juga Artikel Di Bawah Ini!!
Tutorial Blog
- Tutorial Merubah atau Menambah Penulis di Blog
- Cara Merubah Favicon atau Logo Blog Judul di Blogspot
- Tuturial atau Cara Membuat DP di BBM bergerak
- Membuat Komik Retro Dengan Photoshop
- Cara Merubah Kotak Komentar Bertingkat
- Mempercantik Blog Dengan Kupu-kupu
- Cara Memasang Efek Daun Berjatuhan di Blog
- Cara Menambah Emotion Dikotak Komentar Blog
- Membuat Daftar Isi Secara Otomatis
- Memperbaiki Tombol Balas Kotak Komentar
- Cara Merubah Tampilan Kotak Komentar Blog
- Cara Membuat Menu JQuery Dengan Animasi Di Blog
- Cara Membuat Recent Post Berjalan
- Cara Memasang Kotak Admin Diblog
- Cara Memasang Chat Room di Blog
- Cara Memasang Kotak Komentar Facebook di Blog
- Justin Bieber Ada Diblog
- Cara Membuat Menu Blog Otomatis
- Cara Memasang My Tweet Twitter di Blog
- Cara Memasang Facebook,Twitter,RSS Melayang di Blog
- Cara Memasang Random Post
- Cara Memasang Jadwal Sholat di Blog
- Cara Membuat Populer Post Dengan 3D
- Cara Tercepat Terindex On Search Engine Google
Widget Blog
- Tutorial Merubah atau Menambah Penulis di Blog
- Cara Merubah Favicon atau Logo Blog Judul di Blogspot
- Mempercantik Blog Dengan Kupu-kupu
- Cara Memasang Efek Daun Berjatuhan di Blog
- Membuat Daftar Isi Secara Otomatis
- Cara Membuat Recent Post Berjalan
- Cara Memasang Kotak Admin Diblog
- Cara Memasang Chat Room di Blog
- Cara Memasang Kotak Komentar Facebook di Blog
- Justin Bieber Ada Diblog
- Cara Membuat Menu Blog Otomatis
- Cara Memasang My Tweet Twitter di Blog
- Cara Memasang Facebook,Twitter,RSS Melayang di Blog
- Cara Memasang Random Post
- Cara Memasang Jadwal Sholat di Blog
- Cara Membuat Populer Post Dengan 3D
- Cara Memasang Berita Berjalan di Blog
- Cara Memasang Anti Copas Pada Blog
- Cara Memasang New Tab Pada Blog
- Cara Membuat Menu Explorer di Blog
- Cara Memasang Scrool Pada Arcive Blog
- Cara Membuat Tampilan Populer Post Lebih Menarik (Grid)
- Cara Pasang Iklan di Blog
- Cara Memasang Twitter di Blog
Weeeee... Mantaaaap.... \o/ \o/ \o/ \o/
BalasHapussedot dulu....
Terima kasih banyak p Idham, da tak coba di web saya,,,, silahkan dilihat. o ya salam kenal
BalasHapusSIIPPP DAN KEREN GAN,,,, :-d :-d :-d
BalasHapusaku kok belum bisa juga bikin tempat koment yang bagus ...
BalasHapushtml nya apa sih kode nya yang kaya gubuk curhat ini ...
mantap gan sangat bermanfaat :-d :bye:
BalasHapus=p* sip gan,,,,,
BalasHapusSalam kenal dari pennjual lcd laptop paling murah
Nice gan....! oyah mohon bimbingannya dong, saya baru 3 hari ngblog. ini blog saya irpan123.blogspot.com mohon masukannya dr agan* sekalian. tks
BalasHapus