Worldshare-Id

Cara Mudah Membuat Recent Comment Pada Blog

Posted: 18 Aug 2013 06:58 AM PDT

Kali ini saya akan Share Trik Cara Mudah Membuat Recent Comment Pada Blog.
Sebenarnya trik ini cukup mudah, yang di perlukan hanyalah sebuah script. script itupun juga akan saya share kepada kalian para pengunjung setia :)
ok berikut Cara Mudah Membuat Recent Comment Pada Blog.

Pertama : Silahkan anda Login ke akun blog anda.
Kedua : Pilih Tab Tata Letak yang terdapat di sebelah kiri.
Ketiga : Silahkan sobat pilih letak dimana anda akan menampilkan widget recent comment tsb.
Keempat : Jika sudah silahkan klik Tambahkan Gadget dan pilih HTML/JavaScript.

Jika sudah silahkan memasukan judul sesuka hati anda, jika saya memberi judul "Recent Comment" pada blog saya.
Jika sudah isi Konten dengan code berikut, silahkan di copas :

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin-top:15px;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 30,
characters = 100,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://script-seo.googlecode.com/files/rcntcomment.js"></script>
<script type="text/javascript" src="http://www.worldshare-id.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=10"></script>

Terakhir Ganti Tulisan atau Code yang berwarna biru diatas menjadi Link blog anda.
contoh : http://worldshare-id.blogspot.com
Simpan dan Save. Sekarang Lihat Hasilnya Widget Recent Comment sudah terpasang pada blog anda. ok sekian dulu artikel saya ini, jika ada yang kurang jelas silahkan tanyakan pada form komentar dibawah.

Catatan : Trick yang telah di share di worldshare-id sudah di coba sebelumnya, Hasilnya seperti Screenshot dibawah ini.

Membuat Tanda Admin Pada Komentar Blog

Posted: 18 Aug 2013 04:05 AM PDT

Yang saya akan share kali ini adalah tentang cara Membuat Tanda Admin Pada Komentar Blog yang sebenarnya untuk membuat tanda itu sangat mudah.
Untuk Contoh hasil dapat di lihat di atas :)
ok sebaiknya saya share trik ini sekarang.

Pertama : Login Ke akun Blogger sobat Masing-Masing.
Kedua : Pilih Template pada tab di sebelah kiri, kemudian klik Edit HTML.
Ketiga : Cari Kode </body> untuk memudahkan pencarian silahkan klik CTRL+F.
Keempat : Copy dan paste Kode di bawah ini TEPAT di atas Kode </body>

<script src='http://code.jquery.com/jquery-latest.js'/>

<script>
$(function() {
function highlight(){
$('.user.blog-author,.ssyby').closest('.comment-block')
.css('border', '1px solid #e1e1e1')
.css('background','#f1f1f1 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidLr2L-ZWdMyraH7jnrbup4DyT6d7DwmmGEjSwJv8OiT3_wtbCSwkYR9viRSoEEOX8NpynD8L4vlnxZLLj3wsmQeQHlGruk2q6CAKfLbOyaOPa14Eg1668ROn_qspomAmHNy6VnjSpodQ/s1600/admin2.png") no-repeat bottom right')
.css('padding', '10px');
}
$(document).bind('ready scroll click', highlight);
});
</script>

Kelima : Selesai! dan silahkan klik Simpan Template untuk mengakhiri trik ini.

Keterangan :
Kode Biru adalah Garis Pinggir.
Kode Merah adalah Warna Background.
Kode Hijau adalah Gambar Tanda Admin.
Warna Oranye Adalah jarak garis pinggir ke tulisan.

Agar tidak terjadi hal yang tidak di ingingkan terhadap blog anda, silahkan ganti kode kode untuk menyesuaikan template hanya yang berada pada warna / keterangan yang saya buat.
Jika ada hal yang anda ingin ubah selain yang berada pada keterangan seperti mengatur letak tanda admin, anda bisa bertanya pada form komentar di bawah Artikel ini.
Trimakasih Telah Berkunjung :)

Blog Ku

Worldshare-Id

Worldshare-Id

No comments:

Popular Post