Friday 13 February 2015

Cara Membuat Fanspage Di Like Banyak Orang

iyan-blog.com | Cara Membuat Fanspage Di Like Banyak Orang - Fanspage atau halaman pada Facebook sering kali dijadikan sarana untuk Berjualan barang secara online, berpromosi blog, ataupun untuk membuat para tokoh agar lebih dekat dengan para penggemarnya. Fanspage bukan saja dibuat hanya untuk para tokoh atau untuk berpromosi, ada saja orang membuat fanspage hanya untuk narsis semata.

Agar fanspage tersebut berjalan efektif, fanspage tersebut haruslah banyak yang menyukai/likenya. Inilah kendala yang seringkali dihadapi oleh para admin fanspage tersebut. Ada banyak cara agar fanspage banyak yang menyukainya/like. diantaranya adalah sebagai berikut:

Rekomendasi Artikel:

Cara Membuat Fanspage Di Like Banyak Orang

Mengundang Teman Facebook 

1. Pertama, log in ke Facebook
2. Masuk ke halaman anda
3. lalu undang para teman-teman Facebook anda untuk menyukainya.

Menggunakan Auto Like

1. Pertama masuk fanspage anda
2. buka www.hublaa.me 
3. Lalu jalankan step 1
4. Klik "Skip This Ad", dan jalankan semua perintah yang terdapat disana
5. Jalankan Step 2, tunggu beberapa saat
6. Lalu anda copy semua link yang terdapat di addres bar, maka kurang lebih akan terlihat seperti ini
https://www.facebook.com/connect/login_success.html#access_token=CAAAAKLSe4lIBABu8tuI9w9wT6zh2XfW8mBq5bziOezSuVB8ERfampgFQwHZAqEbiRhSHaonOo966ptpb5sQZAce7dacrXkI9KERpjcqRECuptqdH1xHdsQ5DwkyqEAgXx2n7ZBcI3WR1qxTEGft0dcKtnNX7WenesIapt5uBucH1XfoYD78la5yYVzZAi6VsT4ZCNmJsiTbe27O3sHXR4&expires_in=0
7. kembali ke www.hublaa.me. lalu anda copy kode token yang berwarna merah, dan letakkan di kolom yang telah disediakan pada  dan submit
8. Pilih "Fanspage like"

9. Lalu akses token anda
10. ambil tokennya [lihat caranya di nomor 6], dan submit
11. Lalu tunggu 5 detik dan klik skip this ad
12. pilih fanspage yang akan dibuat banyak like

Sekian postingan kali ini, Semoga bermanfaat.

Monday 9 February 2015

Cara Mengaktifkan Fitur Custom Mobile Template Blogspot

iyan-blog.com | Cara Mengaktifkan Fitur Custom Mobile Template Blogspot - Fitur yang satu ini sebenarnya fitur yang sudah lama disediakan oleh blogger. Namun, tidak banyak Template Blogger yang menyediakan Fitur Custom Mobile. Hanya ada beberapa designer yang saya ketahui membuat Fitur Custom Mobile pada tempate buatannya. salah satunya template yang saya pakai Fabuloso Blogger Template yang bisa kamu download disini.

Untuk mengaktifkannya sangatlah mudah, tak perlu mengotak atik kode apapun. untuk lebih jelasnya, ikuti tutorialnya dibawah ini:

1. Login Ke Blogger
2. masuk ke halaman Template, lalu klik icon gear yang tampak seperti pada gambar dibawah ini
3. Klik " 

Thursday 5 February 2015

Cara Mengetahui Nilai Tukar Valuta Asing

iyan-blog.com | Cara Mengetahui Nilai Tukar Valuta Asing - kembali lagi di iyan blog, Nilai Tukar Valuta Asing atau Kurs Valuta asing merupakan perbandingan nilai mata uang asing yang dinyatakan dengan nilai mata uang dalam negeri. 

Jika anda mempunyai mata uang asing, dan ingin menukarkannya kedalam bentuk rupiah. tutorial kali ini sangat cocok untuk anda. saya akan memberitahu bagaimana cara mengetahui nilai tukar valuta asing. caranya sangat mudah bisa anda simak dibawah ini:

  1. Pertama-tama anda harus membuka google terlebih dahulu.
  2. kedua, ketiklah mata uang yang akan dilihat nilai tukarnya. contoh "1 dollar berapa rupiah". lalu hasilnya akan tampak seperti gambar di bawah ini.

Informasi mengenai nilau tukar valuta asing google : Google tidak dapat menjamin keakuratan nilai tukar ditampilkan . Anda harus mengkonfirmasikan harga saat ini sebelum melakukan transaksi yang dapat dipengaruhi oleh perubahan nilai tukar .
Bagaimana mudah bukan caranya, simak artikel menarik lainnya di "Iyan Blog".

Tuesday 3 February 2015

Cara Mengetahui Orang Yang Sering Melihat Facebook Kita

iyan-blog.com | Cara Mengetahui Orang Yang Sering Melihat Facebook Kita - Facebook merupakan salah satu sosial media yang paling banyak dipakai saat ini. hampir seluruh orang didunia menggunakan Facebook. Bukan tidak mungkin, akan ada beberapa orang mengunjungi profil facebook kita. hal tersebut dapat membuat kita penasaran. Agar tidak membuat penasaran, berikut tutorialnya:

1. Login ke Akun Facebook anda
2. Setelah selesai login, buka https://apps.facebook.com/mytopfans/ 
3. Lalu pilih salah satu dari ke empat pilihan tersebut [seperti gambar dibawah ini]
4. Tunggu beberapa saat, dan anda akan mendapati orang-orang yang sering melihat Profil Facebook anda
5. Selesai.

Nah, bagaimana mudah bukan cara mengetahui orang yang sering melihat facebook kita. Semoga bermanfaat dan terima kasih.

Monday 2 February 2015

Membuat Semua Link Terbuka di Tab Baru Pada Blog

iyan-blog.com | Membuat Semua Link Terbuka di Tab Baru Pada Blog - maksud dari tutorial kali ini adalah jika terdapat sebuah link pada blog kita, lalu jika diklik link tersebut akan otomatis terbuka di tab baru. Sama halnya jika anda menggunakan klik kanan lalu klik "Open New Tab".

Cara yang saya bagikan ini merupakan cara yang otomatis, kita tak perlu repot-repot menambahkan tag target="blank" pada setiap link. Pengunjung dapat membuka dua artikel sekaligus dalam blog kita. Dengan cara jika terdapat artikel terkait didalam postingan tersebut, dan sang pengunjung mengklik artikel terkait tersebut maka artikel terkait tersebut akan terbuka secara otomatis di tab yang baru pada browser anda.

TAB BARU
Sumber Gambar : Google

Membuat Semua Link Terbuka di Tab Baru Pada Blog

1. Pertama-tama masuk ke Dashboard blogger anda
2. Masuk ke halaman Template >> Edit HTML
3. carilah kode </head>, gunakan Ctrl + f untuk memudahkan pencarian
4. jika sudah ketemu, letakkan kode dibawah ini diatas kode </head> tersebut
<base target="_blank"/>
5. Simpan Template.

 Sekian postingan kali ini, semoga bermanfaat dan terima kasih.

Sunday 1 February 2015

Cara Menghilangkan Link Aktif Pada Komentar Blog

iyan-blog.com | Cara Menghilangkan Link Aktif Pada Komentar Blog - Blogger sering kali direpotkan dengan adanya para spammer, dengan menyimpan Link Aktif. Kita harus menghapusnya secara satu persatu agar blog kita tak dianggap spam oleh google. Namun, saya mempunyai cara yang efektif untuk menghadapi para spammer. ada banyak cara untuk menghilangkan link aktif secara otomatis, diantaranya adalah sebagai berikut:
Kamu harus meletakkan salah satu javascript dibawah ini diatas </body>, yang mempunyai fungsinya masing-masing

Menghilangkan link aktif tetapi tetap menampilkan teksnya

<script type='text/javascript'>
//<![CDATA[
$(function(){$('#comments p').find('a').contents().unwrap();});
//]]>
</script>

Komentar berubah menjadi peringatan [No live link!!! Dilarang nyepan disini!]

<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
    var parent = document.getElementById(parentID),
        content = parent.getElementsByTagName(children);
    for (var i = 0; i < content.length; i++) {
        if (content[i].innerHTML.indexOf('</a>') !== -1) {
            content[i].innerHTML = "<mark>No live link!!!</mark> Dilarang nyepam di sini!";
            content[i].className = "spammer-detected";
        }
    }
} 
blockLinks('comment-holder', 'p');
//]]>
</script>

Mengubah link aktif dengan URL yang telah ditentukan

<script type='text/javascript'> jQuery(document).ready(function(){ jQuery("#comments p a").attr("href",
"http://www.iyan-blog.com/");
}); </script>

itulah diantarana cara-cara menghilangkan link aktif secara otomatis diblog. semoga bermanfaat dan terima kasih.

Saturday 31 January 2015

Cara Membuat Link Aktif Pada Komentar Blog

iyan-blog.com | Cara Membuat Link Aktif Pada Komentar Blog - Link aktif/hidup sudah tidak asing lagi ditelinga para blogger. terkadang, blogger memanfaatkan link aktif untuk mendapatkan backlink dari blog/website lain. Bagaimana caranya??, mereka meletakkan link aktif dengan cara berkomentar diblog orang lain dan diselipi dengan link aktif. berikut merupakan contoh link aktif seperti yang ada digambar ini:
LINK AKTIF
Dengan memasang link aktif kita bisa mendapatkan backlink dari blog lain. Untuk penerapannya sebenarnya tidaklah sulit. berikut tutorialnya:

1. Buka Blog/Website yang akan dipasang link aktif
2. Berkomentarlah yang relevan lalu, pasang link aktifnya 
wah ............... <a href="http://mauliyandri.blogspot.com/">link aktif</a>
3. Publikasikan

Namun kita harus pasrah bila sang admin dari blog tersebut memasang Javascript anti link akitf pada kotak komentar. Sekian posting kali ini, semoga bermanfaat dan terima kasih.

Friday 30 January 2015

Cara Menambahkan Penulis/Admin Pada Blog

iyan-blog.com - Cara Menambahkan Penulis/Admin Pada Blog | Dalam sebuah blog, tentunya kita harus rutin membuat posting. Namun, apadaya jika kita disibukkan oleh kesibukkan dunia nyata. Untuk mengatasinya kita bisa menambahkan penulis/admin dalam blog kita. Bagaimana caranya? berikut ulasannya: 

1. Login ke Blogger
2. Masuk ke halaman Setelan >> Dasar

3. Klik "+Tambahkan Penulis
4. Lalu masukkan email yang akan dijadikan Penulis/Admin
5. Setelah itu buka email yang ditambahkan tadi
6. Lalu klik "Terima Undangan"

7. Selanjutnya pilih dijadikan admin atau penulis
8. Selesai

Sekian posting kali ini "Cara Menambahkan Penulis/Admin Pada Blog", Semiga bermanfaat dan terima kasih.

Sunday 25 January 2015

Cara Mudah Mendownload di Tusfiles

iyan-blog.com | Cara Mudah Mendownload di Tusfiles - Bagi anda yang suka mendownload game, software, template, dan sebagainya pasti sudah tak asing lagi dengan yang namanya tusfiles. Tusfiles merupakan siitus penyimpanan file dimana kita bisa mengupload ataupun mendownload file disana.
dan berikut tutorialnya:


1. buka link tusfile yang ingin didownload ,contoh: http://www.tusfiles.net/i8d7kq27y29q
2. hapus centang  [nomor 1], lalu klik [nomor 2],
3. Tunggu download
4. selesai.

Sekian posting singkat kali ini, semoga bermanfaat dan terima kasih.

Sunday 11 January 2015

Cara Mudah Download Video Dari Youtube

iyan-blog.com | Cara Mudah Download Video Dari Youtube - Setelah sebelumnya saya membahas postingan yang berkaitan dengan youtube, kali ini kembali saya akan membahas postigan yang berkaitan dengan youtube
Setiap pengguna internet pasti membutuhkan hiburan, salah satunya dengan cara menonton video-video yang terdapat di youtube. Pasti anda pernah menonton video yang menurut kalian bagus dan menarik, dan anda ingin menyimpan/mendownloadnya videonya ke dalam PC/Laptop anda. Berikut caranya mendownload video dari youtube:

1. Buka video yang ingin didownload
2. Lalu Copy Url videonya
3. Buka link berikut untuk mendownload video youtube
4. Paste url video yang telah dicopy tadi pada kolom yang telah disediakan
5. Lalu klik "Unduh"
6. Pilih format videonya untuk mendownload

7. Selesai.

Tonton Videonya:


Sekian postingan kali ini, Jika ada pertanyaan silahkan bertanya lewat kotak komentar. Semoga bermanfaat, Terima kasih

Wednesday 24 December 2014

Cara Mendapatkan Uang Dari Blog

iyan-blog.com - Cara Mendapatkan Uang Dari Blog | Sudah banyak blogger yang berhasil menghasilkan uang dari blog, lalu bagaimana cara mendapatkannya?. Ada banyak cara menghasilkan uang dari blog, salah satunya adalah melalui iklan Pop Up. Iklan Pop Up adalah jendela iklan yang biasanya muncul tiba-tiba jika mengunjungi sebuah halaman web. salah satu iklan pop up yang banyak dipakai adalah popcash.net. ikuti ulasannya berikut ini:

Popcash.net merupakan salah satu pengada iklan pop up yang paling banyak dipakai oleh blogger. dengan bayaran yang cukup tinggi membuat banyak blogger menggunakan popcash

POPCASH

Cara Mendaftar Popcash.net

1. Buka Popcash.net
2. isi data-data
3. konfirmasi e-mail
4. Daftarkan blog anda
5. Lalu tunggu sampai di Approve [24 jam]

Cara Pemasangan Kode Iklan Popcash

setelah blog sudah di approve, kita melakukan pemasangan kode iklan.
1. Klik "Get Code" di popcash
2. Buka blogger 
3 masuk ke Halaman >> Edit Html
4.  cari kode <head>
5. lalu letakkan kode yang didapat tadi tepat di bawah kode <head>
6. Simpan Template.

Sekian posting kali ini, semoga bermanfaat.

Friday 14 November 2014

Mengaktifkan Fitur Komentar Name/URL Pada Blog

Iyan-blog.com | Mengaktifkan Fitur Komentar Name/URL Pada Blog - Fitur yang satu ini sangat cocok bagi orang-orang yang ingin mendapatkan backlink dari blog orang lain lewat kotak komentar. tentunya, dengan ini kita bisa memanfaatkan fitur ini untuk mendapatkan komentar yang banyak dari orang lain. Bagaimana cara mengaktifkannya?, baca tutorialnya dibawah ini:

Baca juga:

NAME/URL

1. Masuk ke blogger
2. menuju halaman Setelan >> Pos dan Komentar
3. Lalu lihat pada bagian Komentar >> "Siapa yang dapat mengomentari?" >> Semua Orang - termasuk pengguna tanpa nama
4. Simpan setelan
5. Selesai

Sekian semoga bermanfaat, Terima kasih.

Sunday 9 November 2014

Cara Membuat Threaded Comment Ala Google+

iyan-blog.com | Cara Membuat Threaded Comment Ala Google+ - Kali ini saya akan memberi tutorial threaded comment ala google+. demonya bisa anda lihat di blog ini. langsung saja, simak tutorialnya:


1. Masuk ke Blogger
2. Ke Halaman Template >> Edit HTML
3. Temukan kode di bawah ini
<b:include data='post' name='threaded_comments'/>

Lalu Ganti dengan kode di bawah ini
<b:include data='post' name='comments'/>

4. Jika sudah, letakkan kode dibawah ini diatas kode </style> atau ]]></b:skin>
/* komentar CSS */
#comments {line-height:1.4em;margin: 20px 0 0;position:relative;background:#fafafa;padding:57px 20px 20px 20px;;border:1px solid #c9c9c9}
#comments h3 {font-size:15px;text-transform:uppercase;font-weight:normal;font-family:Oswald, Arial;color:#999;padding:22px 20px;position:absolute;top:-0px;left:0;right:0;background:#f2f2f2}
#comments h3 .click-comment{font-family:Open Sans,sans-serif;text-transform:none;float:right;display:inline-block;background:none;padding:0;font-size:17px;color:#777;text-shadow: 0 -1px 0 #f4f4f4}
  .blog-admin{border-bottom:1px solid #c9c9c9}
.comment-body-author { background:#0b433f; color: #008000; border: 1px dotted #008000; margin:0; padding:0 0 0 10px; }
.comment_share { color: #999; cursor: pointer; font-size: 10px; line-height: 1.5em; max-width: 100%; font-weight: normal; padding-left: 5px; } #comment_rep a:hover { text-decoration: none; color: #464646!important;}
  .comment_avatar { height: 50px; width:50px; background: #eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQDOYH2awk7PTOENHIaIKzhYomnKMBZiwU-i3kCBkzm7y9VY1KiioLOwxt_rBcdBytBSJFibSr81zvE0E1AyDcuuDBkiSlPn3B6kf8fME1sJRTWepR3lOG4YPZw2U1HWFZXgBfwOAFC_g/s1600/anon45bung.gif) no-repeat; float: left; margin-right: 15px; overflow: hidden;padding:0;border-radius:99em ;}
.comment_admin .comment_name:after {content:&quot;&quot;; width:0;  height:0;  position:absolute; top:5px;  right:0;  border-width:5px;  border-style:solid;  border-color:#fff transparent transparent transparent;  display:block;}
.comment_admin .comment_name:before {content:&quot;&quot;; width:0;  height:0;  position:absolute; top:7px;  right:0;  border-width:5px;  border-style:solid;  border-color:#555 transparent transparent transparent;  display:block;}
 
 .comment_name { color: #4a5764;font-size: 15px; font-weight:normal; max-width: 100%; text-decoration: none; margin:5px 0 0;text-transform:none; font-weight:normal;position:relative} .comment-menu { float: right; list-style: none; width: 0; height: 0; } .comment_name a { font-family:Roboto,sans-serif;text-transform:none; font-size: 13px; color:#333;text-decoration:none;font-weight:700;}
.comment_name a:hover {text-decoration:underline; }
  .comment_body p { font-size: 100%; line-height: 1.4em;margin:0;padding:0 0 15px}
  .comment_body { margin-left:68px;padding:5px 15px 30px;position:relative; background:#fff;color:#444;font-size:13px;border:1px solid #ddd;}
.comment_body:after {content:&quot;&quot;; width:0;  height:0;  position:absolute; top:0;  right:100%;  border-width:7px;  border-style:solid;  border-color:#fff #fff transparent transparent;  display:block;}
.comment_body:before {content:&quot;&quot;; width:0;  height:0;  position:absolute; top:-1px;  left:-16px;  border-width:8px;  border-style:solid;  border-color:#ddd #ddd transparent transparent;  display:block;}

 .comment_intime {float:left;margin:10px 0;position:absolute;color:#aaa;bottom:0;left:15px}
  #comment_box {padding:0;background:none;position:relative;margin:20px 0}
  .comment-delete img{float:left;border:1px solid #ddd;border-radius:2px;padding:1px 8px}
  .comment_date { color: #aaa;font-size: 11px; line-height: 25px; cursor: pointer;font-family:Roboto,sans-serif;font-weight:normal } 
#comments .separate { color: #fff;font-size:15px; line-height: 40px; padding-left: 5px; padding-right: 5px;} #comments .author-mark { background: #d2d2d2; color: white; border-radius:0; padding: 2px 6px 2px 6px;font-size: 15px; line-height: 15px; } .comment-share { display: inline; } .comment-share li { display:inline; } .comment-share li.button a { background: #546472; color: white; padding: 0 5px 2px 5px;border-radius:0; display:none; } .comment-share li.button:hover a { background: #272f37; }#comment_rep { margin-top: -27px; float: right; } .comment_child .comment_body {} .comment_child .comment_wrap {padding-left: 40px}
  .comment_reply { cursor: pointer;font-size: 12px; line-height: 1.5em; font-weight: 400; padding: 2px 14px; float:right;list-style:none;margin-right:20px;color:#aaa}
  .comment_reply a,.comment_reply a:visited{color:#aaa;}
.comment_reply a:hover{color:#43a4c4;text-decoration:underline;}
  .comment_admin .avatar-image-container {} .unneeded-paging-control {display: none;} .comment-form {max-width: 100% !important;margin-top:-15px !important}.comment_reply_form .comment-form {width: 100%;} .comment_youtube {max-width: 100%!important; width: 400px; height: 225px; display: block; padding-top: 10px; padding-bottom: 10px; } #respond { overflow: hidden; padding-left: 10px; clear: both; } .comment_avatar * { max-width: 100%!important; display: block; max-height: 100%!important; width: 50px!important; height: 50px!important; margin-right: 15px; } .comment_child .comment_avatar, .comment_child .comment_avatar * { width: 35px!important; height: 35px!important; float: left; margin-right: 5px;border-radius:3px;} .comment_form a { color: #2f6986; text-decoration: none; } .comment_form a:hover {color: #2f6986; text-decoration: underline;}
.comment_author_flag {display:none}
  .comment_admin .comment_author_flag {display:inline;background:none;font-size:16px;padding:0;margin-left:4px;color:#555;text-transform:uppercase;}

#comment-editor {width:100% !important;background:#e1e3e6 url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr0jH3LcwCL3lj7hij4h6mZTf1Tmn3LWndRuEfbJJwS5ekv3Y2cL1U0fY2hwih6qRqrdntLK4sc0EvtJeZ7U6xySDC5EZlw1KEqc5sJa3QXCO5sOTHZF2pO4qyAbRw02yhWbUanmMhBEE/s1600/kangis-loader.gif&#39;) no-repeat 50% 30%;margin-bottom:20px;position:relative;}
.comment-form {max-width: 100% !important}
  .comment_arrow {display: block;position:relative;margin:0;padding:0}
.comment_emo_list .item {
float: left;width: 40px;text-align: center;height: 40px;margin: 10px 10px 0 0;}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-spacing: 1px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important}
.deleted-comment {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi54Zg-3pARwkZ9FRW7Jo3cTQlxCkUgp_e6WS88IpVh5cM6eDlGb2659w3qAhigXSufwOePb1Yfpgb1T09sDKRC42BGoj7JoIuqUzSBlbsGPrIVGzW9ecjE-EwoMA5HbaZLxT4-mu6jcIk/s1600/tempat-sampah.png) no-repeat 2% 50%;
color:#ccc;
line-height: 22px;
padding:8px 15px 8px 45px;
margin:5px 0;
display: block;
border:1px solid #ddd;
    position:relative;
    font-size:13px;
}

.comment-form p {
background: #222;
padding: 15px 15px 14px 15px;
margin: 45px 0 5px 0;
color: #fff;
font-size:13px;
line-height: 20px;
    font-weight:400
}
5. cari kode dibawah ini 
<b:includable id='comments' var='post'>...</b:includable>

Lalu ganti dengan kode dibawah ini
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h3>
     <a class='click-comment' href='#comment-form' title='comments'>Comments+</a>
      <b:if cond='data:post.numComments == 1'>
        1 <data:commentLabel/>:
      <b:else/>
        <data:post.numComments/> <data:commentLabelPlural/>:
      </b:if>
    </h3>
        <b:if cond='data:post.allowComments'>           
         <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </span>
         </b:if>
                        
         <div class='clear'/>
         <div id='comment_block'>
          <b:loop values='data:post.comments' var='comment'>
           <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'> 
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
             &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
            <b:else/>
             &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
 <b:if cond='data:comment.isDeleted'>
  <b:else/>
<div id='comment_box'>
             <div class='comment_header'>
             <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
                    
             </div> 
             <div class='comment_body'>
        
              

              <div class='comment_service'>
  <div class='comment_name'>
               <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
               <b:else/>
                <data:comment.author/>
               </b:if> 
               <b:if cond='data:comment.author == data:post.author'>
                 <span class='comment_author_flag'><i class='icon-user'/></span>
               </b:if> 
              <a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a> 
 
              </div>
 </div>
              <div class='clear'/>
              <span class='comment_arrow'/>
         
               <p><data:comment.body/></p>
 <div class='comment_intime'>
 <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCaRdAZqQCJnV01zfhzhFuEVHCSpsrUYxdjfvfiVN9Zz6GvOqoZAFTvScsqLaP2ApJLtA6eHn8Cvu4vgblG6lQnB4mGfQtEp00TYK-SoPt3VDalvqhchDmabwHC8GS6JkbHUP-D4V_h_s/s1600/delete4.png' title='Hapus Komentar'/>
</a>

<div class='comment_reply'>
  <a expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a></div> 
               </div>
<div class='clear'/>                                                                                        
             </div>
<div class='clear'/>
</div>
</b:if>
<b:if cond='data:comment.isDeleted'>
  <span class='deleted-comment'>
    <data:comment.body/>
  </span>
</b:if>  
              <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>               
           </div>
          </b:loop>               
         </div>     
         <div class='clear'/>
         <b:if cond='data:post.commentPagingRequired'>
          <span class='paging-control-container'>
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
           &#160;
           <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
           &#160;
           <data:post.commentRangeText/>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
           &#160;
           <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </span>
         </b:if>
         <div class='clear'/>
         <div class='comment_form'>          
          
          <b:if cond='data:post.embedCommentForm'>
           <b:if cond='data:post.allowNewComments'>
                                                           
            <b:include data='post' name='threaded-comment-form'/>
           <b:else/>
            <data:post.noNewCommentsText/>
           </b:if>
          <b:else/>
           <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
           </b:if>
          </b:if>
         </div>
        </b:if>
       </div>
       
              
       <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
       
       <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
       <script type='text/javascript'>
        
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 5;//How threaded level that you want
        Display_Emo = true;//Display emoticon or not? set "false" to no display
        Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
        Replace_Image_Link = true;//Auto replace an image link  choose "false" to disable.
                                Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
        
        //Config emoticons declare
        Emo_List = [
        ':)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0_hbGgnqNhG7SyA2jAxytgFSkGcPW1MQgKvBLvwKjbFnfpntt7f0j-2NnX_aRKXQUVUbFy5vJNoGppuEmvamJEWBWDvz9i7fhwdPZ9xbPHd1zLGI2VKB8gP07ZyMnxMgD8k-Hzxl49Us/s1600/smile1.gif',
        ':('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoVpy-4FESDUFvdSFJR-n_1T_XyErSRT6g5d36tCUF0C5iF73OFh85_JKG0t8xiVTufo9F37PIiiex0hyphenhyphenyG46Ih69CIawEWeDdk1KkapNr9uFDWuMfJ99OYU7y93E3Ris9qIE2vGFDKhg/s1600/sad.gif',
        '=('  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3tYRzyKWF2bM0dqNwNXyrhJI3rOgG4-gm9L5-vVHM4nIPATUWjvCQEIDfszpRFlCvCw_OQr9PxgR0g1qH63aDvlMzD3Q04j7RDW1Cbjn5AYubYwXOsbBM9K83PcsMYdgcIM5rl_aTL0s/s1600/sadanimated.gif',
        '^_^'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQg_KtbDu5GuBdQlA80p1n08QNthL0RCL6p-Q0YCJCAWaYO5gkpCyp0Uz6FwFByVks07zMfN8TF4ZlryWO-EKDky98n8cu77wxnXeR9fHLFs1Ij81Ls5CfL9esm2s9bhB1xvnsUS20tIc/s1600/smile.gif',
        ':D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_0EwSkmVBjpoCUsc4jXk-2vLeErS_rxqPtUyZla4mT37fezksF-HxA04iIMeY00u46pYuXjG4Rn_ucq14c_tr1z-SftXOgAW3AWgqqJjTvFIcoY0KTRSzvsnnIINjh0dh0HwE-LThIJ0/s1600/icon_smile.gif',
        '=D'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinaxSHeUIavYCHqiPJGCUik611smkWKDsJnC35WH9W5d9Pnc_oNm5Xx4mM8waQlFLwT0ARXr6NFYWmKNEBXoCvP63qPA1MRtUXkILV5wdl4jBLvgAWjd93aOupxtjqmTzfwnIx-Hs9Gj0/s1600/hihi.gif',
        '|o|'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrsAzNubGpcOUBRMvPxvckQyaZZ_wt1HXW1VHNK9zmeUnW9kdMbq6om2EnNTiAe2-cSwm-qOqHZQ4u0W3whBfrBplYXosYImE_He2p5JQMXVr5nQfYP70mO1gZuBH9YlFAa0PbyG-q6h4/s1600/applause.gif',
        '@@,'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWSkC22Cic5fELGD8km-3z-x3L4Z6ig3jS1fGiV6bRh0ryTzjLMSgEG8EWM3JKWmSW6iw-4iMUy1nJphLtbvM4IMabFd2_LX-sDhX3YZTWGogzmUeq6ZByJRmlfGoszjxT7D2OyWpyKEU/s1600/rolleyes.gif',
        ';)'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZM0Rx0RTZcLZf_PdEJ90402LRsfpucz9tQB4fkLWlRdVx-LHTKIR1V1dta6NPzeCRxFdACOE7ClzclUOW75bzqPb0Kb45WcnXxa8SEbJRHzcgcz_Pep7Z6zWBnE4KLH3zS9q4Afn2ukY/s1600/wink.gif',
        ':-bd'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgszTkjkm2NbzupFncUVhhbBFazHGLT02vd9HVF-H-OvP5cuj-VhpP6SnBIcBes-NeD11855TXbYxSWAuKcnCUh6Rzg6uyXtk_cEr6FDyHjj_uI4HcZPxz-GiQwkyrIEse2eE8MJ_F-7FE/s1600/thumb.gif',
        ':-d'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwjZThkOapgfGohjRaX_StobjypWOiL4SxxwGhsqHSvWVjI0PzUwCnnFxKWdkipyiKNs1OzwwyJ5G-2rHusx5gqv0POX-h7q2vAnRc5blbKo-jeM6ptHtsTO4fXylMPVfTnO2542SDtnk/s1600/thumbsup.gif', 
                                                                 ':p'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvAA1YQ_S8GBbLk-xPEk122RetCcqYjCJRx_0tTjF1mG-cqQx2VRndvYSKcEChWIM2nwXxyOBPTNr9VMENf3_l6xWk476TZrTN8re9sWj6egA05qL7BvnfaVtKr5l6vs-gYowxmLw_J9Y/s1600/wee.gif',      
        ]; 
        
                               
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
      
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
       //]]>
         </script>
</b:includable>
    
6. Simpan Template.

Ikuti dengan benar langkah-langkahnya, jika hasilnya berbeda beri tau lewat komentar.
Sekian, Terima kasih 

Wednesday 29 October 2014

Cara Membuat Widget Top Komentator

iyan-blog.com | Cara Membuat Widget Top Komentator - Widget ini bertujuan untuk mengetahui siapa orang yang paling sering berkomentar di blog tersebut. langsung saja berikut tutorialnya :

TOP KOMENTATOR

1. Log in akun blogger
2. Masuk ke Halaman Tata letak >> Tambahkan Widget >> Html/JavaScript
3. Masukkan kode dibawah ini
<style type="text/css">
.top-commenter-line img {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
margin-left:5px;margin-right:5px;
}
.top-commenter-line {margin: 5px 0;border-bottom:1px solid #eee;padding:3px 5px 6px 0px;}
.top-commenter-line .profile-name-link {padding-left:0;font-weight:bold;}
.top-commenter-avatar {vertical-align:middle;width:30px;height:30px;
}
</style>
<script type="text/javascript">
//
// Top Commentators gadget with avatars, by MS-potilas 2012.
// Gets a list of top commentators from all comments, or specified number of days in the past.
// See http://yabtb.blogspot.com/2012/05/top-commenters-gadget-with-avatars.html
//
// CONFIG:
var maxTopCommenters = 15;   // how big a list of top commentators
var minComments = 1;        // how many comments must top commentator have at least
var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
var excludeMe = true;       // true: exclude my own comments
var excludeUsers = ["Anonymous", "NAMA ADMIN BLOG"];     // exclude these usernames
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user]([count]) ';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 56;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiotaGVR2IMQntoCld5vMhMu33VZbTqlPyXT5pwdkj40oE7t41JiNbtrQDexi9esJrvVSnHxphNRvyeo04I8mmVj4g94imxIV9N75Cd9Hq-LyooxmAmfA0-EyEcAiqK2cNsiHQzUT3P9kQ/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// for old IEs & IE modes:
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
      //Calculate difference btw the two dates, and convert to days
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
  // list top topcommenters:
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commenter-line">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>
4. Simpan..
Ubah kata yang berwarna merah dengan sesuai, Nama admin dan jumlah komentator
Sekian, Terima kasih. 

Sunday 26 October 2014

Cara Membuat Menu Navigasi dan Kotak Pencarian Responsive

iyan-blog.com | Cara Membuat Menu Navigasi dan Kotak Pencarian Responsive - Dalam sebuah blog pastinya kita akan menemui menu navigasi, dan kali ini saya akan membagikan tutorial caranya membuat menu navigasi dan kotak pencarian yang responsive, langsung saja berikut tutorialnya:

MENU NAV.


1. Masuk ke Blogger
2. Masuk ke Halaman Template >> Edit HTML
3. cari kode ]]></b:skin> atau </style>
4. letakkan kode dibawah ini diatas ]]></b:skin> atau </style>
/* Napigate tamfan */
#napigate{background:#1658A0}
#napigate ul li a{color:#fff}
#napigate ul li ul li a:hover{background:#34495e}
#napigate ul li:hover a{background:#2c3e50}
#napigate{overflow:hidden;clear:both}
#napigate ul{list-style:none;padding:0;margin:0}
#napigate ul li{display:block;float:left;margin:0}
#napigate ul li a{display:block;text-shadow:1px 1px 2px #666;font-family:'Oswald',sans-serif;font-size:16px;padding:10px 15px;transition:all 0s ease-in-out;text-transform:uppercase;}
#napigate ul li ul li{float:none;border-top:1px solid rgba(0,0,0,0.11)}
#napigate ul li ul li a{font-size:14px;text-shadow:0 0 0 #fff}
#napigate ul li ul{visibility:hidden;position:absolute;z-index:9999}
#napigate ul li:hover ul{visibility:visible;background:#34495e}
#pencari{margin-left:5px;background:#fff;margin-bottom:5px;text-align:center}
#search{padding:5px}
#penginput{padding:5px;border:0;background:#2c3e50;color:#fff}
#nyarinya input[type="text"]{border:0;padding:10px;background:#fff;font-weight:bold;color:#666;font-size:13px;margin:0}
#search-top{padding:5px;overflow:hidden;text-align:right;margin:0}
#search-button-top{background-image:url("http://3.bp.blogspot.com/-60fYApN0j2M/Ub8uXOv4rNI/AAAAAAAACBs/6PDa4uu3cHk/s1600/csg-51bf2d6764c79.png");background-repeat:no-repeat;transition:all 0.7s ease 0s;height:36px;width:40px;background-color:#34495e;background-position:13px -243px;border:none;float:right;cursor:pointer}
#nyarinya{float:right;padding-right:5px}
#hidding2{display:none}
#hidding2{background:#1658A0;color:#fff;padding:10px;font-size:16px;font-family:'Oswald',sans-seriff;cursor:pointer}

5. masukan css dibawah ini diatas ]]></b:skin> atau </style> agar menu navigasinya responsive
@media only screen and (max-width:992px){
#napigate ul li{float:none}#napigate ul li ul{position:inherit;visibility:visible;background:#34495e}#napigate ul li ul li a{padding:10px 0 10px 45px}#napigate ul li:hover a{background:inherit}#napigate ul{display:none;float:none;clear:both}#hidding1,#hidding2{display:block;clear:both}#hidding2{float:left}.displaying{display:inherit!important}
}  
6.

  • masukkan Jquery dibawah ini diatas kode </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
  • lalu, masukkan script dibawah ini diatas kode </head>
<script>
$(document).ready(function(){
  $("#hidding1").click(function(){
    $("#croscoll ul").toggleClass("displaying");
  });
  $("#hidding2").click(function(){
    $("#napigate ul").toggleClass("displaying");
  });
});
</script>
7. kemudian, masukan HTMLnya dibawah kode </header>
<nav id='napigate'>
<label id='hidding2'>&#8801; Menu</label>
<ul>
<li><a href='#'>ABC</a><ul>
<li><a href='#'>Download Apk Android</a></li>
<li><a href='#'>Trik Android</a></li>
</ul>
</li>
<li><a href='#'>ABC</a><ul>
<li><a href='#'>Jasa Adsense Non Hosted</a></li>
<li><a href='#'>Jasa Adsense Hosted</a></li>
<li><a href='#'>Jasa Adsense Upgrade</a></li>
<li><a href='#'>Trik Adsense</a></li>
</ul>
</li>
<li><a href='#'>ABC</a><ul>
<li><a href='#'>Jasa Template Responsive</a></li>
<li><a href='#'>Tutorial Blog</a></li>
<li><a href='#'>Template Blog</a></li>
</ul>
</li>
<li><a href='#'>ABC</a><ul>
<li><a href='#'>Download Game PC</a></li>
<li><a href='#'>Download Game HP</a></li>
</ul>
</li>
<li><a href='#'>ABC</a><ul>
<li><a href='#'>Harga Handphone</a></li>
<li><a href='#'>Harga Laptop</a></li>
<li><a href='#'>Harga Netbook</a></li>
</ul>
</li>
<li><a href='#'>Kuliner</a></li>
<li><a href='#'>Travel</a></li>
</ul>
<div id='nyarinya'>
<form action='/search' id='search-top' method='get'>
<input id='diklik' name='q' placeholder='Search...' type='text'/><input id='search-button-top' type='submit' value=''/></form>
</div>
</nav> 
8. Simpan Template

Selesai, Semoga bermanfaat.

Saturday 25 October 2014

Cara Membuat Label Cloud Menjadi Colorful

iyan-blog.com | Cara Membuat Label Cloud Menjadi Colorful - membuat blog menjadi segar dan indah, salah satu caranya adalah  Membuat Label Cloud Menjadi Colorful. dan berikut tutorialnya:

LABEL CLOUD
sumber gambar : ngudang.blogspot.com


Pastikan Widgetnya adalah Label Cloud
1. Masuk ke Blogger
2. Masuk ke Halaman Template >> Edit HTML
3. Cari kode ]]></b:skin> atau </style>
4. copy CSS dibawah ini lalu paste diatas kode ]]></b:skin> atau </style
.cloud-label-widget-content {
text-align: left;
}
.label-size {
background: #5498C9;
display: block;
float: left;
margin: 0 3px 3px 0;
color: #fff;
font-family: &#39;Open Sans&#39;,&quot;Segoe UI&quot;,Arial,Tahoma,sans-serif;
font-size: 11px;
text-transform: uppercase;
}
.label-size:nth-child(1) {
background: #F53477;
}
.label-size:nth-child(2) {
background: #89C237;
}
.label-size:nth-child(3) {
background: #44CCF2;
}
.label-size:nth-child(4) {
background: #01ACE2;
}
.label-size:nth-child(5) {
background: #94368E;
}
.label-size:nth-child(6) {
background: #A51A5D;
}
.label-size:nth-child(7) {
background: #555;
}
.label-size:nth-child(8) {
background: #f2a261;
}
.label-size:nth-child(9) {
background: #00ff80;
}
.label-size:nth-child(10) {
background: #b8870b;
}
.label-size:nth-child(11) {
background: #99cc33;
}
.label-size:nth-child(12) {
background: #ffff00;
}
.label-size:nth-child(13) {
background: #40dece;
}
.label-size:nth-child(14) {
background: #ff6347;
}
.label-size:nth-child(15) {
background: #f0e68d;
}
.label-size:nth-child(16) {
background: #7fffd2;
}
.label-size:nth-child(17) {
background: #7a68ed;
}
.label-size:nth-child(18) {
background: #ff1491;
}
.label-size:nth-child(19) {
background: #698c23;
}
.label-size:nth-child(20) {
background: #00ff00;
}
.label-size a, .label-size span {
display: inline-block;
color: #fff !important;
padding: 4px 10px;
font-weight: bold;
}
.label-size:hover {
background: #222;
}
.label-count {
white-space: nowrap;
padding-right: 3px;
margin-left: -3px;
background: #333;
color: #fff ;
}
.label-size:hover .label-count, .label-size:focus+.label-count {
background-color: #ff6bb5;
}

5. Simpan Template  

Sekian Posting singkat, Terima kasih.

Friday 24 October 2014

Cara Membuat Pesan Diatas Kotak Komentar

Iyan-blog.com | Cara Membuat Pesan Diatas Kotak Komentar - Fungsi utama dari Membuat atau menambahkan pesan diatas kotak komentar adalah memberi tahu apa saja peraturan berkomentar di blog tersebut. Membuat Pesan Diatas Kotak Komentar juga berfungsi untuk memperkecil kemungkinan komentar SPAM atau komentar yang mengandung unsur negatif  seperti berbau pornografi, sara, dan  link aktif. dan kali ini iyan-blog.com akan memberikan tutorial cara menambahkan/membuat pesan diatas kotak komentar, berikut tutorialnya:

form


1. Masuk ke Blogger
2. Masuk ke Setelan >> Pos dan Komentar >> Pesan Formulir Komentar
#AZEK
3. isi pesan, contohnya gambar diatas
4. lalu simpan
5. SELESAI...

sekian posting singkat kali ini, Terima kasih...

Wednesday 22 October 2014

Cara Mudah Menghapus Widget Diberdayakan Oleh Blogger

iyan-blog.com | Cara Mudah Menghapus Widget Diberdayakan Oleh Blogger - Tidak jauh berbeda dengan artikel sebelumnya. kali ini saya akan memposting cara menghapus widget diberdayakan blogger atau Powered By Blogger. Ketika anda mengganti template beru, anda akan mendapati widget ini [biasanya] di sidebar, itu dapat merusak tampilan yang harusnya tertata rapi. Ada dua cara menghapus widget ini, berikut:

POWERED BY BLOGGER

Cara Pertama

1. log in  akun blogger
2. masuk ke halaman template > Edit HTML 
3. kemudian cari kode seperti dibawah ini
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
4. ubah kata true menjadi false
5. simpan template
6. masuk ke halaman tata letak >> Widget Atribusi >> HAPUS!

Cara Kedua

1. log in akun blogger
2. masuk ke halaman template >> Edit HTML
3. cari kode ]]></b:skin>, gunakan CTRL + F untuk memudahkan pencarian
4. letakkan kode dibawah ini diatas kode ]]></b:skin>
#Attribution1 {
height:0px;
visibility:hidden;
display:none
}
5. Simpan template

Sekian postingan kali ini, jika bermanfaat silahkan berkomentar, share, like postingan ini.

Monday 20 October 2014

Cara Menghilangkan Icon Tang dan Obeng di Blog

iyan-blog.com | Cara Menghilangkan Icon Tang dan Obeng di Blog - Kalau anda blogger pastilah anda sudah tau apa yang saya maksud dari Tang dan Obeng disini. Icon ini biasanya akan muncul jika anda menambahkan widget baru di blog, Icon ini juga bisa mengganggu tampilan dari blog atau akan kelihatan tidak rapi. Kali ini saya akan membagikan 2 cara menghapus icon ini, berikut tutorialnya:

.QUICKEDIT [TANG-OBENG]
quickedit [Icon Tang dan Obeng]

Cara Pertama

1. Masuk ke blogger
2. Masuk ke halaman Template >> Edit HTML, lalu cari kode ]]></b:skin>
3. letakkan kode dibawah ini diatas kode ]]></b:skin>

.quickedit {display:none;}

4. simpan template


Cara Kedua

1. Masuk ke Blogger
2. Masuk ke halaman Template >> Edit HTML, lalu cari kode dibawah ini dan HAPUS!
<b:include name='quickedit'/>

3. Simpan template

Sekian postingan kali ini, jika ada yang ingin ditanyakan silahkan komentar. dan jika postingan kali ini bermanfaat ya komentar juga :v.

Saturday 18 October 2014

Cara Mengetahui Posisi di SERP Google

iyan-blog.com | Cara Mengetahui Posisi di SERP Google - Cek diposisi berapakah postingan kita di SERP Google. Pertama-tama saya akan menjelaskan apa itu SERP. SERP adalah kependekan dari Search Engine Result Page yang artinya halaman yang muncul sebagai hasil dari pencarian yang dilakukan di search engine. dan berikut ini adalah Caranya Mengetahui Posisi di SERP Google:


1. Klik link berikut DISINI
2. [lihat gambar] Pada bagian "Choose your region" pilih google yang akan dicek :v
3. lalu masukkan URL blog anda pada bagian dibawahnya tanpa http://
4. masukkan kata kunci yang ingin di cek
5. kemudian klik "Check SERP Now!"
6. lalu akan muncul hasilnya pada bagian Result details
7. Selesai...

Sekian postingan kali ini, jika bermanfaat jangan lupa komen dan share postingan ini.