Threaded Comments Untuk Komentar Blogger

Mohon maaf sebelumnya jika saya baru posting turial untuk Threaded Comments di Komentar Blogger atau yang biasa dikenal dengan Komentar dengan Button Reply. Beberapa blogger ada yang menanyakan tentang hal ini, pada saat melihat bentuk kotak komentar yang ada di blog newalltutorial. Katanya bagus, terima kasih tapi tutorial ini juga saya dapat dari blog lain yaitu dari blog Artistutorial, untuk itu buat blogger yang penasaran langsung aja menuju ke blog tersebut, disini.

Atau jika malas baca dalam bahasa inggris, saya akan berikan dalam versi indonesianya saja. Langsung saja silahkan sobat login terlebih dahulu ke Blogger, sebelumnya siapkan kopi dan rokok biar tambah asik ngeblognya.

1. Masuk ke Rancangan
2. Klik tab Edit HTML
3. Jangan lupa backup template terlebih dahulu.
4. Klik Expand Template Widget
5. Kemudian copy kode berikut sebelum ]]></b:skin>

   #comments h4 {font-size: 18px;font-weight: normal;margin: 20px 0}
   .cm_wrap {clear: both;margin-bottom: 10px;float: right;width: 100%}
   .cm_head {margin: 0;width:60px;float: left}
   .cm_avatar {margin: 0;vertical-align: middle;outline: 1px solid #fff;border: 1px solid #ddd;padding: 3px;background-image:  url(http://4.bp.blogspot.com/-0DZ_H39lqFk/Tv9l8EN_UeI/AAAAAAAACJg/Lxko1duJxfc/s1600/author_comment.jpg);background-position:center;background-repeat:no-repeat;width: 35px;height: 35px}
   .cm_avatar_a {margin: 0;vertical-align: middle;border: 1px solid #ddd;padding: 3px;
   background:#c6e5f7;background-position:center;background-repeat:no-repeat;width: 35px;height: 35px}
   .cm_reply {padding-top: 5px}
   .cm_reply a {display: inline-block;margin: 0;padding: 1px 6px;border: 1px solid #C4C4C4;border-top-color: #E4E4E4;border-left-color: #E4E4E4;color: #424242 !important;text-align: center;text-shadow: 0 -1px 0 white;text-decoration: none;
   -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background: #EDEDED;background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );font: 11px/18px sans-serif}
   .cm_reply a:hover {text-decoration: none !important;;background: #ccc;;background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #eeeeee),color-stop(1, #cccccc));;background: -moz-linear-gradient(center top,#eeeeee 20%,#cccccc 100%);;
   }
   .cm_entry {padding: 16px;background: #FCFCFC;outline: 1px solid #fff;border: 1px solid #ddd;overflow: hidden}
   .cm_entry_a {padding: 16px;background: #FCFCFC;outline: 1px solid #fff;border: 1px solid #ddd;overflow: hidden}
   .cm_arrow {display: block;width: 9px;height: 18px;background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;position: absolute;margin-left: -25px}
   .cm_info {margin-bottom: 5px;border: thin solid #E6E6E6;background-color: #F4F4F4;padding: 5px}
   .cm_info_a {margin-bottom: 5px;border: thin solid #E6E6E6;background-color: #dff0fa;
   padding: 5px}
   .cm_name {font-size: 13px;color: #666666 !important;text-decoration:none;font-weight: bold;float: left}
   .cm_name_a {font-size: 13px;color: #666666 !important;text-decoration:none;font-weight: 250;float: left}
   .cm_date {font-size: 10px;color: #999;text-decoration:none;float: right}
   .cm_date_a {font-size: 10px;color: #2D5E7B;text-decoration:none;float: right;
   padding-top:5px}
   .cm_entry p {padding: 5px;line-height:1.4em;clear: both;border: thin solid #E6E6E6;background-color: #F4F4F4;font-size: 13px;color: #333;word-wrap:break-word}
   .cm_entry_a p {padding: 5px;clear: both;border: thin solid #E6E6E6;background-color:  #dff0fa;font-size: 13px;color: #333;word-wrap:break-word}
   .cm_pagenavi {font-size: 10px;text-transform: uppercase;color: #666;text-shadow: 1px 1px white;font-weight: bold}
   .cm_pagenavi a {color: #666;text-decoration: none;padding:10px}
   .cm_pagenavi a:hover {text-decoration: underline}
   .cm_pagenavi span {color: #888;background: white;padding: 4px;border: 1px solid #E0E0E0}
   .owner-Body p{margin-bottom: 5px;border: thin solid #E6E6E6;background:#EFF5FB;padding: 5px}

6. Letakkan kode berikut sebelum </body> :
   

   <script type="text/javascript"><!--
   var _0x7bf4=["\x32\x20\x78\x3D\x31\x72\x2E\x31\x6E\x2E\x4A\x3B\x32\x20\x46\x3D\x77\x2E\x79\x28\x27\x31\x6D\x27\x29\x3B\x32\x20\x6D\x3D\x46\x2E\x75\x3B\x32\x20\x70\x3D\x5B\x5D\x3B\x32\x20\x37\x3D\x5B\x5D\x3B\x32\x20\x64\x3D\x5B\x5D\x3B\x32\x20\x6E\x3D\x30\x3B\x32\x20\x49\x3D\x27\x27\x3B\x32\x20\x4B\x3D\x27\x27\x3B\x32\x20\x45\x3D\x27\x27\x3B\x32\x20\x69\x3D\x30\x3B\x32\x20\x6A\x3D\x30\x3B\x32\x20\x6B\x3D\x30\x3B\x32\x20\x68\x3D\x30\x3B\x32\x20\x62\x3D\x27\x27\x3B\x32\x20\x42\x3D\x22\x22\x3B\x32\x20\x71\x3D\x22\x22\x3B\x31\x73\x20\x31\x31\x28\x29\x7B\x32\x20\x56\x3D\x2D\x31\x3B\x38\x28\x5A\x2E\x31\x79\x3D\x3D\x27\x31\x7A\x20\x31\x76\x20\x31\x75\x27\x29\x7B\x32\x20\x31\x65\x3D\x5A\x2E\x31\x77\x3B\x32\x20\x31\x30\x3D\x31\x78\x20\x31\x32\x28\x22\x31\x74\x20\x28\x5B\x30\x2D\x39\x5D\x7B\x31\x2C\x7D\x5B\x5C\x2E\x30\x2D\x39\x5D\x7B\x30\x2C\x7D\x29\x22\x29\x3B\x38\x28\x31\x30\x2E\x31\x41\x28\x31\x65\x29\x21\x3D\x31\x70\x29\x56\x3D\x31\x71\x28\x31\x32\x2E\x24\x31\x29\x7D\x31\x6F\x20\x56\x7D\x32\x20\x57\x3D\x31\x31\x28\x29\x3B\x38\x28\x57\x3D\x3D\x2D\x31\x7C\x7C\x57\x3E\x3D\x39\x29\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x22\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x34\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x22\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x61\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x61\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x22\x59\x22\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D\x7A\x7B\x31\x34\x28\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x21\x3D\x2D\x31\x29\x7B\x69\x3D\x6D\x2E\x66\x28\x27\x4C\x3D\x63\x27\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x2B\x33\x29\x3B\x69\x3D\x6D\x2E\x66\x28\x27\x3E\x27\x29\x3B\x70\x5B\x6E\x5D\x3D\x6D\x2E\x65\x28\x30\x2C\x69\x29\x3B\x6D\x3D\x6D\x2E\x65\x28\x69\x29\x3B\x37\x5B\x6E\x5D\x3D\x77\x2E\x79\x28\x70\x5B\x6E\x5D\x29\x2E\x75\x3B\x64\x5B\x6E\x5D\x3D\x30\x3B\x6E\x2B\x2B\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x2D\x31\x3B\x69\x2B\x2B\x29\x7B\x76\x28\x6A\x3D\x69\x2B\x31\x3B\x6A\x3C\x6E\x3B\x6A\x2B\x2B\x29\x7B\x38\x28\x37\x5B\x6A\x5D\x2E\x66\x28\x70\x5B\x69\x5D\x29\x21\x3D\x2D\x31\x29\x7B\x49\x3D\x70\x5B\x6A\x5D\x3B\x4B\x3D\x37\x5B\x6A\x5D\x3B\x64\x5B\x6A\x5D\x3D\x64\x5B\x69\x5D\x2B\x31\x3B\x45\x3D\x64\x5B\x6A\x5D\x3B\x76\x28\x68\x3D\x69\x2B\x31\x3B\x68\x3C\x6A\x3B\x68\x2B\x2B\x29\x7B\x38\x28\x64\x5B\x68\x5D\x3C\x45\x29\x7B\x31\x37\x7D\x7D\x76\x28\x6B\x3D\x6A\x3B\x6B\x3E\x68\x3B\x6B\x3D\x6B\x2D\x31\x29\x7B\x70\x5B\x6B\x5D\x3D\x70\x5B\x6B\x2D\x31\x5D\x3B\x37\x5B\x6B\x5D\x3D\x37\x5B\x6B\x2D\x31\x5D\x3B\x64\x5B\x6B\x5D\x3D\x64\x5B\x6B\x2D\x31\x5D\x7D\x70\x5B\x68\x5D\x3D\x49\x3B\x37\x5B\x68\x5D\x3D\x4B\x3B\x64\x5B\x68\x5D\x3D\x45\x7D\x7D\x7D\x76\x28\x69\x3D\x30\x3B\x69\x3C\x6E\x3B\x69\x2B\x2B\x29\x7B\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x40\x3C\x41\x20\x4A\x3D\x22\x23\x63\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x2B\x31\x29\x3B\x6A\x3D\x71\x2E\x66\x28\x27\x3C\x2F\x41\x3E\x27\x29\x3B\x71\x3D\x71\x2E\x65\x28\x6A\x2B\x34\x29\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x71\x7D\x6A\x3D\x37\x5B\x69\x5D\x2E\x66\x28\x27\x50\x3D\x59\x27\x29\x3B\x38\x28\x6A\x21\x3D\x2D\x31\x29\x7B\x42\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x30\x2C\x6A\x29\x3B\x71\x3D\x37\x5B\x69\x5D\x2E\x65\x28\x6A\x29\x3B\x38\x28\x64\x5B\x69\x5D\x3E\x36\x29\x64\x5B\x69\x5D\x3D\x36\x3B\x37\x5B\x69\x5D\x3D\x42\x2B\x27\x74\x3D\x22\x31\x35\x3A\x27\x2B\x28\x31\x39\x2D\x64\x5B\x69\x5D\x2A\x35\x29\x2B\x27\x25\x22\x20\x27\x2B\x71\x7D\x62\x2B\x3D\x37\x5B\x69\x5D\x7D\x62\x2B\x3D\x27\x3C\x67\x20\x50\x3D\x22\x31\x66\x22\x3E\x3C\x2F\x67\x3E\x27\x3B\x46\x2E\x75\x3D\x62\x3B\x46\x2E\x74\x2E\x51\x3D\x27\x31\x62\x27\x3B\x32\x20\x4D\x3D\x77\x2E\x79\x28\x27\x31\x61\x27\x29\x2E\x75\x3B\x32\x20\x6F\x3D\x4F\x28\x4D\x29\x3B\x38\x28\x6F\x3E\x72\x29\x7B\x62\x3D\x27\x3C\x67\x20\x74\x3D\x22\x47\x3A\x31\x63\x22\x3E\x31\x64\x20\x27\x3B\x32\x20\x48\x3D\x28\x6F\x2D\x6F\x25\x72\x29\x2F\x72\x2B\x31\x3B\x32\x20\x73\x3D\x27\x27\x3B\x32\x20\x6C\x3D\x31\x3B\x69\x3D\x78\x2E\x66\x28\x27\x2E\x31\x6C\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x78\x2E\x65\x28\x30\x2C\x69\x2B\x35\x29\x7D\x7A\x7B\x73\x3D\x78\x7D\x69\x3D\x73\x2E\x66\x28\x27\x23\x44\x27\x29\x3B\x38\x28\x69\x21\x3D\x2D\x31\x29\x7B\x73\x3D\x73\x2E\x65\x28\x30\x2C\x69\x29\x7D\x69\x3D\x78\x2E\x66\x28\x27\x3F\x53\x3D\x27\x29\x3B\x38\x28\x69\x3D\x3D\x2D\x31\x29\x7B\x6C\x3D\x31\x7D\x7A\x7B\x6C\x3D\x4F\x28\x78\x2E\x65\x28\x69\x2B\x31\x33\x29\x29\x7D\x76\x28\x69\x3D\x31\x3B\x69\x3C\x3D\x48\x3B\x69\x2B\x2B\x29\x7B\x38\x28\x69\x3D\x3D\x6C\x29\x7B\x62\x2B\x3D\x27\x3C\x55\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x55\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x61\x20\x4A\x3D\x22\x27\x2B\x73\x2B\x27\x3F\x53\x3D\x27\x2B\x69\x2B\x27\x23\x44\x22\x3E\x27\x2B\x69\x2B\x27\x3C\x2F\x61\x3E\x27\x7D\x7D\x38\x28\x6C\x2A\x72\x3C\x3D\x6F\x29\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x28\x6C\x2A\x72\x29\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x7A\x7B\x62\x2B\x3D\x27\x3C\x2F\x67\x3E\x3C\x67\x20\x74\x3D\x22\x47\x3A\x54\x22\x3E\x27\x2B\x28\x28\x28\x6C\x2D\x31\x29\x2A\x72\x29\x2B\x31\x29\x2B\x27\x20\x2D\x20\x27\x2B\x6F\x2B\x27\x20\x52\x20\x27\x2B\x6F\x2B\x27\x20\x44\x3C\x2F\x67\x3E\x27\x7D\x32\x20\x43\x3D\x77\x2E\x79\x28\x27\x31\x69\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x43\x3D\x77\x2E\x79\x28\x27\x31\x68\x27\x29\x3B\x43\x2E\x75\x3D\x62\x3B\x38\x28\x6C\x3C\x48\x29\x7B\x62\x3D\x27\x3C\x74\x20\x31\x67\x3D\x22\x31\x6B\x2F\x31\x6A\x22\x3E\x2E\x58\x20\x7B\x51\x3A\x20\x31\x38\x7D\x3C\x2F\x74\x3E\x27\x3B\x32\x20\x4E\x3D\x77\x2E\x79\x28\x27\x31\x36\x27\x29\x3B\x4E\x2E\x75\x3D\x62\x7D\x7D\x7D","\x7C","\x73\x70\x6C\x69\x74","\x7C\x7C\x76\x61\x72\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x69\x66\x7C\x7C\x7C\x73\x74\x72\x6F\x75\x74\x7C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x7C\x73\x75\x62\x73\x74\x72\x69\x6E\x67\x7C\x69\x6E\x64\x65\x78\x4F\x66\x7C\x64\x69\x76\x7C\x7C\x7C\x7C\x7C\x43\x6D\x5F\x43\x75\x72\x5F\x50\x61\x67\x65\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x7C\x43\x6D\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x7C\x73\x74\x72\x5F\x74\x32\x7C\x32\x30\x30\x7C\x4F\x72\x67\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x73\x74\x79\x6C\x65\x7C\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C\x7C\x66\x6F\x72\x7C\x64\x6F\x63\x75\x6D\x65\x6E\x74\x7C\x43\x75\x72\x5F\x55\x72\x6C\x5F\x54\x68\x72\x65\x61\x64\x43\x4D\x7C\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64\x7C\x65\x6C\x73\x65\x7C\x7C\x73\x74\x72\x5F\x74\x31\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4F\x62\x6A\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x73\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x4C\x65\x76\x65\x6C\x5F\x54\x7C\x43\x6D\x5F\x42\x6C\x6F\x63\x6B\x7C\x66\x6C\x6F\x61\x74\x7C\x43\x6D\x5F\x50\x61\x67\x65\x5F\x4E\x75\x6D\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x49\x64\x5F\x54\x7C\x68\x72\x65\x66\x7C\x43\x6D\x5F\x49\x74\x65\x6D\x5F\x43\x6F\x6E\x74\x65\x6E\x74\x5F\x54\x7C\x69\x64\x7C\x43\x6D\x5F\x54\x6F\x74\x61\x6C\x5F\x4F\x62\x6A\x7C\x43\x6D\x5F\x52\x65\x70\x6C\x79\x43\x53\x53\x5F\x4F\x62\x6A\x7C\x70\x61\x72\x73\x65\x49\x6E\x74\x7C\x63\x6C\x61\x73\x73\x7C\x64\x69\x73\x70\x6C\x61\x79\x7C\x6F\x66\x7C\x63\x6F\x6D\x6D\x65\x6E\x74\x50\x61\x67\x65\x7C\x72\x69\x67\x68\x74\x7C\x73\x70\x61\x6E\x7C\x72\x76\x7C\x49\x45\x5F\x76\x65\x72\x7C\x63\x6D\x5F\x61\x75\x74\x68\x6F\x72\x5F\x72\x65\x70\x6C\x79\x7C\x63\x6D\x5F\x77\x72\x61\x70\x7C\x6E\x61\x76\x69\x67\x61\x74\x6F\x72\x7C\x72\x65\x7C\x67\x65\x74\x49\x6E\x74\x65\x72\x6E\x65\x74\x45\x78\x70\x6C\x6F\x72\x65\x72\x56\x65\x72\x73\x69\x6F\x6E\x7C\x52\x65\x67\x45\x78\x70\x7C\x7C\x77\x68\x69\x6C\x65\x7C\x77\x69\x64\x74\x68\x7C\x63\x6D\x5F\x72\x65\x70\x6C\x79\x5F\x63\x73\x73\x7C\x62\x72\x65\x61\x6B\x7C\x6E\x6F\x6E\x65\x7C\x31\x30\x30\x7C\x63\x6D\x5F\x74\x6F\x74\x61\x6C\x7C\x62\x6C\x6F\x63\x6B\x7C\x6C\x65\x66\x74\x7C\x50\x61\x67\x65\x7C\x75\x61\x7C\x63\x6C\x65\x61\x72\x7C\x74\x79\x70\x65\x7C\x63\x6D\x5F\x70\x61\x67\x65\x5F\x63\x6F\x70\x79\x7C\x63\x6D\x5F\x70\x61\x67\x65\x7C\x63\x73\x73\x7C\x74\x65\x78\x74\x7C\x68\x74\x6D\x6C\x7C\x63\x6D\x5F\x62\x6C\x6F\x63\x6B\x7C\x6C\x6F\x63\x61\x74\x69\x6F\x6E\x7C\x72\x65\x74\x75\x72\x6E\x7C\x6E\x75\x6C\x6C\x7C\x70\x61\x72\x73\x65\x46\x6C\x6F\x61\x74\x7C\x77\x69\x6E\x64\x6F\x77\x7C\x66\x75\x6E\x63\x74\x69\x6F\x6E\x7C\x4D\x53\x49\x45\x7C\x45\x78\x70\x6C\x6F\x72\x65\x72\x7C\x49\x6E\x74\x65\x72\x6E\x65\x74\x7C\x75\x73\x65\x72\x41\x67\x65\x6E\x74\x7C\x6E\x65\x77\x7C\x61\x70\x70\x4E\x61\x6D\x65\x7C\x4D\x69\x63\x72\x6F\x73\x6F\x66\x74\x7C\x65\x78\x65\x63","","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x72\x65\x70\x6C\x61\x63\x65","\x5C\x77\x2B","\x5C\x62","\x67"];eval(function (_0x4f09x1,_0x4f09x2,_0x4f09x3,_0x4f09x4,_0x4f09x5,_0x4f09x6){_0x4f09x5=function (_0x4f09x3){return (_0x4f09x3<_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)>35?String[_0x7bf4[5]](_0x4f09x3+29):_0x4f09x3.toString(36));} ;if(!_0x7bf4[4][_0x7bf4[6]](/^/,String)){while(_0x4f09x3--){_0x4f09x6[_0x4f09x5(_0x4f09x3)]=_0x4f09x4[_0x4f09x3]||_0x4f09x5(_0x4f09x3);} ;_0x4f09x4=[function (_0x4f09x5){return _0x4f09x6[_0x4f09x5];} ];_0x4f09x5=function (){return _0x7bf4[7];} ;_0x4f09x3=1;} ;while(_0x4f09x3--){if(_0x4f09x4[_0x4f09x3]){_0x4f09x1=_0x4f09x1[_0x7bf4[6]]( new RegExp(_0x7bf4[8]+_0x4f09x5(_0x4f09x3)+_0x7bf4[8],_0x7bf4[9]),_0x4f09x4[_0x4f09x3]);} ;} ;return _0x4f09x1;} (_0x7bf4[0],62,99,_0x7bf4[3][_0x7bf4[2]](_0x7bf4[1]),0,{}));
   --></script>

   
   atau jika kepanjangan bisa menggunakan kode script berikut (pilih salah satu saja) :

   <script src='http://newalltutorial.googlecode.com/files/comment-replay.js' type='text/javascript'/>

7. Kemudian cari kode seperti dibawah ini :

   <b:includable id='comments' var='post'>
   

   disini letak kode baru

   </b:includable>

8. Hapus saja semua kode tersebut dan ganti dengan kode dibawah ini :
   

   <b:includable id='comments' var='post'>
   <div class='comments' id='comments'>
   <a name='comments'/>
   <b:if cond='data:post.allowComments'>
   <h4>
   <b:if cond='data:post.numComments &gt; 0'>
   <b:if cond='data:post.numComments == 1'>
   <span id='cm_total'>1</span> comment
   <b:else/>
   <span id='cm_total'><data:post.numComments/></span> comments
   </b:if>
   </b:if>
   </h4>
   <div id='cm_reply_css'/>
   <div class='cm_pagenavi' id='cm_page'/>
   <div id='cm_block'>
   <b:loop values='data:post.comments' var='comment'>
   <b:if cond='data:comment.isDeleted'>
   <b:else/>
   <div expr:id='data:comment.anchorName'>
   <div class='cm_wrap'>
   <a expr:name='data:comment.anchorName'/>
   <div class='cm_head'>
   <div class='cm_avatar'>
   <b:if cond='data:blog.enabledCommentProfileImages'>
   <data:comment.authorAvatarImage/>
   </b:if>                       
   </div>
   <div class='cm_reply'>
   <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=90113338581622&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
   </div>
   </div>
   
   <div class='cm_entry'>
   <span class='cm_arrow'/>
   <div class='cm_info'>
   <div class='cm_name'>
   <b:if cond='data:comment.authorUrl'>
   <a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
   <data:comment.author/>
   </a>
   <b:else/>
   <b><data:comment.author/></b>
   </b:if>
   </div>
   <div class='cm_date'>
   <data:comment.timestamp/>
   <b:include data='comment' name='commentDeleteIcon'/>
   </div>
   <div class='clear'/>                                 
   </div>                             
   <b:if cond='data:comment.author == data:post.author'>
   <div class='owner-Body'>
   <p><data:comment.body/></p>
   </div>
   <b:else/>
   <div class='comment-body'>
   <b:if cond='data:comment.isDeleted'>
   <span class='deleted-comment'><data:comment.body/></span>
   <b:else/>
   <p><data:comment.body/></p>
   </b:if>
   </div>
   </b:if>
   
   </div>
   </div>
   </div>
   </b:if>             
   </b:loop>
   </div>
   
   <div class='cm_pagenavi' id='cm_page_copy'/>
   <b:if cond='data:post.embedCommentForm'>
   <b:if cond='data:post.allowNewComments'>
   <b:include data='post' name='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>
   
   </b:if>
   </div>
   </b:includable>

9. Ganti tulisan yang berwarna merah dengan BlogID sobat (lihat di browser)
10. Kemudian Simpan.

Selesai ! semoga berhasil, kalau kurang puas silahkan komentar, Insya Allah jika sempat akan saya balas. Terima kasih

More about → Threaded Comments Untuk Komentar Blogger

Submit Artikel di Backlinks Kingdom

Serupa dengan situs submit artikel yang pernah saya bahas sebelumnya, Social Monkee yang memiliki kemiripan dengan Backlinks Kingdom, yaitu sama-sama situs yang menyediakan fasilitas submit artikel gratis langsung ke banyak situs social bookmark. Biasanya jika sobat selesai melakukan update postingan, apa yang sobat lakukan? berdiam dirikah dengan melototin postingan baru, jangan juga terlalu narsis dengan postingan baru walaupun blog isinya bagus tapi jika tidak ada pengunjung pasti akan sangat sia-sia.

Untuk itu lakukanlah ping halaman postingan ke situs ping service, lakukan ping blog secara wajar dan jangan berlebihan karena bisa dianggap spam. Kemudian submit halaman postingan ke situs social bookmark. Dua hal tersebut harus sobat lakukan untuk mendapatkan traffic atau kunjungan yang banyak. Ada banyak hal sebenarnya untuk mencari backlinks atau mencari traffic blog, tapi saya rasa dua hal diatas sudah cukup bagus untuk pemula seperti kita.

Ada ribuan situs social bookmark, yang bagus pun juga banyak seperti digg.com, delicious.com, stumbleupon.com, slashdot.com, technorati.com, diigo.com, folkd.com dan salah satu yang terbaik di indonesia adalah Lintas Berita. Untuk melakukan submit postingan blog ke banyak situs bookmark pastinya akan memakan waktu yang lama, karena itu Backlinks Kingdom mungkin bisa menjadi alternatif cara mudah untuk melakukan submit postingan blog kita langsung ke banyak situs bookmark. Untuk fiturnya, saya tidak akan menjelaskan disini jadi silahkan sobat lihat sendiri langsung di situsnya.

Selamat mencoba untuk submit artikel di Backlinks Kingdom, mudah-mudahan dengan adanya BacklinksKingdom blog sobat akan semakin banyak pengunjungnya dan tentunya backlinks juga semakin banyak untuk blog sobat.

More about → Submit Artikel di Backlinks Kingdom

Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia

Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia - Apakah Anda sedang mencari rumah dan menemui kesulitan? Jika benar maka Anda dapat memanfaatkan jasa Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia. Anda tidak perlu khawatir untuk menggunakan jasa mereka karena nama mereka telah terkenal dan ketenaran nama mereka dapat dipertanggungjawabkan. Century 21 adalah sebuah perusahaan yang menangani jual beli dan sewa rumah di segala lokasi di seluruh Indonesia. Century 21 adalah salah satu perusahaan besar dari beberapa yang ada di dunia dan mereka adalah yang terbaik di Indonesia.

Tentang Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia:

Kemudahan proses dan penggunaan jasa adalah poin penting dari mereka. Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia tidak hanya menjual rumah tetapi juga sekaligus membantu para investor untuk mendapatkan penyewa. Dan begitu pula sebaliknya, mereka juga menerima klien yang sedang mencari rumah dan Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia akan segera mencarikan rumah yang tepat sesuai keinginan klien. Jika Anda ingin mencari rumah, Anda hanya cukup memberikan spesifikasi dan gambaran dari rumah yang Anda inginkan seperti misalnya letak rumah dan tipe rumah kemudian Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia akan segera mencarikan untuk Anda.

Menggunakan jasa dari "Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia" kita tidak perlu sibuk dan turut banyak berpartisipasi untuk mencari rumah dan segala macamnya. Kita hanya perlu menunggu kabar atau jika tidak, kita dapat melihat perkembangan yang terjadi melalui wesite resmi mereka. Bahkan, pada tahun 2010 dan 2011, Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia telah mendapat penghargaan sebagai waralaba penjual terbaik. Jadi, sudah selayaknya Anda mempercayai Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia untuk membantu mencarikan atau menjualkan rumah Anda.

More about → Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia

Google PageRank Update November 2011

Google kembali update pagerank hari ini setelah terakhir update beberapa bulan yang lalu. Seperti biasa melihat kondisi beberapa blog yang saya kelola, saya menemukan beberapa penurunan dan peningkatan. Alhamdulillah, mybloggerthemes.com walaupun tidak naik, setidaknya tetap stabil di angka yang lama, walaupun hati kecil saya ingin adanya peningkatan pada blog tersebut mengingat pasar jualan link yang lumayan susah saat ini.

 

Saya akan jelaskan sedikit kegunaan dari pagerank, selain sebagai jati diri sebuah blog atau gengsi, pagerank sangat berpengaruh buat sobat yang melakukan bisnis jualan link atau paid review. Karena banyak pemasang iklan melihat algoritma yang dibuat oleh google ini, selain jumlah kunjungan tentunya. Jadi, bagi sobat yang serius untuk mencari uang lewat blog, sebaiknya perbanyaklah mencari backlinks. Untuk mencari backlinks, yang paling mudah adalah bertukar link antara sesama blogger, berkomentar di blog dofollow dengan pagerank tinggi dan yang terakhir adalah mendaftarkan blog di situs social bookmark.

 

Dibawah ini akan saya berikan beberapa situs social bookmark buat sobat yang ingin mencari backlinks dan menigkatkan pagerank blog. Semoga bermanfaat !

 

1. Digg.com
2. Stumbleupon.com
3. Delicious.com 
4. Slashdot.org
5. Reddit.com
6. Technorati.com
7. Folkd.com
8. Diigo.com
9. Blinklist.com
10. Bibsonomy.org

Silahkan sobat daftarkan saja blog sobat terlebih dahulu, jika sudah terdaftar baru sobat masukkan url-url postingan sobat satu persatu. Tapi ingat, jangan berlebihan, secukupnya saja dan untuk setiap postingan terbaru, sobat bisa update juga di situs-situs social bookmark tersebut.

 

Maaf saya hanya berikan 10 saja, sisanya silahkan sobat cari sendiri ya 

More about → Google PageRank Update November 2011

Cara Membuat Sub Domain Di GoDaddy

Pada postingan sebelumnya, saya pernah membahas tentang cara membuat custom domain di blogspot. Buat sobat yang belum mempunyai domain sendiri seperti dot com, dot net, dot org dan lain sebagainya, silahkan baca dulu postingan saya tersebut. Jika sudah punya domain sendiri, berikut akan saya jelaskan cara membuat sub domain di GoDaddy.com dengan menggunakan Hosting Blogger.

 

Pengertian dari sub domain adalah bagian dari domain utama atau lebih jelasnya sebagai domain tambahan dari nama domain utama dan bianya sub domain mengikut di depan nama domain utama. Misal nama demo.customdomain.com adalah sub domain dari domain utama customdomain.com, nama demo bisa kita sesuai yang kita inginkan, seperti blog.customdomain.com, forum.customdomain.com atau tutorial.customdomain.com, dsb. Cukup mengerti ya, sekarang saatnya pembuatan sub domain di GoDaddy.com dengan menggunakan Hosting Blogger. Mengapa menggunakan Hosting Blogger? selain gratis, blogger juga mempunyai kapasitas dan kecepatan yang tidak terbatas sehingga sangat mudah pengoperasiannya. Berikut cara pembuatannya :

 

1. Login ke GoDaddy.com
2. Klik ke My Account
3. Pilih Domain sobat yang akan ditambahkan Sub Domain
4. Setelah itu, masuk ke bagian DNS Manager dan klik Lunch
5. Cari tabel CName (Alias) kemudian klik Quick Add
6. Pada kolom Host sobat bisa isi dengan nama sub domain yang di inginkan, misal sobat sudah punya domain dengan nama customdomain.com dan ingin membuat sub domainnya dengan nama �demo.customdomain.com� maka isi pada kolom Host dengan demo
7. Dan pada Points to isi dengan ghs.google.com ( lihat gbr dibawah )
8. Kemudian klik Save Zone.

Pada tahap ini, pembuatan sub domain di Godaddy telah selesai, sekarang tinggal setting di Blogger.

1. Pada halaman Blogger, silahkan sobat klik tab Settings / Setelan
2. Kemudian klik Publishing / Penerbitan
3. Klik Custom Domain / Domain Ubahsuaian
4. Pilih yang Switch to advanced settings / Beralihlah ke setelan lanjut
5. Dan masukkan sub domain yang sudah sobat daftarkan sebelumnya
6. Kemudian masukkan verifikasi kata dan klik Save Setting / Simpan Setelan

Sampai disini selesai sudah proses pembuatan sub domain di GoDaddy dengan menggunakan hosting Blogger. Tunggu beberapa saat sampai blog bisa digunakan dan biasanya memakan waktu beberapa jam tapi menurut pengalaman saya blog langsung dapat digunakan.

 

Selamat mencoba, semoga sukses.

More about → Cara Membuat Sub Domain Di GoDaddy

InBlue Blogger Template

InBlue Blogger Template adalah template blogger dengan style rounded corners atau garis melengkung, memakai 2 kolom dan sidebar pada di sisi kanan. Tampilan background dengan pola gradient biru dan hitam membuat template ini tampak lebih bervariasi dengan warna yang kontras dengan background kolom post dan sidebar.

 

Sedikit tambahan menu di atas header, adalah page list menu atau menu halaman statis yang akan muncul dengan sendirinya ketika sobat membuat halaman statis. Kemudian menu horizontal juga saya sisipkan di bawah header, dan bisa di edit dengan mudah pada elemen halaman tanpa harus masuk ke menu Edit HTML template. Banner dengan ukuran 468x60 juga bisa di tambahkan melalui elemen halaman.

 

• Live Demo
• Download Theme

More about → InBlue Blogger Template

Escarlata Blogger Template

Escarlata Blogger Template adalah sebuah template blogger menggunakan 2 kolom dan sidebar yang terletak disebelah kanan. Template ini juga sangat simple, penggunaan menu horizontal juga sangat mudah. Menu horizontal sengaja saya buat 2 baris untuk melengkapi jumlah url yang mungkin berlebihan atau jumlah halaman statis yang banyak.

 

Tidak banyak fitur di template ini, selain yang sudah saya sebutkan diatas, social bookmark share dan artikel terkait dengan thumbnail juga saya selipkan di halaman post. Google font API yang saya gunakan disini adalah font Droid Sans, membuat template Escarlata menjadi lebih rapi dari segi tulisan pada umunya.

 

• Live Demo
• Download Theme

More about → Escarlata Blogger Template

Simple Box Shadow Blogger Template

Belakangan memang blog ini sedikit terbengkalai, selain kesibukkan saya dikantor yang padat aktifitas, saya juga mengelola beberapa blog sehingga waktu untuk posting juga sangat sedikit. Kali ini saya coba angkat template yang sebenarnya sudah lama saya buat tapi tidak pernah saya posting disini. Simple Box Shadow adalah sebuah template blogger dengan tipe minimalis dan memanfaatkan kode css.

 

Tetap menggunakan kolom terpisah antara postingan dan sidebar, saya masih mengandalkan 3 kolom dibagian footer dan auto readmore juga saya pilih sebagai bagian dari postingan.

 

• Live Demo
• Download Theme

More about → Simple Box Shadow Blogger Template

Penggunaan Google Font API di Blogger

Hal ini sebenarnya sudah pernah saya jelaskan sebelumnya pada artikel Tutorial Penggunaan Google Fonts, namun kebetulan ada yang bertanya mengenai font yang saya gunakan di blog ini jadi tidak ada salahnya saya tulis kembali tutorial ini. Font yang saya gunakan di blog ini adalah Droid Sans, bagi yang belum mengerti silahkan baca kembali postingan saya yang lalu mengenai google fonts. Jika sobat ingin menggunakan font yang lain, silahkan kunjungi langsung Google Web Fonts.

 

Pada halaman depan, silahkan sobat sorting saja berdasarkan Popularity.

 

Setelah itu sobat bisa melihat font yang paling banyak digunakan termasuk 'Droid Sans' yang juga saya gunakan di blog ini, pilih font yang sobat suka dan klik Add to Collection.

 

Jika ingin melihat bentuk tulisan dalam format Paragraph atau Headline, sobat bs klik Review pada tab button yang ada dibagian kanan bawah.

 

Kemudian untuk tahap terakhir, silahkan klik tab button Use pada bagian kanan bawah. Sobat akan mendapatkan kode untuk font yang sebelumnya sudah sobat pilih.

 

Jangan lupa untuk menambahkan tanda [ / ] di akhir kode sehingga menjadi seperti berikut :

<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>

 

Tahap selanjutnya memasukkan kode tersebut ke dalam template blogger, silahkan login ke blogger.

1. Klik Rancangan
2. Kemudian klik Edit HTML
3. Tambahkan kode tersebut sebelum kode </head>, sehingga menjadi seperti :

   <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'/>
   </head>

4. Cari kode css untuk body, contohnya seperti berikut :

   body {
   width: 980px;
   background: #FFF;
   font-size: 13px;
   font-family: 'Droid Sans', verdana, arial;
   text-align: left;
   color: #000;
   margin: 0 auto;
   padding: 0;
   }

5. Perhatikan huruf yang saya tebalkan, itulah kode css yang harus sobat tambahkan.

Kode css tersebut sengaja saya letakkan dibagian body, sehingga font seluruh isi blog akan berubah menjadi Droid Sans. Jika sobat menemukan kode font : verdana, arial, trebuchet ms dan sebagainya dibagian css yang lain silahkan hapus saja, misal seperti ini :

 

.post {
text-align: left;
background: #FFF;
font-family: arial, verdana;
border: 1px solid #CCC;
margin-bottom: 10px;
padding: 10px 10px 0;
}

 

Baiklah selamat mencoba, semoga bermanfaat !

More about → Penggunaan Google Font API di Blogger

Google Plus Situs Jejaring Sosial Terbaru

Saat ini dunia komunikasi semakin canggih dan komunikatif, hampir semua informasi dan gadget bisa kita dapat dengan mudah di internet. Dan orang-orang hebat pengembang situs jejaring sosial pun mulai mengembangkan fitur-fitur pada situs mereka, bahkan sampai saling sikut katanya sudah biasa demi kemajuan dan keperkasaan situs yang mereka kelola. Apalagi kalau bukan karena nama agar dunia lebih menghormatinya.

 

Konon kehadiran Google plus menjadi ancaman serius bagi situs-situs jejaring sosial lainnya, khusunya Facebook yang sampai saat ini masih merajai dunia jejaring sosial walaupun beberapa waktu yang lalu Twitter masuk ke dunia maya, tetapi Facebook masih menjadi situs jejaring dengan pengguna terbanyak.

 

Kembali ke Google Plus atau yang biasa disebut �G plus�, oleh Larry Page (CEO of Google) diklaim akan menjadi situs jejaring sosial terbesar dan terlengkap fitur-fiturnya. Untuk itu, silahkan sobat sendiri yang menilai ketika masuk dan bermain di G Plus. Karena menurut saya, nilai plus minus pasti ada tergantung penggunanya. Mirip dengan Facebook, tampilan juga tidak terlalu jauh berbeda, mungkin beberapa fitur unggulan G Plus yang sedikit menambah nilai plus.

 

Beberapa fitur tersebut antara lain :

1. Circle : Ketika sobat masuk, sobat bisa mengelompokkan teman berdasarkan kategori sobat, misal teman nongkrong di lingkaran satu, keluarga di lingkaran dua dan teman kerja di lingkaran tiga, dst.
2. Hangout : memungkinkan sobat untuk bertatap muka langsung melalui chat online atau webcam chat, sobat juga dapat mengatur untuk berbicara dengan beberapa orang sekaligus.
3. Sparks : disini sobat dapat mengambil video atau artikel berdasarkan minat sobat, dan bisa menyimpannya sebagai favorit di profil sobat. 

Saat ini, Google Plus masih terbatas pada pengguna akun Gmail saja, karena Google Plus masih dalam tahap pengembangan. Jadi untuk pengguna email lainnya, harap bersabar.

More about → Google Plus Situs Jejaring Sosial Terbaru

Google Update Pagerank

Hari ini google update pagerank, kira-kira seperti itu yang saya lihat ketika beberapa blog saya mengalami perubahan angka pada pagerank. Seperti biasa google update pada saat yang tidak di duga-duga, dan memang belakangan google sudah tidak teratur dalam melakukan update pagerank. Ada suka ada duka, buat yang PR nya turun jangan kecewa, semoga di update berikut bisa naik lagi dan buat yang naik jangan terlalu besar hati, karena pagerank memang bukan satu-satunya tolak ukur kesuksesan sebuah blog/web, masih banyak tolak ukur untuk menilai kesuksesan sebuah blog.

 

Beberapa blog saya juga ada yang turun termasuk blog ini, namun ada juga yang bisa membuat saya senang karena www.mybloggerthemes.com akhirnya bisa naik kelas. Semoga sukses buat semua yang naik peringkat, dan buat yang turun jangan kecewa. Tetaplah menulis dengan gayamu dan jangan pernah melakukan copy paste, karena itu akan sangat buruk di mata google.

More about → Google Update Pagerank

Membuat Label Dengan Thumbnail Hover

Label yang selama ini sering kita jumpai bentuknya hanya berupa tulisan saja, itupun sudah ada dalam fasilitas menu di blogger. Bagaimana jika mengganti label dengan thumbnail atau gambar dari postingan? caranya sangat mudah, hanya manambahkan sedikit kode css dan javascript maka label dengan thumbnail akan menghiasi blog sobat. Kali ini saya coba berikan tutorial blog tentang label dengan thumbnail hover.

 

Penulisan label juga harus sesuai dengan yang ada di blog sobat, seperti besar kecilnya huruf juga sangat memperangaruhi. Untuk memulainya, ada baiknya sobat backup terlebih dahulu templatenya dengan masuk ke Rancangan �> Edit HTML �> Download Template Lengkap.

 

1. Tambahkan kode css berikut diatas / sebelum kode ]]></b:skin> : 

   img.label_thumb {

   float:left;

   padding:3px;

   background:#CCC;

   border:1px solid #A4A4A4;

   width:100px;

   height:75px;

   margin-right:10px;

   margin-top:10px }

    
   img.label_thumb:hover {

   opacity:0.8;

   filter:alpha(opacity=80);

   -moz-opacity:0.80;

   -khtml-opacity:0.8 }

2. Kemudian tambahkan kode script berikut dibawah / setelah kode ]]></b:skin> : 

   <script type='text/javascript'>
   //<![CDATA[
   function labelthumbs(json){document.write('<div>');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='';}
   document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
   if(i!=(numposts-1))
   document.write('');}
   document.write('</div>');}
   //]]>
   </script>

3. Simpan Template.
4. Masuk ke Elemen Laman �> Tata Letak
5. Pilih salah satu gadget yang ingin sobat masukkan label, kemudian klik Tambah Gadget dan pilih yang HTML/Javascript.
6. Kemudian masukkan kode berikut kedalamnya :

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

 

Keterangan :

• Tulisan yang berwarna hijau adalah lebar dan tinggi thumbnail, sobat bisa sesuaikan dengan lebar widget template sobat.
• Tulisan yang berwarna biru untuk jumlah label yang akan di tampilkan.
• Dan tulisan yang berwarna merah untuk label yang akan sobat tampilkan, jangan sampai salah menulis labelnya, besar kecilnya huruf juga sangat mempengaruhi.

Sekian saja tips dari saya, semoga bermanfaat.

More about → Membuat Label Dengan Thumbnail Hover

Modifikasi Followers

Sudah hampir sebulan saya tidak update blog ini, di samping kesibukkan saya di luar saya juga cukup kelelahan mengurus blog-blog saya yang lain. Muncul lagi dengan tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger.

 

Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript. Abaikan tutorial ini jika sobat menggunakan template minima atau template bawaan blogger.

 

Jika sobat menggunakan custom template, maka untuk mengedit link, warna text dan border akan mengalami kesulitan. Untuk itu kita coba menambahkan border dan mengedit sedikit warna pada followers, link color, text color, background color dan border color. untuk memulainya, silahkan sobat login ke blogger.

• Masuk ke Rancangan
• Klik Elemen Laman
• Pilih Tambah Gadget
• Klik yang HTML/JavaScript
• Kemudian masukkan kode followers dibawah ini :

  <script src="http://www.google.com/friendconnect/script/friendconnect.js" type="text/javascript"></script>

  <!-- Define the div tag where the gadget will be inserted. -->
  <div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></div>
  <!-- Render the gadget into a div. -->
  <script type="text/javascript">
  var skin = {};
  skin['BORDER_COLOR'] = '#dedede';
  skin['ENDCAP_BG_COLOR'] = '#f0f0f0';
  skin['ENDCAP_TEXT_COLOR'] = '#444';
  skin['ENDCAP_LINK_COLOR'] = '#444';
  skin['ALTERNATE_BG_COLOR'] = '#fff';
  skin['CONTENT_BG_COLOR'] = '#f9f9f9';
  skin['CONTENT_LINK_COLOR'] = '#444';
  skin['CONTENT_TEXT_COLOR'] = '#444';
  skin['CONTENT_SECONDARY_LINK_COLOR'] = '#444';
  skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#444';
  skin['CONTENT_HEADLINE_COLOR'] = '#444';
  skin['NUMBER_ROWS'] = '3';
  google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
  google.friendconnect.container.renderMembersGadget(
  { id: 'div-eknxr14kfzlq',
     site: '06215030860304111239' },
    skin);
  </script>

• Ganti kode yang berwarna merah dan ungu dengan kode id blog sobat
• Simpan.

 

Keterangan :

1. untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
2. Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
3. Untuk mencari kode yang berwarna merah dan ungu, jika sebelumnya sobat sudah memasang widget followers, maka sobat bisa klik kanan pada halaman blog kemudian klik �view page source� lalu klik CTRL+F dan ketik saja followers. Dari situ sobat dapat melihat kode id dan site dari blog sobat.

More about → Modifikasi Followers

Verde Arriba Blogger Template

Template ini sebenarnya sudah saya publikasikan di www.mybloggerthemes.com semiggu yang lalu, tapi baru sempat saya tulis disini. Verde Arriba saya ambil dari bahasa galician yang artinya hijau atas, karena memang template ini sengaja saya pasang widget dengan background hijau dibagian atas. Widget tersebut berisi link navigasi, search form, slider menu dan widget bebas berukuran 420 x 290 yang bisa diisi dengan html/javascript atau cocok untuk popular post seperti demonya.

 

Untuk yang lain, tidak banyak perbedaan dengan template-template sebelumnya. Seperti kolom di bagian footer yang berisi 3 kolom, hanya sedikit perubahan pada bagian warna dan tulisan. Untuk navigasi di bagian atas bisa sobat isi langsung di Elemen Laman �> Top Menu. Slider menu bisa di edit dengan membaca petunjuk yang saya sertakan di link downloadnya. Semoga bermanfaat dan bisa menjadi alternatif pilihan untuk blog sobat.

 

• Live Demo
• Download Theme

More about → Verde Arriba Blogger Template

Backlink Gratis Dari Social Monkee

Beberapa hari yang lalu, saya mendapat bocoran dari senior saya kang Rohman dari blognya kolom-tutorial yang menulis tentang free backlink tool. Saya hanya meneruskan postingan ini buat sobat setia pengunjung blog tutorial. Mungkin ada beberapa yang sudah tau akan hal ini, namun tak ada salahnya saya berbagi sedikit tips untuk mendapatkan backlink gratis dengan cara yang sangat mudah. Apa sih Social Monkee itu? Social Monkee adalah sebuah layanan Free Backlink Tool.

 

Social Monkee adalah sebuah situs yang memberikan layanan submit artikel secara otomatis ke banyak situs Social Bookmark (dofollow). Social Monkee terbagi menjadi 2 account, free account dan premium account. Untuk Free account, kita hanya diperbolehkan mensubmit link dari artikel/post blog kita 1 kali dalam sehari, dan langsung tersebar ke 25 situs Social Bookmark. Sedangkan untuk Premium account, sobat diperbolehkan mensubmit sebanyak 3 kali dalam sehari dan setiap artikel/post yang kita submit akan di teruskan oleh Social Monkee ke 100 situs Social Bookmark lainnya. Dengan kata lain, jika kita mensubmit sebanyak 3 kali, maka kita akan mendapat backlink gratis sebanyak 300 setiap harinya.

 

Tapi sayangnya harga yang ditawarkan untuk menjadi Premium account adalah $47 sekali seumur hidup, cukup mahal ya tapi jangan khawatir Social Monkee memberikan kita ganti dari harga tersebut yaitu dengan mencari referral sebanyak 12 orang, maka kita bisa menjadi Premium account. Pilihan ke-2 tentu lebih ringan, ketimbang harus membayar sebesar $47.

 

Silahkan langsung saja kunjungi situs Social Monkee, daftar saja mumpung gratis. Semoga berhasil dan submit artikel blog sobat secara berkala agar bisa dapat backlink yang banyak. Karena backlink erat sekali hubungannya dengan PageRank, cari backlink sebanyak-banyaknya untuk menaikkan PageRank blog. PageRank blog tinggi, bisnis lancar.

More about → Backlink Gratis Dari Social Monkee

Monago Blogger Template

Kembali lagi dengan blogger template, kali ini saya beri nama Monago Blogger Template. Asal usul nama ini saya ambil secara acak saja, untuk arti jelas tidak ada sama sekali. Monago Blogger Template memiliki 1 kolom sidebar di sebelah kanan, 3 kolom di bagian footer, 2 page navigasi (menu di bagian atas template), banner di sebelah kanan header dengan ukuran 468 x 60.

 

Sementara untuk related posts atau artikel terkait sengaja tidak saya pasang di template ini karena selera pengguna yang berbeda-beda, ada yang suka dan ada pula yang tidak suka sehingga kerepotan untuk menghapus widget tersebut. Untuk yang lain-lain tidak banyak yang istimewa, hanya warna putih dibagian utama template, hitam sebagai background body. Dan widget popular posts yang sudah saya modifikasi sehingga bentuknya yang lebih baik ketimbang widget popular posts yang tidak di modifikasi, bisa dilihat di demo template.

 

• Live Demo
• Download Theme

More about → Monago Blogger Template

Vudion Blogger Template

Vudion blogger template adalah lanjutan atau variasi dari template azure yang baru saja saya publikasikan. Secara garis besar kedua template ini sama, hanya saja ada beberapa bagian yang mengalami penambahan dan pengurangan. Salah satunya adalah jumlah kolom dalam Vudion yang berjumlah 3. Di Vudion saya hapus navigasi halaman yang ada di bawah postingan, karena ada beberapa sobat blogger yang masih kebingungan cara mengaturnya, maka dari itu saya kembalikan ke bentuk standart.

 

Saya juga mengganti header dan footer dengan warna sedikit lebih tua dibanding Azure. Link navigasi juga saya pindah diatas header menyesuaikan bentuk background template. Dan beberapa bagian seperti border, post footer dan title sidebar saya ubah sedikit. Semoga tertarik !

 

• Live Demo
• Download Theme

More about → Vudion Blogger Template

Azure Blogger Template

Rasanya cukup lama juga saya tidak membuat template blogger, terakhir kali saya membuat jampete awal desember 2010. Sedikit semangat disela-sela kesibukkan saya mengurus mybloggerthemes.com, saya sempatkan membuat azure blogger template. Saya beri nama azure karena sesuai warnanya yaitu biru. Template ini menggunakan model magazine, saya coba tambahkan auto readmore, related posts with thumbnail, dan share button di setiap postingan.

 

Saya juga tambahkan social media icon (twitter dan facebook) dan banner 125 x 125 yang siap digunakan dan widget untuk banner ukuran 468 x 60 di bagian header. Footer columns yang menjadi andalan saya, juga saya masukkan di azure. Columns di bagian footer ini saya buat 100% dengan float tengah jadi jika manggunakan resolusi komputer yang besar maka bagian footernya akan tampak lebar sejajar dengan headernya.

 

 

• Live Demo
• Download Theme

More about → Azure Blogger Template

Google Update Pagerank, Apa Benar?

Apa benar google sudah update? saya juga masih ragu atau saya yang ketinggalan berita. Lama tidak melihat blog zone, blog yang sudah tidak terurus lagi, blog amburadul yang tidak jelas mau dibawa kemana ternyata naik peringkat jadi 4. Untuk mengecek kapan terakhir google update, sobat bisa melihat di http://googlepagerankupdate.com dan ternyata memang google terakhir update tgl 2 april 2010. Lalu kenapa blog zone naik jadi 4 ya? berarti google hanya melakukan update minor ! saya tanya sama teman saya si beben , aisss ternyata dia lagi bengong online sendirian di blognya kang rohman.

 

Bicara masalah pagerank, situasi jual beli link mungkin kembali memperhitungkan yang satu ini. Seperti biasa, blogger-blogger yang maniak uang kembali berseri-seri jika blog mereka naik pangkat, paid review dan jualan link jadi seru lagi.

 

Biar sajalah yang mau bisnis ya bisnis, yang mau iseng ya silahkan teruskan berkreasi untuk blognya. Selamat buat yang naik, yang turun jangan kecewa, kita tunggu update yang sesungguhnya dari google, biasanya beberapa minggu setelah minor google akan update keseluran.

More about → Google Update Pagerank, Apa Benar?

Tutorial Singkat CSS Box Shadow

Kembali lagi dengan pelajaran seputar css, dan kali ini saya akan berikan tutorial singkat tentang css box shadow. Box shadow ini dapat sobat gunakan pada kotak postingan, sidebar atau dapat juga sobat gunakan sebagai pemanis dalam artikel blog sobat. Seperti contoh dibawah ini :

 

Support Firefox, Safari, Chrome, Opera dan IE9

kode css untuk contoh diatas adalah : 

#contoh {

-moz-box-shadow: 10px 10px 5px #222;

-webkit-box-shadow: 10px 10px 5px #222;

box-shadow: 10px 10px 5px #222;

}

 

Adapun 4 bagian yang terdapat dalam box shadow adalah :

• Horizontal offset : Jika nilainya positif maka bayangan akan berada disebelah kanan kotak, dan jika negatif maka bayangan akan berada disebelah kiri kotak.
• Vertikal offset : Jika nilainya positif maka bayangan akan berada dibawah kotak, dan jika negatif maka bayangan akan berada diatas kotak.
• Blur radius : Jika nol maka akan seperti bayangan biasa, dan jika nilainya semakin besar maka bayangan akan tampak menjadi blur.
• Warna dari bayangan. 

 

Berikut 6 contoh css box shadow yang bisa sobat pelajari dan gunakan :

 

A	B	C
D	E	F

 

Kode css untuk ke-6 contoh box shadow diatas adalah :

 

#Contoh_A {
-moz-box-shadow: -5px -5px #222;
-webkit-box-shadow: -5px -5px #222;
box-shadow: -5px -5px #222;
}

 

#Contoh_B {
-moz-box-shadow: -5px -5px 5px #222;
-webkit-box-shadow: -5px -5px 5px #222;
box-shadow: -5px -5px 5px #222;
}

 

#Contoh_C {
-moz-box-shadow: -5px -5px 0 5px #222;
-webkit-box-shadow: -5px -5px 0 5px #222;
box-shadow: -5px -5px 0 5px #222;
}

 

#Contoh_D {
-moz-box-shadow: -5px -5px 5px 5px #222;
-webkit-box-shadow: -5px -5px 5px 5px #222;
box-shadow: -5px -5px 5px 5px #222;
}

 

#Contoh_E {
-moz-box-shadow: 0 0 5px #222;
-webkit-box-shadow: 0 0 5px #222;
box-shadow: 0 0 5px #222;
}

 

#Contoh_F {
-moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px #222;
box-shadow: 0 0 5px 5px #222;
}

 

Jika sobat ingin menambahkan box shadow pada kotak postingan sobat, maka cari saja kode seperti di templates sobat :

 

.Post {����������dst

}

 

kemudian tambahkan salah satu kode diatas sehingga hasilnya kurang lebih akan seperti ini :

 

.post {��������;

-moz-box-shadow: 0 0 5px 5px #222;
-webkit-box-shadow: 0 0 5px 5px #222;
box-shadow: 0 0 5px 5px #222;
}

 

Bagaimana jika bayangan berada didalam kotak (inner shadow), yang harus sobat tambahkan hanya kode inset pada setiap bagian, contoh :

 

F

 

dan kodenya adalah :

 

#Contoh_F {
-moz-box-shadow: inset 0 0 5px 5px #222;
-webkit-box-shadow: inset 0 0 5px 5px #222;
box-shadow: inset 0 0 5px 5px #222;
}

 

Css box shadow bekerja sempurna pada browser mozilla firefox, untuk browser lain hanya beberapa saja yang dapat berfungsi dengan sempurna. Semoga bermanfaat .. tetap belajar ya biar tambah pintar 

More about → Tutorial Singkat CSS Box Shadow