Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail

Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail - Halo, kali ini saya memberikan tutorial yang hampir sama dengan postingan yang lalu, yaitu membuat artikel terbaru atau recent post, bedanya yang artikel sebelumnya artikel terbarunya tidak terdapat thumbnail alias gambar namun kali ini sudah terdapat gambarnya. Perbedaannya memang tidak terlalu mencolok namun recent post kali ini sudah pasti lebih dapat menarik pengunjung karena gambar merupakan faktor besar untuk dapat memikat pengunjung agar membaca artikel tersebut.

Widget seperti ini biasanya digunakan pada template magazine untuk menampilkan artikel-artikel terbarunya pada post homepage berdasarkan label yang digunakan, atau bisa juga digunakan pada sidebar untuk menampilkan recent post dengan label tertentu. Bahkan bisa juga untuk digunakan untuk menampilkan daftar posting terrakhir yang di publikasikan seperti recent post biasa. Semua tergantung pada pengaturannya dan kebutuhan pada blog itu sendiri. Mungkin sudah cukup untuk penjelasan tersebut, sekarang  langsung saja ke tutorialnya :

Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail

1. Copy kode dibawah ini lalu pastekan diatas kode </head>

<script type='text/javascript'>//<![CDATA[function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}function labelthumbs(json){document.write('<ul class="taglabel">');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}var thumburl;try{thumburl=entry.media$thumbnail.url}catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUHEnSBrHKiKFQn5Br1XstKfxquOOXgr3bhFdWAXz2IKPdWhDzwCNUDmW48uW88H30n1RDAXxa-YOWAtGylthqpDntSoDJ10FTkQqOxBcqYaYysZlyijggfKZsy3bQhDlh-6CpE8bhUktJ/'}var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)document.write('<a href="'+posturl+'"><img alt="'+posttitle+'" title="'+posttitle+'" class="label_thumb" src="'+thumburl+'"/></a>');document.write('<a href="'+posturl+'" title="'+posttitle+'">'+posttitle+'</a><br>');if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('')}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('')}}var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+cdday+'-'+monthnames[parseInt(cdmonth,10)]+'-'+cdyear;flag=1}if(showcommentnum==true){if(flag==1){towrite=towrite+' | '}if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext=''+commenttext+'';towrite=towrite+commenttext;flag=1}if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" title="'+posttitle+'">More »</a>';flag=1}document.write(towrite);document.write('</li>');if(displayseparator==true)if(i!=(numposts-1))document.write('')}document.write('</ul>')}//]]></script>

2. Lalu copy kode dibawah ini dan pastekan diatas kode ]]></b:skin>

img.label_thumb{float:left;border:1px solid #aaa;margin-right:5px;height:55px;width:55px;padding:5px}.taglabel{float:left;width:100%;padding:0;margin:0}ul.taglabel li{padding:5px 0;min-height:73px}

3. Masuk ke menu Tata Letak → Tambahkan Gadget
4. Pilih HTML/JavaScript
5. Copy kode dibawah ini dan pastekan di dalam widget tersebut.

<script type='text/javascript'>    var numposts = 5; // Jumlah Post yang di tampilkan    var showpostthumbnails = true; // Ganti "false" untuk tidak menampilkan [Thumbnail]    var displaymore = false; // Ganti "true" untuk menampilkan link [More]    var displayseparator = false;    var showcommentnum = false; // Ganti "true" untuk menampilkan [Komentar]    var showpostdate = false; // Ganti "true" untuk menampilkan [Tanggal]    var showpostsummary = true; // Ganti "false" untuk tidak menampilkan [Deskripsi Post]    var numchars = 60; // Character Deskripsi yang di tampilkan</script><script type="text/javascript" src="/feeds/posts/default/-/NAMA_LABEL?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

Perhatikan kode dibawah ini :

<script type="text/javascript" src="/feeds/posts/default/-/NAMA_LABEL?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

Silahkan ganti kode "NAMA_LABEL" sesuai dengan nama label kalian.

Jika ingin membuat recent post biasa (tanpa berdasarkan label), ganti baris kode diatas dengan kode dibawah ini :

<script type="text/javascript" src="/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs"></script>

 6. Selesai

Mungkin itu saja untuk Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

Simak Video Cara Memasang Artikel Terbaru Berdasarkan Label dengan Thumbnail

 

Cara Memasang Artikel Terbaru Berdasarkan Label

Cara Memasang Artikel Terbaru Berdasarkan Label - Halo selamat pagi, kali ini kita akan membahas tentang artikel terbaru yang berdasarkan label untuk Blogger. Fungsi ini hampir sama dengan widget artikel terbaru yang biasa, akan tetapi didalam widget ini, kita bisa menentukan artikel dengan label tertentu yang dapat tampil.

Silahkan lihat contoh dibawah ini untuk lebih jelasnya. Gambar dibawah ini merupakan artikel terbaru yang hanya menampilkan artikel yang berlabel MOBILE saja :

Nah, jika kalian ingin artikel terbaru berdasarkan label pada blog kalian, silahkan ikuti tutorial berikut :

1. Masuk ke dashboard kalian
2. Pilih menu Tata Letak → Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy kode dibawah ini dan pastekan di dalam widget tersebut.

<script style="text/javascript">var numposts = 9;var standardstyling = true;</script><script type='text/javascript'>function showrecentposts(json) {for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}posttitle = posttitle.link(posturl);if (standardstyling) document.write('<li>');document.write(posttitle);}if (standardstyling) document.write('</li>');}</script><script src="http://www.mastahbloging.com/feeds/posts/default/-/Blogging?orderby=published&alt=json-in-script&callback=showrecentposts&max-results=500"></script>

*Ganti kode 9 sesuai dengan keinginan kalian.(jumlah artikel yang akan ditampilkan).
*Ganti kode http://www.mastahbloging.com/ dengan URL blog kalian.
*Ganti kode Blogging dengan nama label kalian.
5. Simpan

Mungkin itu saja untuk Cara Memasang Artikel Terbaru Berdasarkan Label. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dant terima kasih.

Simak Video Cara Memasang Artikel Terbaru Berdasarkan Label

 

Cara Membuat Kotak Pencarian di Blog dengan Mudah

Cara Membuat Kotak Pencarian di Blog dengan Mudah - Halo selamat pagi, rasanya sudah lama saya tidak membuat artikel baru lagi di blog ini. Kali ini saya akan membuat artikel yang akan membahas tentang Cara Membuat Kotak Pencarian di Blog dengan Mudah. Kotak Pencarian atau bisa disebut juga Search Box merupakan Gatget yang wajib dipasang oleh para blogger, pasalnya fungsi dari kotak pencarian ini sangatlah bagus yaitu untuk memudahkan pengunjung mencari informasi yang mereka butuhkan di blog kita. Fungsi lain dari kotak pencarian adalah untuk membuat blog kita lebih User Friendly.

Disini saya akan menunjukan tiga pilhan kotak pencarian dengan desain yang berbeda-beda, namun tetap keren pastinya. Pertama saya jelaskan terlebih dahulu cara memasangnya.

Cara Membuat Kotak Pencarian di Blog dengan Mudah

1. Masuk ke Dashboard kalian
2. Pilih menu Tata Letak → Tambahkan Gadget
3. Pilih HTML/JavaScript
4. Copy dan Pastekan kode kotak pencarian
5. Simpan

1. Kode Kotak Pencarian Desain Pertama

<style>
#search-box {
position: relative;
width: 100%;
margin: 0;
}
#search-form
{
height: 40px;
border: 1px solid #999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #fff;
overflow: hidden;
}
#search-text
{
font-size: 14px;
color: #ddd;
border-width: 0;
background: transparent;
}
#search-box input[type="text"]
{
width: 90%;
padding: 11px 0 12px 1em;
color: #333;
outline: none;
}
#search-button {
position: absolute;
top: 0;
right: 0;
height: 42px;
width: 80px;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 42px;
border-width: 0;
background-color: #4d90fe;
-webkit-border-radius: 0px 5px 5px 0px;
-moz-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
cursor: pointer;
}
</style>
<div id='search-box'>
<form action='/search' id='search-form' method='get' target='_top'>
<input id='search-text' name='q' placeholder='Search Here' type='text'/>
<button id='search-button' type='submit'><span>Search</span></button>
</form>
</div>

2. Kode Kotak Pencarian Desain Kedua

<style>.serching{margin:0;width:100%;}.serching form{border:1px solid #ddd;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:14px}.serching form input{display:block!important;margin:0;border:0;padding:5px 0;outline:0;height:20px;line-height:20px;font-size:13px;border-radius:0!important}.serch{float:left;width:85%!important;text-indent:10px}.serchg{float:right;width:15%!important;height:30px!important;padding:0!important;background:gray;color:#fff;border:0!important;font-size:12px!important}</style><div class='serching'><form action='/search?q='><input class='serch' name='q' placeholder='Cari...' title='Cari Tulisan di Sini' type='text'/><button class='serchg' type='submit'> GO </button><span style='clear: both;display:block'/></span></form></div>

3. Kode Kotak Pencarian Desain Ketiga

<style type="text/css">
form#_bcd_141013_search_form {
    position: relative;
    display: block;
    clear: both;
    float: none;
    border: 1px solid #dddddd;
    padding: 5px;
    font-size: 12px;
 background-color: #ffffff;
}
input#_bcd_141013_search_text {
    width: auto;
    border: none;
    margin: 0;
    padding: 0 0 0 4px;
    line-height: 2em;
    height: 2em;
    outline: none;
    background: transparent;
    color: #000000;
}
button#_bcd_141013_search_submit:hover {
    opacity: 0.8;
}
button#_bcd_141013_search_submit {
    width: auto;
 padding: 0 5px;
    margin: 0;
    position: absolute;
    right: 5px;
    top: 5px;
    line-height: 2em;
    height: 2em;
    text-align: center;
    cursor: pointer;
 border: none;
 min-width: 2em;
 color: #000000;
    background: #ffffff;
}
html[dir="rtl"] button#_bcd_141013_search_submit {
 right: auto;
 left: 5px;
}
</style>
<form action='/search' id='_bcd_141013_search_form' method='get'>
 <input id='_bcd_141013_search_text' name='q' value="Search..." onfocus="if (this.value == 'Search...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search...';}" type='text'/>
 <button type="submit" id="_bcd_141013_search_submit"><i class="fa fa-search"></i></button>
</form>

Mungkin itu saja untuk Cara Membuat Kotak Pencarian di Blog dengan Mudah. Jika ada yang kurang jelas silahkan ditanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

 Simak Video Cara Membuat Kotak Pencarian di Blog

  

Cara Memasang Fanspage pada Blog dengan Mudah

Cara Memasang Fanspage pada Blog dengan Mudah - Halo selamat pagi, sudah sangat lama rasanya saya tidak membuat artikel baru. Kali ini saya akan memberikan tutorial Cara Memasang Fanspage pada Blog dengan Mudah. Dengan memasang fanspage pada blog, kita akan lebih mudah mempromosikan fanspage kita, selain itu juga berguna agar pengunjung blog dapat membaca artikel blog kita melalui fanspage kita.

Dijaman yang sudah maju ini. Media sosial sudah sangat banyak digunakan oleh masyarakat karena media sosial itu mudah digunakan oleh siapapun dan yang pasti tidak mengenal umur. Oke, kembali ke topik pembahasan. Fanspage yang kita gunakan kali ini adalah fanspage facebook. Jika kalian belum memiliki fanspage, silahkan buat terlebih dahulu.

Cara Memang Fanspage pada Blog dengan Mudah

• Mendapatkan Kode Fanspage

1.  Silahkan kalian buka https://developers.facebook.com/docs/plugins. Tampilannya nanti akan seperti gambar dibawah ini, lalu klik Plugin Halaman.

2. Tampilan selanjutnya akan seperti dibawah ini. Silahkan atur sesuai keinginan kalian

3. Setelah selesai mengatur, silahkan scroll ke bawah sampai pada tombol Dapatkan Kode lalu klik tombol tersebut nanti akan muncul 2 pilihan menu

4. Silahkan pilih menu IFrame lalu copy kode tersebut

• Memasang Kode Fanspage

Untuk memasang kodenya, silahkan pilih tempat memang kode tersebut, bisa di Header(atas) , Sidebar(samping) , ataupun Footer(bawah).

1. Silahkan masuk ke blog kalian
2. Pilih menu Tata Letak → HTML/JavaScript
3. Pastekan kode tersebut, jika mau silahkan beri judul untuk widget tersebut setelah itu klik Simpan

Mungkin itu saja untuk Cara Memasang Fanspage pada Blog dengan Mudah. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

Simak Video Cara Memasang Fanspage pada Blog

 

Cara Menghapus Widget Yang Tidak Bisa Dihapus

Cara Menghapus Widget Yang Tidak Bisa Dihapus - Halo selamat pagi, kali ini saya akan membagikan Cara Menghapus Widget Yang Tidak Bisa Dihapus. Pernahkah kalian menemukan widget yang tidak bisa dihapus ? biasanya kejadian ini terjadi setelah mengganti template blog. Widget tidak bisa dihapus ini karena didalam widget tersebut tidak ada pilihan hapus. Untuk lebih jelasnya silahkan lihat gambar dibawah ini

Widget Yang Tidak Dapat Dihapus

Widget Yang Dapat Dihapus

Dalam gambar diatas terlihat bahwa ada perbedaan dalam widget tersebut yaitu pilihan "Hapus" tidak ada dan yang satunya lagi ada. Untuk dapat menampilkan pilihan "Hapus" kita harus mengedit settingan widget dalam HTML. Silahkan lakukan tutorial dibawah ini untuk menghapusnya

Cara Menghapus Widget Yang Tidak Bisa Dihapus

1. Masuk dashboard kalian

2. Pilih menu Template → Edit HTML

3. Cari judul widget yang ingin kalian hapus. Misalnya Blogger.

4. Maka anda akan melihat kode seperti dibawah ini.

locked=’true‘ title=’Blogger’

Jika bingung bisa melihat gambar dibawah ini 

5. Ganti kode true dengan false 

6. Klik Simpan Template.

7. Silahkan hapus widget yang tadi tidak bisa dihapus.

8. Selesai

Mungkin itu saja untuk Cara Menghapus Widget Yang Tidak Bisa Dihapus. Jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga artikel ini bermanfaat dan terima kasih.

Cara Melindungi Artikel Dari COPAS

Cara Melindungi Artikel Dari COPAS - Halo selamat sore, kali ini kita akan membahas tentang COPAS. Di kalangan blogger bicara tentang COPAS sudah sering kita dengar. Pernahkah artikel kalian di COPAS ? bagaimana perasaan kalian jika artikel kalian dicopas ? pasti kalian merasa kesal, jengkel, dan marah apalagi jika COPAS tanpa disertakan sumber. Nah oleh karena itu saya akan berbagi tutorial mengantisipasi agar artikel kita tidak dicopas. Banyak orang yang ingin sukses dalam dunia blogging namun mereka melakukan cara curang yaitu COPAS. COPAS sudah pasti melanggar peraturan dari Google Adsense, jadi jika kalian ingin sukses dengan Google Adsense, saya sarankan jangan melakukan COPAS.

Cara Melindungi Artikel Dari COPAS

• Cara Pertama

Kode ini berguna untuk mematikan fiture klik kanan, sekaligus memunculkan pesan dari Anda sebagai blogger.

1. Masuk dashboard kalian

2. Pilih menu Tata Letak → Tambahkan Gadget → HTML JavaScript

4. Copy paste kode dibawah ini di gadget tersebut

<script> var message="Hayo...! Mau copas ya?";///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

Peringatan

Ganti kode berwarna merah dengan pesan yang ingin kalian sampaikan kepada pengcopas

5. Save

• Cara Kedua

Kode berikut ini "maqomnya" lebih tinggi dari kode di atas. Artinya, kode ini sama sekali mematikan klik kanan, tidak bisa "select text", dan mematikan fungsi Ctrl+C keyboard. Namun, konten blog kita masih bisa dicopy dengan cara Ctrl+P (Print). Di sana "sang copaser" masih bisa "Select Text" and "Copy" tulisan di blog kita.

Cara memasangnya sama dengan Cara Kedua, hanya saja kodenya ganti dengan kode dibawah ini

<script language='JavaScript1.2'>function disableselect(e){return false}function reEnable(){return true}document.onselectstart=new Function ("return false")if (window.sidebar){document.onmousedown=disableselectdocument.onclick=reEnable}</script>

• Cara Ketiga

Kode berikut ini berfungsi menyembunyikan teks atau isi tulisan saat blog kita di-Ctrl+P oleh user. Ngeblank aja gak ada apa-apa, sehingga tentu gak bisa diselect text dan dicopy.

1. Masuk dashboard Kalian

2. Pilih menu Template → Edit HTML

3. Cari kode </body> (gunakan ctrl+f untuk mempermudah)

4. Copy paste kode dibawah ini tepat diatas kode </body> 

<style type="text/css" media="print">    * { display: none; }</style>

• Cara Keempat

Nah... kalo kode yang ini "Perlindungan Total" terhadap konten blog Anda. Semua fungsi untuk copy paste tulisan dimatikan, baik klik kanan maupun Ctrl+C, Ctrl+U, dan CTRL+P. 

1. Masuk dashboard Kalian

2. Pilih menu Template → Edit HTML

3. Cari kode <body> (gunakan ctrl+f untuk mempermudah)

4. Ganti kode <body> dengan kode dibawah ini

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Jika kode keempat ini tidak berfungsi, maka pasang pula kode nomor 3.

• Cara Kelima

Jika Anda hanya ingin anti-copas dan disable klik kanan ini diterapkan di posting tertentu atau di halaman statis tertentu, maka caranya:

1. Selesaikan artikel kalian

2. Klik mode HTML 

3. Copas kode berikut ini di atas dan tempatkan di bawah postingan/paling bawah.

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'/>

4. Publikasikan

Demikian berbagai cara dan kode  Kode Anti Copas untuk Blog: Cara Mematikan Fungsi Klik Kanan. Risikonya, pengunjung bisa berkurang karena mereka malas balik lagi, juga fungsi Kotak Pencarian akan mati.

Meskipun masih bisa di-copas juga dengan mematikan Javascript di browser, setidaknya kode anti-copas posting blog ini mempersulit dan meminimalkan "pencurian: konten blog Anda. Semoga Artikel ini bermanfaat dan terimakasih

Cara Memasang Anti Adblock Killer di Blogger

Cara Memasang Anti Adblock Killer di Blogger - Halo selamat pagi, kali ini saya akan membagikan Cara Pasang Anti Adblock Killer di Blogger. Mungkin kalian pernah mendengar kata adblock? Yahh, adblock merupakan addons (Mozilla Firefox) atau eksitensi (Google Chrome) yang memblock secara otomatis iklan yang berada dalam sebuah situs, hampir semua situs yang anda kunjungi akan otomatis terblock langsung oleh adblock dan alhasil pendapatan kita berkurang. Adblock sangat merugikan para blogger tapi kini tidak perlu khawatir karena sekarang kita dapat Memasang Anti Adblock dalam blog kita. Jika ada seseorang yang membuka blog kalian dengan Adblock maka secara otomatis tampilan blog kalian akan tertutup oleh peringatan Anti Adblock tersebut. Tampilannya kurang lebih akan seperti ini

Jika kalian tertarik untuk memasangnya silahkan ikuti tutorial berikut ini

1. Pergi ke Template, kemudian Edit HTML

2. Pasang kode dibawah ini tepat diatas ]]></b:skin>> 

/* CSS AdBlock */
#kc56{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.98;display:block;z-index:9999;overflow:hidden}
#kc56 p{color:#000;text-align:center;margin:15% auto;font-size:2rem;max-width:750px;display:table;line-height:1.5;}
#kc56 p:before{content:&#39;\f023&#39;;font-family:fontawesome;background:#ff675c;color:#fff;text-align:center;display:block;padding:0;width:2em;height:2em;line-height:2em;font-size:2.5rem;clear:both;border-radius:100%;margin:0 auto 3%;font-weight:normal;box-shadow:inset 0 0 5px rgba(0,0,0,.1)}
#kc56 p:hover:before{content:&#39;\f13e&#39;}
#kc56 p a,#kc56 p i{font-size:12px}
#kc56 ~ *{display:none}

3. Setelah itu cari </body> dan letakan kode dibawah ini tepat di atas </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<noscript><div id='kc56' oncontextmenu='return false;'><p>Please enable JavaScript!<br/>Harap aktifkan JavaScript!</p></div></noscript>

<script type='text/javascript'>

//<![CDATA[

// Adblock

var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){

(function(w,u){var d=w.document,z=typeof u;function kc56(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('kc56')){c('<p><b class="text-danger">ENG :</b> Please disable your ad blocker to access this site!<br/><b class="text-danger">IND :</b> Harap nonaktifkan Ad blocker Anda untuk mengakses situs ini!</p>','kc56')}};(function(){var a=['ad_300x250_m_c','hp-store-ad','inner-top-ads','mod_ad','ps-vertical-ads','row2AdContainer','systemad_background','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;setTimeout(function(){for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}},250)}());(function(){var t=g(0,'img'),a=['/adcde.js','/admez/ad','/adsales/ad','/adsenceSearch.','/adtools2.','/adv2.','/partner_ads_','/rcolads1.','_ads.html','.468x60-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',kc56,false)}else{w.attachEvent('onload',kc56)}})(window);};

//]]>

</script>

</b:if>

4. Simpan Template. Dan lihat hasilnya.

Sekedar informasi, memasang adblock seperti diatas maka didalam homepage tidak akan terdeteksi, tapi setelah masuk postingan maka akan terdeteksi dan bekerja anti adblock nya.

Terus bagaimana caranya agar di homepage juga dapat di pasang anti adblocknya? Cukup mudah, kalian tinggal pasang kode di bawah ini ke Tata Letak → Tambahkan Gadget → HTML/JavaScript → dan paste kodenya di dalam kolom konten, kemudian Simpan.

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<noscript><div id='kc56' oncontextmenu='return false;'><p>Please enable JavaScript!<br/>Harap aktifkan JavaScript!</p></div></noscript>

<script type='text/javascript'>

//<![CDATA[

// Adblock

var mql = window.matchMedia('screen and (min-width: 60em)');if (mql.matches){

(function(w,u){var d=w.document,z=typeof u;function kc56(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('kc56')){c('<p><b class="text-danger">ENG :</b> Please disable your ad blocker to access this site!<br/><b class="text-danger">IND :</b> Harap nonaktifkan Ad blocker Anda untuk mengakses situs ini!</p>','kc56')}};(function(){var a=['ad_300x250_m_c','hp-store-ad','inner-top-ads','mod_ad','ps-vertical-ads','row2AdContainer','systemad_background','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;setTimeout(function(){for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}},250)}());(function(){var t=g(0,'img'),a=['/adcde.js','/admez/ad','/adsales/ad','/adsenceSearch.','/adtools2.','/adv2.','/partner_ads_','/rcolads1.','_ads.html','.468x60-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',kc56,false)}else{w.attachEvent('onload',kc56)}})(window);};

//]]>

</script>

</b:if>

Mungkin itu saja untuk Cara Memasang Anti Adblock Killer di Blogger, jika ada yang kurang jelas silahkan tanyakan melalui komentar. Semoga bermanfaat dan terima kasih.

Widget Yang Dapat Mempengaruhi SEO

Widget Yang Dapat Mempengaruhi SEO - Halo selamat pagi, kali ini kita akan membahas tentang Widget Yang Mempengaruhi SEO. Kita setelah membuat blog baru biasanya yang dipikirkan adalah menambah widget. Widget itu selain bisa berfungsi menambah tampilan blog jadi lebih cantik dan keren Widget bisa saja menambah poin SEO namun juga malah mengurangi nilai SEO itu sendiri, sharing pengalaman dari saya rangkum dari berbagai blogger-blogger lain yang akhirnya saya mencoba membuat artikel tentang cara membuat widget ini   Dari Masing-masing widget ada manfaat dan kelebihannya. tutorial ini hanya sekedar pengalaman pribadi dan beberapa blogger lain yang mungkin punya pendapat yang sama, saya akan mencoba menjelaskan nya dengan logis  agar kalian juga tidak menelan artikel ini mentah-mentah kalian bisa menerawang lebih jauh alasan masing-masing widget itu kenapa widget itu penting. Setelah itu baru kalian bisa menyimpulkan. 

Daftar Nama Widget Yang Penting dan berpengaruh Untuk SEO  

1. Popular Post atau juga Artikel terpopuler (artikel yang paling banyak di baca) Kalian tentu tahu kekuatan sebuah backlink? Nah.. Popular post ini adaah berfungsi seperti backlink dari blog kita sendiri. Jadi semakin banyak artikel baru yang di update maka link di popular post ini seperti mendapatkan backlink yang unik, fresh, dari artikel tersebut. Widget ini adalah Widget yang bisa di bilang penting karena popular post berfungsi mempertanankan di Serp pencarian karena  semakin sering kalian update artikel maka semakin banyak backlink yang fresh, unik, dan berkualitas dari popular post itu sendiri itupun harus dengan catatan artikel nya harus artikel yang unik dan berkualitas. Jika kalian ingin mencoba membuat popular post yang lumayan keren kalian bisa melihat artikel nya disini
2. Artikel Terbaru / Resent Post - Widget ini selain berfungsi seperti Popular namun nilai poinnya tidak sebesar Popular karena artikel terbaru ini hanya berjumlah beberapa item dan bersifat random berubah -ubah sesuai frekuensi update blog klik disini jika kalian belum punya resent post
3. Fanspage / Follower Twitter Facebook : Kenapa harus ada Fanspage di blog? meskipun banyak yang berpendapat fanspage ini tidak terlalu berpengaruh dalam hal SEO tapi Fanspage punya pengaruh terhadap traffic jadi kalau kalian tetap ingin mendatangkan pengunjung selain dari Google maka fanspage ini bisa kalian coba untuk ikut andil dalam mendatangkan pengunjung. Kalian tentu pernah melihat fanspage facebook yang mencapai ratusan ribu kira-kira jika kita sharing di halaman tersebut sebuah artikel yang menarik kira-kira dari Fanspage tersebut ada nggak yang mampir...? 
4. Google Plus : Banyak blogger berpendapat kalau Google plus itu berpengaruh terhadap SEO karena google plus ini milik google itu sama artinya kalau google plus ya google itu sendiri, dan meskipun dari segi "pengaruhnya" itu dari segi banyak aspek seperti jumlah share, teman, follower, voting, comment dan hashtag dan lain sebagainya, 
5. Statistik Blog : Saya yakin Widget yang satu ini semua blogger pasti memakainya karena tanpa statistik kita ibarat penjual toko tapi kita tidak tahu apakah toko kita ramai pengunjung atau tidak, kita tidak bisa memperbaiki kualitas blog jika kita tidak tahu seluk beluk fenomena dari pengunjung ke blog kita.  Tapi kebanyakan blogger membuat statistik ini privat jadi hanya si empunya blog saja yang bisa melihat detail visitor blog terebut.
6. Label / Kategori  : Label ini juga mempunyai nilai pada serp Google karena Label akan mempermudah Search engin mengindeks artikel kalian.
7. Kotak Pencarian : Dari segi SEO mungkin tidak terlalu banyak berpengaruh namun tentu saja ini akan mempermudah pengunjung mencari blog kalian dan ini akan menambah jumlah views blog kalian. Ketika views betambah maka semakin cepat halaman tersebut naik rangking ke search engine.
8. Arsip Blog : Saya rasa fungsinya sama dengan Kotak pencarian, jika ada arsip blog pengunjung akan lebih mudah mencari artikel dengan demikian pagevies akan bertambah dan akhirnya akan mengurangi bunce blog
9. Related Post : sama dengan fungsi kotak pencarian dan arsip blog, Related post ini saya rasa paling banyak berpengaruh di banding keduanya karean artikel terkait ini adalah artikel yang relevan dengan yang di baca pengunjung jadi kemungkinan besar pengunjung juga mencari tema artikel yang serupa. Jika ingin menambah page views artikel terkait bisa kalian coba caranya disini atau disini

Semua hal diatas tidak 100% benar karena hal diatas hanya berdasarkan pengalaman saya, dan semua orang memiliki pengalaman yang berbeda-beda. Yang pasti pengalaman adalah guru terbaik. Mungkin itu saja untuk Widget Yang Dapat Mempengaruhi SEO. Semoga artikel ini bermanfaat dan terima kasih.