0 Cara Memasang Tombol Like di Setiap Postingan

Cara Memasang Tombol Like di Setiap Postingan | Cirebon-Cyber4rt - Tombol Like langsung terhubung dengan jejaring sosial Facebook, sehingga apabila da seseorang yang mengklik tombol like maka secara otomatis postingan diblog kita ajan tershare ke beranda orang tersebut.

Like Button

Dengan kata lain Tombol Like adalah cara alternatif untuk mempromosikan blog kita ke khalayak ramai. Jika sobat tertarik untuk memasang tombol like, caranya cukup mudah kok. Sobat hanya perlu mengikuti tahap-tahapnya yang akan saya share kali ini.

Screenshoot :

Cara Memasang Tombol Like di Setiap Postingan :

1. Login Blogger
2. Masuk ke Menu Template - Edit HTML - Lanjutkan
3. Beri Tanda Centang Expand Template Widget
4. Cari Kode :

<data:post.body/>

     5. Letakan kode berikut tepat dibawah kode <data:post.body/>

<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:310px; height:31px;'/>

     6. Simpan Template.

Catatan :
Jika dalam pencarian kode <data:post.body/> sobat menemukan lebih dari 1 kode, maka pilih saja kode yang kedua.

Sekian saja postingan saya tentang Cara Memasang Tombol Like di Setiap Postingan, semoga dapat bermanfaat bagi sobat :)

Anda sedang membaca artikel tentang Blog Tutorial dan anda bisa menemukan artikel Blog Tutorial ini dengan url http://tian-akatsuki.blogspot.com/2012/11/cara-memasang-tombol-like-di-setiap.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Blog Tutorial ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Blog Tutorial sumbernya.

0 Cara Membuat Artikel Terkait dengan Gambar

Cara Membuat Artikel Terkait dengan Gambar | Cirebon-Cyber4rt - Artikel Terkait atau related post sangatlah penting dalam sebuah blog yang sangat mengutamakan SEO. Karena dengan adanya artikel terkait, pengunjung tidak akan bosan membaca artikel blog kita. Sehingga Bounce Rate akan semakin kecil.

Dan kali ini saya akan share bagaimana cara membuat artikel terkait dengan gambar, Berikut langsung saja kita simak bersama-sama :)

Screenshoot :

Cara Membuat Artikel Terkait dengan Gambar :

1. Login Blogger
2. Masuk Menu Template - Edit HTML - Lanjutkan
3. Centang pada Expand Template Widget
4. Cari kode </head> Gunakan tombol CTRL + F untuk mempermudah pencarian.
5. Lalu Copy kode berikut dan letakan tepat diatas kode </head>

<!--Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:90%;
min-height:90%;
padding-top:0px;
padding-left:8px;
}
#related-posts h2{
font-size: 1.0em;
font-weight: bold;
color: white;
font-family: Rockwell,Georgia,Serif;
margin-bottom: 0.8em;
margin-top:0em;
padding-bottom:0em;
}
#related-posts a{
color:white;
}
#related-posts a:hover{
color:white;
}
#related-posts a:hover {
background-color:#080;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6sBMk8gFAicLC6jItl7BhMhFHmSxuGRhGtdELUaA0b3oeoXSIiwgMZ43pRVLF0w9mKJ44-arl7f-EAgg_GHOCBuztze1_6cpej69RfMZamaoSh-Q-1gCrjwlVKAHmLPikhDm0fJLTrcmf/s1600/No+Image.jpg&quot;;
var maxresults=6;
var splittercolor=&quot;#000000&quot;;
var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>
<!--End Related Post-->

    6. Selanjutnya cari kode berikut ( Jika ada dua kode, pilih bagian yang kedua ) :

<data:post.body/>

 
    7. Kalau kode diatas sudah ketemu, Sekarang copy'lah script berikut :

<!-- Start Related Posts-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=7&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
</b:if>
<!-- End Related Posts-->

    8. Paste'kan kode script diatas tepat dibawah kode :

<data:post.body/>

 
    9. Jika sudah, klik Simpan Template.

Catatan :
Berikut ini adalah kode yang bisa sobat ganti sebelum menyimpan template, gantilah tulisan berwarna merah sesuai keinginan sobat.

• Menampilkan jumlah artikel terkait yang muncul max-results=7
• Judul artikel terkait var relatedpoststitle=&quot;Silahkan Baca Ini Juga:&quot;;
• Warna Tulisan var splittercolor=&quot;#000000&quot;;

Ok, Sekian saja postingan saya kali ini tentang Cara Membuat Artikel Terkait dengan Gambar, semoga dapat bermanfaat.

Anda sedang membaca artikel tentang Blog Tutorial dan anda bisa menemukan artikel Blog Tutorial ini dengan url http://tian-akatsuki.blogspot.com/2012/11/cara-membuat-artikel-terkait-dengan.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Blog Tutorial ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Blog Tutorial sumbernya.

0 Cara Membuat Auto Refresh/Reload Otomatis Untuk Blogspot

Cara Membuat Auto Refresh Untuk Blogspot -  Kali ini saya akan posting tentang cara membuat auto refresh untuk blogspot. sobat pasti sudah tahu tentunya apa yang dimaksud dengan auto-refresh, ya betul...

yaitu me-load halaman blog berulang-ulang sesuai dengan waktu yang di tentukan oleh pemilik blog. Tidak usah basa-basi lagi, langsung aja dipraktekan cara membuat auto refresh untuk blogspot.

Cara Membuat Auto Refresh Untuk Blogspot :

1. Login ke Blogger
2. Pilih  Design > Edit HTML
3. Cari kode </head>
4. Letakan kode dibawah ini setelah kode </head>
5. <meta content='200' http-equiv='refresh'/>

Keterangan : Yang berwarna merah berarti blog sobat akan me-refresh setiap 200 detik. Bisa diganti sesuai dengan keinginan sobat. Sekian posting saya kali ini, semoga bermanfaat buat sobat blogger semua.

Anda sedang membaca artikel tentang Blog Tutorial dan anda bisa menemukan artikel Blog Tutorial ini dengan url http://tian-akatsuki.blogspot.com/2012/03/cara-membuat-auto-refreshreload.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Blog Tutorial ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Blog Tutorial sumbernya.

0 Cara Membuka Disable Klik Kanan Pada Blog yang Diproteksi

Cara Membuka Disable Klik Kanan Pada Blog yang Diproteksi - Pastinya sobat kesal dengan blog yang ingin sobat copas tidak bisa mengklik kanan, Nah sebenarnya ada cara mudah untuk membuka disable klik kanan di blog. 

Mendisable klik kanan menggunakan javascript pada browser. Kalau browsernya di disable javascriptnya?

Otomatis fitur disable klik kanan tidak akan bisa digunakan lagi. Nah cara membuka disable klik kanan pada blog yaitu dengan mendisable javascript pada browser sobat. Nah berikut disable javascript untuk membuka disable klik kanan pada blog pada browser - browser tertentu :

Membuka Disable Klik Kanan di Chrome

1. Klik Options > Under the Hood > Content Settings
2. Pilih opsi Do not allow any site to run JavaScript

Membuka Disable Klik Kanan di Mozilla Firefox

1. Klik Alat > Pengaturan > Isi
2. Hapus centang Aktifkan JavaScript

Membuka Disable Klik Kanan di Opera

1. Klik Menu > Settings > Preferences
2. Klik Tab Advanced
3. Di Content hapus centang Enable JavaScript

Hanya 3 browser yang saya tahu, kalau di Internet Explorer atau Safari coba saja cari sendiri untuk disable javascript. Begitulah Cara Membuka Disable Klik Kanan Pada Blog yang Diproteksi, yang intinya hanya disable javascript. Sekian saja postingan saya kali ini semoga bisa bermanfaat, Salam Olahraga !

Anda sedang membaca artikel tentang Blog Tutorial dan anda bisa menemukan artikel Blog Tutorial ini dengan url http://tian-akatsuki.blogspot.com/2012/03/cara-membuka-disable-klik-kanan-pada.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Blog Tutorial ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Blog Tutorial sumbernya.

0 Cara Memasang Meta Tag Di Postingan Secara Otomatis

Pada postingan kali ini saya akan membahas tentang Cara Memasang Meta Tag Di Postingan Secara Otomatis, karena MetaTag sangat berguna sekali untuk Optimasi On Page.

Cara Memasang Meta Tag Di Postingan Secara Otomatis

karena setiap postingan akan memiliki meta deskripsi yang berbeda, antara satu postingan dengan postingan lainnya tanpa perlu repot-repot menambahkan satu-satu pada setiap postingan secara manual. 

Dengan kata lain, meta deskripsi dan keyword pada setiap posting akan ter-generate secara otomatis. Hal ini tentu menjadi solusi bagi sobat yang mengalami duplikasi meta deskripsi.

Berikut Tutorial Cara Pasang Meta Tag di Setiap Postingan :

1. Langkah pertama login ke blogger.com terus ke tata letak >> edit html.
2. Setelah itu sobat cari kode dibawah ini (Gunakan CTRL + F untuk memudahkan pencarian)

<title><data:blog.pageTitle/></title>

     3.  Kalau kode diatas sudah ketemu, hapus lalu ganti dengan kode berikut :

<b:if cond='data:blog.url == &quot;http://ALAMATBLOGSOBAT.blogspot.com/&quot;'>
<title><data:blog.pageTitle/></title>
<meta name='DESCRIPTION' content='ISI DENGAN DESKRIPSI UNTUK HOMEPAGE BLOG SOBAT'/>
<meta name='KEYWORDS' content='ISI DENGAN KATA KUNCI UNTUK HOMEPAGE'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

     4. Jika sudah, Save Template.

Nah, demikianlah Cara Memasang Meta Tag Di Setiap Postingan Secara Otomatis. Semoga setelah ikutin cara diatas sobat-sobat semuanya gak direpotkan lagi dengan harus memasang meta tag deskripsi di setiap postingan secara manual.

Anda sedang membaca artikel tentang Blog Tutorial dan anda bisa menemukan artikel Blog Tutorial ini dengan url http://tian-akatsuki.blogspot.com/2012/01/cara-memasang-meta-tag-di-postingan.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Blog Tutorial ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Blog Tutorial sumbernya.