Jumat, 22 Mei 2015

Widget Komentar Terbaru plus Gambar (Foto) Komentator

Hasil gambar untuk Komentar Terbaru di blog
Widget Komentar Terbaru, Recent Comments, atau Latest Comments berfungsi sebagai navigasi sekaligus internal link untuk meningkatkan pageviews.

Daftar komentar juga terindeks Google, termasuk widget komentar yang disertai kutipan isi komentar.

Widget Komentar Terbaru plus Gambar (Foto) Komentator makin menarik karena menampilkan avatar G+ komentator. Ini akan mendorong pengunjung "tertarik dan rajin" berkomentar di blog Anda karena foto sang komentator muncul di sidebar blog.

Sebelum ke cara membuat Widget Komentar Terbaru plus Gambar (Foto) Komentator, CB mulai dulu dengan yang kutipan isi saja, lalu tanpa gambar, baru yang plus thumbnail image.

Komentar Terbaru: Kutipan Isi Saja

Tips berikut untuk membuat widget komentar terbaru berupa daftar judul saja:
1. Klik "Layout" atau "Tata Letak".
2. Klik "Add a gadget" di salah satu sidebar atau footer.
3. Pilih "Feeds"
4. Masukkan kode http://URL blog Anda/feeds/comments/default
5. Ganti nama Gadget dengan "Komentar Terbaru"
6. Save!

Komentar Terbaru: Kutipan Isi plus Nama Komentator

1. Layout > Add a Gadget > HTM/Javascript
2. Isi judul dengan "Komentar Terbaru"
3. Copas kode berikut ini di kotak isi:

<script style=text/javascript>
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");document.write('<div class="rcw-comments">');if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<span class="author-rc"><a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a></span> commented');if(n_rc==true)document.write(' on '+f_rc);
if(o_rc==0){
document.write('</div>');
}
else{
document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i></div>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i></div>');document.write('');}
}
}
}
</script>
<script style=text/javascript>
var a_rc = 5;
var m_rc = false;
var n_rc = true;
var o_rc = 100;
</script>
<script src=/feeds/comments/default?alt=json-in-script&callback=showrecentcomments></script>
<style type="text/css">
.rcw-comments a {
text-transform: capitalize;
}
.rcw-comments {
border-bottom: 1px dotted;
padding-top: 7px!important;
padding-bottom: 7px!important;
}
</style>

4. Save!

Komentar Terbaru: Kutipan Isi, Nama, dan Foto Komentar

1. Layout > Add a Gadget > HTM/Javascript
2. Isi judul dengan "Komentar Terbaru"
3. Copas kode berikut ini di kotak isi

<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;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 = 60,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://html-scripts.googlecode.com/files/rcentcmmntavr.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>

4, Save!
Kini widget komentar terbaru Anda sudah muncul, berupa nama komentator, kutipan isi, dan foto avatar Google Plus. Semoga bermanfat!

Tips 10 SEO Onpage Terbaru 2015

Tips SEO Onpage Terbaru 2015
Tips 10 SEO Onpage Terbaru 2015 untuk Meningkatkan Pengunjung dan Peringkat Blog.

ALGORITMA Google terus update. Terbaru bernama Mobilegeddon yang bisa mengacaukan peringkat hasil pencarian. Para blogger pun memerlukan strategi baru atau memperkuat tips SEO lama yang masih berlaku.

Berikut ini 10 On-Page SEO Tips to Use in 2015 dari Smart Bug Media. SEO Onpage yaitu optimisasi blog di dalam blog itu sendiri agar mudah terindeks mesin pencari dan mendapatkan rangking bagus di halaman hasil pencarian, terutama Google (SERP).

1. Optimalkan Blog Anda dengan Satu Kata Kunci atau Topik.
Optimize Your Site Page Around One Keyword or Topic. Era manipulasi kata kunci secara berlebihan (stuffing) telah berlalu. Kata kunci harus muncul di elemen halaman yang penting, seperti judul halaman, judul posting, alt teks gambar, dan secara alamiah tersebar di naskah tulisan. 

Anda harus tetap menulis untuk manusia (pembaca), bukan untuk mesin. Jadi, susunlah naskah secara wajar. Jika tidak, postig Anda --karena berlebihan mengulang kata kunci-- akan dianggap spam dan diabaikan mesin pencari.

2. Ingat bahwa Kata Kunci Itu Penting tapi Bukan dalam Arti Harfiyah.
Remember that Keywords Are Important But Not Verbatim. Anda harus pandai membuat variasi kata kunci yang semakna atau satu tema. Contoh kata kunci bahasa Inggris, keywords “inbound marketing tactics” (plural) itu ekuivalen dengan ,"inbound marketing tactic" (singular). Keduanya bisa digunakan.

3. Struktur URL Harus Pendek, Deskriptif, dan Membantu Kategorisasi Situs Anda.
URL Structure Should Be Short, Descriptive and Help to Categorize Your Website. Jumlah katakter judul sebaiknya di bawah 60 huruf agar semuanya trindeks mesin telusur. Sejumlah kata itu pula yang ditampilkan di halaman hasi pencarian Google.

4. Optimisasi Judul Halaman
Optimize Page Titles. Bisa dikatakan ini tips SEO Onpage paling penting untuhk tahun 2015.  Judul halamalan atau judul tulisan digunakan oleh mesin pencari untuk menampilkan sebuah halaman (link) dalam hasil pencarian juga muncul di bagian atas browser (address bar). 

Sejak Google hanya menampilkan 50-60 karakter title tag, Anda harus menulis judul posting di  bawah 55 karakter. Anda juga harus menempatkan kata kunci (keywords) atau topik tulisan di awal judul.

5. Gunakan Heading Tags yang Pas.
Utilize Proper Heading Tags. Heading tags yaitu penggunakan tag judul H1, H2, H3, H4 dst. yang biasanya dibedakan dengan ukuran, tebal, dan warna. Tag heding posting harus menggambarkan isi tulisan kepada pembaca dan mesin pencari tentang topik bahasan.

Mesin pencari mampu mengidentifikasi heading ketika ia ditag dengan kode <h1> dalam halaman HTML. Heading tags juga membantu mesin pencari untuk menentukan tingkat kepentingan konten dengan tag <h2> dan <h3>

Hindari penggunan Heading Tags untuk kata generik seperti “Home” atau “Products”. Jangan letakkan informasi penting yang ditag H1 sebagai gambar (image).

6. Optimalkan Alt Text Gambar.
Optimize Image Alt Text.  Intinya, gunakan nama file (file name), judul gambar (image title), dan alternative text (alt text) dalam gambar ilustrasi posting. (Lihat: 5 Cara Optimisasi Gambar untuk SEO Blog).

7. Kembangkan Tautan Alami
Grow Natural Links. Meski backlink sudah tidak sepenting masa lalu, inbound link berkualitas tetap diperhitungkan. Inbound links berkualitas datang dari situs berkualitas. (Baca: 6 cara mendapatkan backlink berkualitas). Komentar spam atau "hanya modus" untuk mendapatkan backlink akan diabaikan Google.

8. Tingkatkan Kecepatan Loading Blog Anda!
Increase Site Speed! Sejak 2011 Google mengginakan loading time atau kecepatan tampilan blog dalam menentukan peringkat pencarian (search rankings). Kecepatan loading akan terus menjadi faktor penentu peringkat. Pengunjung juga tidak suka blog yang lemot alias butuh waktu lama untuk tambil.

Anda harus menggunakan template fast loading, simple, bersih, dan tentu saja SEO Friendly dan Responsive. (Lihat: Koleksi Template SEO Friendly).

9. HTTP vs. HTTPS
Bagi pengguna blog selfhosting, sebailnya Anda menggunakan Hyper Transfor Protocal Secure (HTTPS) ketimbang Hyper Text Transfer Protocal (HTTP) demi keamanan situs. Google lebih suka mengindeks halaman yang aman bagi pengguna.

10. Pengaruh Pencarian Mobile
Mobile Search Implications. Pastikan blog Anda responsive (mobile friendly) dan tampil cepat di perangkat mobile pengguna. Algoritma MobileGeddon menegaskan pentingnya blog yang ramah mobile.

Demikian 10 Teknik SEO Onpage yang berlaku tahun 2015 dan seterusnya. Meski akan terus ada update algoritma yang baru, trik seo blog terpopuler di atas tampaknya akan terus berlaku karena tidak rawan manipulasi. Semoga Bermanfaat!

Sumber : (http://contohblognih.blogspot.com).*