Tutorial Blogspot

BlueSapphire Blogger Template

2012-01-29T02:15:00.002+07:00

BlueSapphire Blogger Template adalah sebuah template blogger dengan menggunakan 2 kolom dan sidebar yang terletak disebelah kanan template. Menggunakan warna dasar abu-abu pada bagian body dan putih pada bagian utama template, dibagian atas terdapat menu horizontal dengan warna biru ditambah sedikit sentuhan border putih. Dibawah header saya tambahkan menu halaman statis yang akan muncul dengan sendirinya ketika kita membuat halaman statis di blog kita dan disebelah kanannya saya tambahkan search widget.

Template ini tidak memiliki auto readmore, hanya saja tambahan 4 kolom dibagian footer membuat template ini mempunyai space widget lebih banyak yang mungkin bisa digunakan untuk follower, blogroll atau labels. Disebelah kanan header saya tambahkan space untuk banner 468x60 dan font yang saya pakai disini adalah "Droid Sans" sedikit berbeda dengan font standart. Semoga bermanfaat dan mohon untuk memberi klik di tombol google plus jika sobat ingin membantu mempromosikannya (sukarela saja).

Bacen Blogger Template

2012-01-29T01:25:00.009+07:00

Bacen Blogger Template saya buat pada bulan november 2011 dan sudah saya publikasikan di mybloggerthemes.com saat itu juga, namun baru saya posting hari ini. Template ini sangat sederhana baik dari bentuk maupun pewarnaan, memiliki 3 kolom dan sidebar yang terletak disisi kiri dengan lebar 145px dan disebelah kanan dengan lebar 280px. Tidak banyak fitur pada template ini, entah kenapa banyak saja yang menggunakannya. Mungkin karena bentuknya yang sederhana, membuat template ini juga digemari blogger-blogger dari luar indonesia.

Font yang saya gunakan disini relative lebih kecil dari biasanya, untuk memuat sidebar disisi kiri yang space-nya kecil agar lebih seimbang, dan tambahan menu horizontal dibawah header sebagai pelengkap template ini. Yah hanya itu sedikit fitur pada template ini, semoga berguna atau sekedar menambah koleksi template blogger sobat.

Threaded Comments Untuk Komentar Blogger

2011-12-28T01:05:00.008+07:00

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 miscah. 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.

Masuk ke Rancangan
Klik tab Edit HTML
Jangan lupa backup template terlebih dahulu.
Klik Expand Template Widget

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}

Letakkan kode berikut sebelum </body> :

&lt;script type="text/javascript"&gt;&lt;!--
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&lt;_0x4f09x2?_0x7bf4[4]:_0x4f09x5(parseInt(_0x4f09x3/_0x4f09x2)))+((_0x4f09x3=_0x4f09x3%_0x4f09x2)&gt;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,{}));
--&gt;&lt;/script&gt;

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

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

Kemudian cari kode seperti dibawah ini :
<b:includable id='comments' var='post'>
disini letak kode baru
</b:includable>

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>

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

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

Submit Artikel di Backlinks Kingdom

2011-11-25T23:07:00.001+07:00

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.

Century 21 Broker Properti Jual Beli Sewa Rumah Indonesia

2011-11-14T07:06:00.012+07:00

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.

Google PageRank Update November 2011

2011-11-08T22:59:00.001+07:00

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 !

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

Cara Membuat Sub Domain Di GoDaddy

2011-10-18T22:01:00.001+07:00

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 :

Login ke GoDaddy.com
Klik ke My Account
Pilih Domain sobat yang akan ditambahkan Sub Domain
Setelah itu, masuk ke bagian DNS Manager dan klik Lunch
Cari tabel CName (Alias) kemudian klik Quick Add
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
Dan pada Points to isi dengan ghs.google.com ( lihat gbr dibawah )
Kemudian klik Save Zone.

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

Pada halaman Blogger, silahkan sobat klik tab Settings / Setelan
Kemudian klik Publishing / Penerbitan
Klik Custom Domain / Domain Ubahsuaian
Pilih yang Switch to advanced settings / Beralihlah ke setelan lanjut
Dan masukkan sub domain yang sudah sobat daftarkan sebelumnya
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.

InBlue Blogger Template

2011-10-08T22:05:00.001+07:00

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.

Escarlata Blogger Template

2011-10-08T21:35:00.001+07:00

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.

Simple Box Shadow Blogger Template

2011-09-27T00:18:00.001+07:00

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.

Penggunaan Google Font API di Blogger

2011-08-16T23:30:00.001+07:00

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.

Klik Rancangan
Kemudian klik Edit HTML
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>
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;
}
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 !

Google Plus Situs Jejaring Sosial Terbaru

2011-07-21T21:39:00.001+07:00

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 :

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.
Hangout : memungkinkan sobat untuk bertatap muka langsung melalui chat online atau webcam chat, sobat juga dapat mengatur untuk berbicara dengan beberapa orang sekaligus.
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.

Google Update Pagerank

2011-06-27T23:42:00.001+07:00

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.

Membuat Label Dengan Thumbnail Hover

2011-06-02T00:55:00.001+07:00

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.

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 }
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>
Simpan Template.
Masuk ke Elemen Laman –> Tata Letak
Pilih salah satu gadget yang ingin sobat masukkan label, kemudian klik Tambah Gadget dan pilih yang HTML/Javascript.
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.

Modifikasi Followers

2011-04-22T08:15:00.001+07:00

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>


<div id="div-eknxr14kfzlq" style="width:280px;border:1px solid #cccccc;"></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 :

untuk kode yang saya tebalkan bisa sobat ganti sesuai dengan warna dan lebar widget blog sobat.
Kode yang berwarna biru sesuaikan dengan lebar widget template sobat.
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.

Verde Arriba Blogger Template

2011-03-26T21:54:00.001+07:00

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.

Backlink Gratis Dari Social Monkee

2011-03-07T23:54:00.001+07:00

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.

Monago Blogger Template

2011-02-27T08:38:00.001+07:00

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.

Vudion Blogger Template

2011-02-13T03:01:00.001+07:00

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 !

Azure Blogger Template

2011-02-09T17:01:00.001+07:00

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.

Google Update Pagerank, Apa Benar?

2011-01-21T00:18:00.001+07:00

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.

Tutorial Singkat CSS Box Shadow

2011-01-13T22:54:00.001+07:00

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 :

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

Koleksi Icon Social Bookmark

2010-12-30T00:40:00.001+07:00

Dibawah ini ada beberapa koleksi icon-icon social bookmark dengan kualitas bagus yang bisa sobat jadikan koleksi. Icon merupakan bagian dari blog yang juga perlu kita perhatikan, selain mengundang minat pengunjung, icon juga bisa melambangkan pribadi seseorang. Buat sobat yang kehabisan ide untuk mempercantik blog, mungkin icon-icon ini bisa menjadi alternatif. Berikut icon-icon social bookmarknya.

Google Rilis Top Searching di Tahun 2010

2010-12-26T21:44:00.001+07:00

Setelah sekian lama saya mengistirahatkan blog ini, akhirnya saya kembali mencoba menulis lagi dengan informasi ringan tentang top searching google di tahun 2010. Ada yang menanjak naik drastis dan stabil, ada pula yang naik drastis dan menghilang dengan cepat. Hal ini sebagai upaya google untuk memberikan informasi buat pengguna internet yang sebagian besar juga pemilik website atau blog seperti kita agar bisa lebih selektif dalam memilih kata kunci.

Sebagai contoh, pencarian di bidang entertainment :

justin bieber
shakira
eminem
netflix
youtube videos
lady gaga
kesha
nicki minaj
grooveshark
transformers 3

atau, pencarian di bidang olahraga :

mundial 2010
olympics
espn3
fifa 11
randy moss
miami heat
mourinho
wayne rooney
cricket live score
david villa

dan masih banyak lagi daftar pencarian terbaik tahun 2010. Silahkan di cek sendiri, semoga informasi ringan ini bisa bermanfaat.

Jampete Blogger Template

2010-12-06T01:04:00.001+07:00

Jampete blogger template adalah template blogger yang sengaja saya buat dengan desain sederhana. Sama halnya dengan template green hurdico dan green spitial, jampete sengaja saya buat dengan kolom terpisah antara postingan dan sidebar. Dan seperti biasa 3 kolom pada bagian footer menjadi alternatif untuk meletakkan widget-widget yang berlebihan juga saya tambahkan pada jampete.

Berbeda dari template-template sebelumnya, kali ini saya coba tambahkan slider menu pada bagian atas. Namun begitu slider menu tersebut tidak mutlak harus digunakan karena saya memberikan 2 pilihan yaitu jampete full version (dengan slider menu) dan jampete biasa (tanpa slider menu). Untuk itu, jika slider tersebut terasa berat maka bisa menggunakan jampete versi biasa.

Adapun fitur-fitur pada template ini antara lain :

2 kolom utama (post dan sidebar), menu 1 yang letaknya diatas header, banner dengan ukuran 468 x 60 pada bagian header, menu 2 diatas kolom postingan dan tentunya slider menu serta 3 kolom pada bagian footer.

Semoga tertarik dan tak lupa saya ucapkan banyak terima kasih buat sobat yang selama ini sudah menggunakan template-template buatan saya.

Cara Pasang Slidshow di Blog

2010-11-24T02:38:00.001+07:00

Kali ini saya akan berikan tutorial cara pasang slidshow di blog. Saya mengambil kode yang paling sederhana dengan menu slidshow yang juga sangat sederhana. Slidshow sendiri fungsinya sebagai navigasi link yang biasanya diletakkan dibawah header, dan selalu menampilkan gambar sebagai pemanis agar pengunjung tertarik untuk mengklik isi yang dimaksud. Untuk demo saya gunakan template gris-amarillo dan meletakkannya di dalam main post, silahkan cek disini.

Kode css yang akan saya berikan tidak mutlak harus sama, karena setiap template pasti berbeda terutama dalam tutorial ini adalah lebar kolom postingan. Untuk demo saya gunakan template yang lebar postingannya kurang lebih 540px. Buat sobat yang memiliki lebar kolom post lebih atau kurang dari 540px silahkan disesuaikan saja.

Masuk ke Edit HTML.
Jangan klik Expand Template Widget karena akan membuat sobat jadi pusing dengan kode yang panjang.
Copas kode berikut diatas kode ]]></b:skin>

/* SLIDESHOW */
#slider-holder{width:540px;height:300px;overflow:hidden;margin-left:-15px;padding:0}
#s3slider{width:540px;height:300px;position:relative;overflow:hidden}
#s3sliderContent{width:540px;position:absolute;top:0;margin-left:0}
.s3sliderImage{float:left;position:relative;display:none}
.s3sliderImage span{position:absolute;left:0;font-weight:700;font-size:12px;color:#fff;height:70px;width:540px;background-color:#4e4d3c;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;bottom:0;padding:10px}
.s3sliderImage span a.featured-title:link,.s3sliderImage span a.featured-title:visited{color:#FFF;font-size:14px;padding:0 0 2px}
.s3sliderImage span a.featured-title:hover{color:#999}
.s3sliderImage span a:link,.s3sliderImage span a:visited{color:#888}
.s3sliderImage span a:hover{color:#555}
Kemudian copas kode berikut diatas kode </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
<![CDATA[//><!]]></script>

<script type='text/javascript'>
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: 4000
});
});
</script>
Setelah itu siapkan gambar dan url yang akan ditampilkan dalam menu slideshow, jika sudah ada gambar dan url-nya, silahkan sobat copas kode berikut setelah kode <div id='main-wrapper'>

<div id='slider-holder'>
<div id='s3slider'>
<ul id='s3sliderContent'>

<li class='s3sliderImage' style='display: list-item;'>
<a href='LETAK LINK DISINI 1'><img src='http://4.bp.blogspot.com/_-oSBOVNdtsg/TNQ5f7zGN2I/AAAAAAAAAI8/0EtNG4JD8gI/s1600/2.jpg' style='width: 540px; height: 300px;'/></a>
<span style='display: block;'>
<a class='featured-title block' href='LETAK LINK DISINI 1'>JUDUL POST 1</a><br/>
Isi diskripsi tentang gambar diatas
</span>

</li>

<li class='s3sliderImage' style='display: none;'>
<a href='LETAK LINK DISINI 2'><img src='http://4.bp.blogspot.com/_-oSBOVNdtsg/TNQ5gKhdH1I/AAAAAAAAAJM/vQon_Uu0Ntg/s1600/4.jpg' style='width: 540px; height: 300px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='LETAK LINK DISINI 2'>JUDUL POST 2</a><br/>
Isi diskripsi tentang gambar diatas
</span>
</li>

<li class='s3sliderImage' style='display: none;'>
<a href='LETAK LINK DISINI 3'><img src='http://4.bp.blogspot.com/__Ue-P3hoW1M/TM2c9Ye_X_I/AAAAAAAABNo/jpQh0WlWzvs/s1600/2.jpg' style='width: 540px; height: 300px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='LETAK LINK DISINI 3'>JUDUL POST 3</a><br/>
Isi diskripsi tentang gambar diatas
</span>
</li>

<li class='s3sliderImage' style='display: none;'>
<a href='LETAK LINK DISINI 4'><img src='http://3.bp.blogspot.com/__Ue-P3hoW1M/TM2c9ujd4EI/AAAAAAAABNw/dE2qWy2YxMw/s1600/3.jpg' style='width: 540px; height: 300px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='LETAK LINK DISINI 4'>JUDUL POST 4</a><br/>
Isi diskripsi tentang gambar diatas
</span>
</li>

<li class='s3sliderImage' style='display: none;'>
<a href='LETAK LINK DISINI 5'><img src='http://3.bp.blogspot.com/__Ue-P3hoW1M/TM2c9waMz1I/AAAAAAAABN4/SwlhrFC60t8/s1600/4.jpg' style='width: 540px; height: 300px;'/></a>
<span style='display: none;'>
<a class='featured-title block' href='LETAK LINK DISINI 5'>JUDUL POST 5</a><br/>
Isi diskripsi tentang gambar diatas
</span>
</li>

<li class='clear s3sliderImage'/>

</ul>
</div>
</div>
Simpan Template

Keterangan :

Perhatikan lebar 540px, silahkan sesuaikan saja dengan lebar post template sobat.
Lihat tulisan yang berwarna ungu pada kode css-nya, saya gunakan margin-left:-15px karena menyesuaikan dengan demo template yang saya gunakan.
Kode yang berwarna pink adalah kode url untuk gambar yang sudah sobat upload sebelumnya.
dan kode dengan tulisan tebal pastinya bisa dimengerti dan jelas saya tulis disitu.

Cukup panjang, semoga berhasil ya !

Alakadarnya Blogger Template

2010-11-21T22:35:00.001+07:00

Alakadarnya blogger template adalah sebuah template yang memang alakadarnya dan seadanya. Itulah sebabnya mengapa saya beri nama template ini dengan nama alakadarnya. Mengusung tema yang sama dengan sebelumnya, saya coba berikan template blogger sederhana namun tampak menarik dengan sedikit sentuhan garis lengkung pada setiap sisi. Saya berikan juga tambahan padding sebesar 20px pada garis tepi sehingga tampak seperti border.

Template ini memiliki 2 kolom, 1 kolom postingan dan 1 kolom sidebar yang terletak di sebelah kanan. Dan tambahan 3 kolom footer membuat alakadarnya memiliki banyak tempat untuk meletakan widget atau link. Selain itu saya tambahkan warna kontras merah pada menu horizontal, dan hover gelap selaras dengan bagian utama template. Kemudian tambahan banner ukuran 468 x 60 pada bagian header yang merupakan kebutuhan kebanyakan blogger untuk memasang banner mereka. Saya rasa itu saja penjelasan tentang Alakadarnya blogger template, semoga tertarik.

Update Post Ke Twitter Via FeedBurner

2010-11-13T15:32:00.001+07:00

Untuk meningkatkan pengunjung blog, update postingan ke situs-situs social bookmark merupakan hal yang mutlak dilakukan. Seperti update post di facebook, twitter juga tempat yang wajib kita isi dengan postingan-postingan blog kita. Untuk itu ada cara mudah melakukannya tanpa harus menulis manual di twitter, yaitu dengan menggunakan jasa feedburner.

Pertama-tama yang harus sobat lakukan adalah mendaftar di feedburner, kemudian isi dengan url atau feed blog sobat. Jika sudah, sekarang tinggal setting sedikit pada bagian social bookmark.

Klik pada link yang sudah sobat daftarkan sebelumnya.
Kemudian klik pada tab Publicize.
Klik pada Socialize pada bagian samping.
Masukkan account twitter sobat dengan mengklik Add a Twitter account.
Login dengan account twitter sobat.
Kemudian perhatikan tampilan format yang akan ditampilkan dalam postingan di twitter.
Pada bagian Post content ganti dengan Title and Body untuk menampilkan judul dan isi post.
Jika sudah selesai, maka klik Active pada bagian paling bawah.

Selamat mencoba !

Cara Membuat Tulisan Besar Pada Awal Postingan

2010-11-06T23:52:00.001+07:00

Kemarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini. Saya agak lupa apakah pernah menulis tutorial huruf besar pada awal postingan ini, jadi semalam saya bongkar-bongkar lagi semua judul post dan ternyata memang belum pernah saya tulis mengenai hal ini.

Sekedar info buat yang baru, huruf ini akan tampil besar dan berbeda sendiri dengan huruf lain yang ada di blog kita. Biasanya bisa kita lihat di koran atau majalah. Untuk membuatnya sangat mudah, karena hanya butuh satu kode css dan sedikit sentuhan pada saat membuat postingan.

Setelah masuk blogger, silahkan klik Edit HTML.
Tambahkan kode berikut sebelum kode ]]>< /b:skin>

.huruf {
float:left;
color:#000;
line-height:60px;
padding-right:5px;
font-family:trebuchet ms,verdana;
font-size:60px;
}
Simpan Template.

Cara Posting

Tambahkan kode <span class="huruf"> sebelum huruf pertama dan </span> setelahnya. Contohnya seperti ini :

<span class="huruf">K</span>emarin saya mendapat email dari sobat johan yang menanyakan perihal membuat huruf yang besar pada awal postingan. Sebenarnya jika ingin tau bisa saja searching di google tentang hal ini karena memang sangat banyak bloggers yang menulis tutorial ini.

Sip, semoga bermanfaat !

Google’s URL Shortener

2010-10-30T21:30:00.001+07:00

Google baru saja mengeluarkan web dengan tipe yang berbeda dari sebelumnya yaitu url shortener. Url shortener atau yang kita kenal dengan sebutan penyingkat url, biasa digunakan untuk merubah atau mempersingkat url yang panjang dan mungkin cukup ribet untuk di ingat. Masukkan url, kemudian klik “Shorten” dan url baru sudah siap digunakan.

Namanya adalah Goo.gl dan menurut Google memiliki beberapa keunggulan dibandingkan layanan url shortener lainnya yang sebenarnya sudah banyak beredar di internet. Berikut ini adalah kutipannya :

There are many shorteners out there with great features, so some people may wonder whether the world really needs yet another. As we said late last year, we built goo.gl with a focus on quality. With goo.gl, every time you shorten a URL, you know it will work, it will work fast, and it will keep working. You also know that when you click a goo.gl shortened URL, you’re protected against malware, phishing and spam using the same industry-leading technology we use in search and other products.

Setelah mencobanya saya rasa memang layanan yang satu ini berbeda dari layanan url shortener lainnya. Bagi sobat yang mempunyai url panjang dan cukup ribet sobat bisa mencoba layanan dari google ini.

Tool Lengkap Untuk Tes Kecepatan Loading Blog

2010-10-28T22:31:00.001+07:00

Seperti yang kita ketahui bahwa kecepatan loading blog merupakan faktor yang sangat penting. Tidak hanya berpengaruh pada pengunjung blog, tetapi juga digunakan sebagai parameter pencarian peringkat oleh Google saat ini. Pada tulisan saya sebelumnya, hal ini sudah pernah saya bahas tentunya dengan tools yang lain. Dan saat ini saya melihat adanya tool online yang berkerja sangat baik untuk menganalisa kecepatan loading blog.

Sobat dapat menemukannya di WebPageTest.org. Hal yang pertama-tama sobat perlu lakukan adalah dengan memasukkan URL dari blog sobat, memilih lokasi geografis untuk melakukan tes, pilih beberapa pilihan dan kemudian klik "Submit". Dibutuhkan waktu sekitar 10-20 detik atau bahkan lebih untuk menyelesaikan tes ini, dan kemudian sobat akan melihat hasilnya seperti pada gambar berikut :

Disini sobat akan memperoleh waktu loading blog sobat pada kunjungan pertama dan kedua, hasilnya pun akan berbeda . Tool ini akan mempelihatkan grafik apa saja load yang gagal dan elemen apa yang paling banyak dalam blog sobat.

Terlihat pada saat loading pertama, blog saya terbaca sampai 8.455 detik dan 2,815 detik pada kunjungan ke-2, masih jauh dari standard. Ketika saya amati, bahwa load gambar-gambar pada blog ini yang banyak menghabiskan waktu sehingga membuat loading blog saya jadi lambat.

Bagaimana dengan blog sobat? silahkan di coba dan analisa kecepatan blog sobat dengan segera.

Free Ping Service

2010-10-24T19:41:00.001+07:00

Sekarang saya akan berbagi tentang ping service, yang saya artikan seperti sebuah mesin otomatis yang ketika kita klik maka mesin tersebut akan mengindeks artikel-artikel dari blog kita ke beberapa mesin pencari, seperti google, yahoo, dan berbagai situs-situs social bookmark lainnya. Jadi ping service adalah sebuah alat otomatis berbentuk web yang berfungsi menyebarkan artikel blog ke berbagai situs populer di seluruh dunia yang selalu dikunjungi orang.

Sebelum menggunakan ping service, saya sarankan sebaiknya lakukan ping setelah menulis postingan terbaru sehingga mesin pencari tahu bahwa sobat punya konten terbaru dan jangan terlalu sering menggunakan jasa ping service karena bisa saja dianggap spam yang mungkin bisa merugikan blog sobat. Seperti pengalaman blog ini yang pernah terkena google sandbox sehingga membuat blog ini menghilang dari mesin pencari.

Dibawah ini ada beberapa situs ping service yang selalu saya gunakan untuk mengupdate artikel-artikel blog saya, semoga bermanfaat.

My Page Rank
Submit Gratis memungkinkan sobat mengirimkan URL blog sobat ke 20 search engine populer.
Pingler.com

Gunakan Pingler.com untuk Drive Traffic Blog dan Website sobat. Gunakan Pingler.com untuk Ping Blog.
Ping-o-Matic!

Ping-O-Matic adalah sebuah layanan untuk memperbarui mesin pencari yang berbeda untuk mengetahui bahwa blog Anda telah diperbarui.
Autopinger

Ping blog otomatis.
Feed Ping

Layanan Submission Blog Multiple - Website FEED PING dan Pelayanan Feed Blog Multiple.
PING.IN

Blog dan ping, Blog Search, Speed Test.
King Ping

Update ping untuk mendapatkan hasil terbaik dari semua search engine.
Pingoat

Ping lebih dari lima puluh layanan blog secara instan. Pingoat juga memiliki server XML-RPC. Ping layanan seperti Technorati, NewsGator, feedster.
Totalping

Ping blog otomatis ke lebih dari 20 layanan blog.
Ping4free

Harus mendaftar dahulu sebelum melakukan ping.

Silahkan pilih yang menurut sobat bagus dan semoga bermanfaat dan bisa menaikkan traffic blog sobat.

Google Belum Update Pagerank, Apa Yang Terjadi?

2010-10-13T22:56:00.001+07:00

Lewat sudah hari-hari ketika pertama kali saya mengetahui dunia blog dan terobsesi dengan Google PageRank. Terutama dengan nomimal PageRank yang merupakan skala 0 hingga 10 yang dapat kita lihat pada berbagai toolbar di web. Padahal jika dicermati, PageRank hanya sebuah nomimal yang dibuat oleh Google untuk menilai banyaknya backlink pada sebuah web/blog. Hal ini tidak berdampak langsung pada bloggers yang hanya ngeblog karena hobi saja, tapi bagaimana dengan orang yang bekerja keras begadang setiap hari untuk mencari nafkah dari dunia blog? tentu PageRank nyata dan sangat ditunggu.

Yang membuat saya penasaran dan menjadi pertanyaan saya, kenapa Google sampai saat ini belum melakukan update PageRank? Saya melihat dan mengecek disemua blog atau web yang biasa saya kunjungi dan memang hasilnya sama, Google memang belum update PageRank. Google update PageRank terakhir 2 April 2010, dan yang seharusnya terjadi adalah akhir bulan juli atau awal agustus 2010 Google sudah update pagerank, tapi sejauh ini tidak ada yang terjadi.

Berpikir tentang masalah ini, satu pertanyaan muncul dalam pikiran saya : Bagaimana jika Google benar-benar menghapus PageRank? Artinya, bagaimana jika semua toolbar berhenti bekerja, dan tak seorang pun akan dapat melihat indikator berapa banyak backlink web atau blog? Apa dampak perubahan tersebut pada webmaster / blogging / industri SEO? Beberapa orang berpendapat jika Google menghapus nominal pageRank maka akan membunuh pasar jual beli link. Saya tidak berpikir begitu. Selama backlink memainkan peran dalam algoritma pencarian peringkat, masih akan ada orang-orang yang membeli mereka.

Tetapi tanpa PageRank, proses pembelian atau penjualan link akan sedikit berubah. Saya percaya bahwa layanan backlink analisis berbayar akan mendapatkan banyak klien lagi, karena hal ini akan menjadi cara terbaik untuk mengevaluasi otoritas link dari setiap web/blog. Saya berpikir lebih penting dari itu, bagaimanapun efek perubahan tersebut akan ada di pikiran pemilik web. Mungkin sebagian besar dari mereka akan menyadari yang lebih penting bukanlah lagi nominal PageRank, tapi lebih pada kualitas konten/isi blog.

Saya percaya bahwa jika PageRank dihapus maka bloggers dan pemilik web lainnya akan menjadi enggan atau malas untuk saling tukar link lagi, akibatnya hubungan antar sesama bloggers akan semakin renggang, hhmm semoga saja tidak terjadi.

Tapi apa yang sobat pikirkan? Apakah perubahan ini bersifat positif atau negatif? Apa aspek-aspek lain akan dipengaruhi?

Template Dore Zot Terlaris

2010-10-07T22:34:00.001+07:00

Setelah melakukan pengecekan backlink terhadap mybloggerthemes.com, ternyata template dore zot menjadi template yang paling banyak di gunakan sobat blogger. Sebelumnya di tahun lalu, smart gradient secara mengejutkan membuat saya tergeleng-geleng karena diminati dan digunakan lebih dari 50 blogger yang rata-rata berasal dari indonesia. Kembali ke dore zot, bicara tentang dore zot sebetulnya template yang mengusung tema personal dengan background abstract ini saya buat secara tidak sengaja alias dadakan.

Template dengan layout 3 kolom ini sebetulnya saya buat secara sederhana, dengan pemakaian border yang sedikit tebal dan penggunaan rounded corners membuat dore zot menjadi lebih kokoh. Sebetulnya nama dore zot ini saya ambil dari verifikasi kata pada saat saya ingin membuat blog baru dan jelas tidak mengandung arti apa-apa. Mungkin cuma ini yang bisa saya sampaikan, sekedar info saja sih sebenarnya karena memang belakangan saya sedang malas berpikir untuk menulis.

Buat yang sudah menggunakan dore zot saya ucapkan terima kasih, apalagi jika tidak merubah atau mengganti link kredit yang ada dibawahnya. Karena biar bagaimanapun, jadilah blogger sejati untuk menghargai hasil karya orang lain.

Terima kasih.

Tutorial Image Bubbles Menggunakan CSS3

2010-10-02T02:04:00.001+07:00

Kembali dengan turorial blogspot yang lagi-lagi tentang css, saya harap sobat tidak bosan dengan tulisan saya yang melulu mengenai css. Karena memang saat ini css lagi mengalami perkembangan pesat, oleh karenanya saya mencoba memberikan sedikit tips mengenai css3. Yang akan saya bahas disini adalah css image bubbles transitions, dan sekedar info bahwa tutorial ini hanya bisa diterapkan pada browser firefox versi 3.5+, opera 9.5+, safari dan chrome. Untuk demo bisa sobat lihat disini.

Sebelum memulai ada baiknya sobat backup template sobat terlebih dahulu, biasakan untuk melakukan hal ini jika ingin melakukan pengeditan template.

Login ke Blogger.
Klik Rancangan.
Masuk ke Edit HTML.
Copas kode css berikut sebelum kode ]]></b:skin>
.bubblewrap{
list-style-type:none;
margin:0;
padding:0;
}

.bubblewrap li{
display:inline;
width: 65px;
height:60px;
}

.bubblewrap li img{
width: 55px;
height: 60px;
border:0;
margin-right: 12px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}

.bubblewrap li img:hover{
-moz-transform:scale(1.8);
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
Cari kode yang mirip seperti ini :
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Nousisce (Header)' type='Header'/>
</b:section>
</div>
Kemudian letakkan kode berikut setelah kode diatas :
<div class='bubblewrap'>
<ul>
<li><a href='#'><img src='http://lh4.ggpht.com/_7Y9pl24WpQY/TKYkRZT8XHI/AAAAAAAAEpU/boHguF0HbX0/stumbleupon_thumb%5B2%5D.png' title='Add to Stumbleupon'/></a></li>
<li><a href='#'><img src='http://lh4.ggpht.com/_7Y9pl24WpQY/TKYkLgpPqKI/AAAAAAAAEpE/MoiG31eV3gg/facebook_thumb%5B2%5D.png' title='Add to Facebook'/></a></li>
<li><a href='#'><img src='http://lh5.ggpht.com/_7Y9pl24WpQY/TKYkJCcKt5I/AAAAAAAAEo8/6LdMi30Ms0o/digg_thumb%5B2%5D.png' title='Add to Digg'/></a></li>
<li><a href='#'><img src='http://lh6.ggpht.com/_7Y9pl24WpQY/TKYkGo-lIBI/AAAAAAAAEo0/v8uQduCj814/twitter_thumb%5B2%5D.png' title='Add to Twitter'/></a></li>
<li><a href='#'><img src='http://lh5.ggpht.com/_7Y9pl24WpQY/TKYkOKs2gnI/AAAAAAAAEpM/atV8KDhqKcI/rss_thumb%5B2%5D.png' title='Add RSS Feed'/></a></li>
</ul>
</div>
Simpan Template.

Untuk kode yang berwarna ungu adalah kode url untuk gambarnya, sobat bisa ganti dengan gambar social bookmark yang sobat punya.

Semoga bermanfaat, and happy nice weekend !

CSS Untuk Tulisan/Gambar Berbayang

2010-10-02T00:07:00.001+07:00

Rasanya sudah lama saya tidak posting di blog ini, konsentrasi saya sedang terpecah mengurus blog-blog saya yang lain, termasuk mybloggerthemes.com yang semakin banyak permintaan dari sahabat yang ingin mempromosikan template mereka di mybloggerthemes.com. Kali ini lagi-lagi saya mencoba memberikan tutorial css buat sobat setia pengunjung blog ini, namanya css layer.

Css layer ini semacam tulisan atau gambar yang berbayang yang terdiri dari 2 komponen css sederhana. Untuk membuatnya sangat mudah, hanya menerapkan sedikit kode css maka tulisan atau gambar berbayang siap ditampilkan dan mempercantik blog sobat. Berikut beberapa tutorialnya :

► Layer 1 diatas layer 2

LAYER 1

LAYER 2

<div style="z-index:2; position:relative; font-size:40px">LAYER 1</div><div style="z-index:1; position:relative; color:blue; font-size:60px">LAYER 2</div>

► Layer 2 diatas layer 1

LAYER 1

LAYER 2

<div style="z-index:3; position:relative; font-size:40px">LAYER 1</div><div style="z-index:4; position:relative; color:blue; font-size:60px">LAYER 2</div>

► Layer Untuk Gambar Variasi 1

<div style="position:relative"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div><div style="position:relative; margin-top:-20px; margin-left:20px"><img src="http://lh6.ggpht.com/_7Y9pl24WpQY/TEsn4YFFiQI/AAAAAAAAEXg/TiYA_Obocvo/mybloggerthemes_thumb%5B7%5D.png" /></div>

► Layer Untuk Gambar Variasi 2

<div style="position:relative"><img src="http://3.bp.blogspot.com/_7Y9pl24WpQY/TGVZE5AgQmI/AAAAAAAAEeU/Ktj7gkUldGQ/S1600-R/miscah.png" /></div><div style="position:relative; filter:alpha(opacity=20); margin-top:-10px; -moz-opacity:0.20; opacity:0.2; -khtml-opacity:0.2"><img src="http://3.bp.blogspot.com/_7Y9pl24WpQY/TGVZE5AgQmI/AAAAAAAAEeU/Ktj7gkUldGQ/S1600-R/miscah.png" /></div>

Untuk tutorial css image yang lain akan saya bahas lain waktu, semoga bermanfaat.

Backlink Gratis di Google Profiles

2010-09-21T15:14:00.001+07:00

Saya tidak akan panjang lebar seperti biasanya, karena memang belakangan ini saya sedang malas menulis. Bicara masalah backlink, semua pasti tau manfaatnya, apalagi yang gratisan. Satu saja backlink akan sangat membantu dalam urusan perkembangan blog kita. Ada satu layanan google yang dapat sobat gunakan untuk mencari backlink gratis, namanya Google Profiles.

Disini sobat hanya login dengan account google sobat, kemudian sobat hanya perlu mengisi beberapa informasi yang mereka tanyakan, seperti tentang diri sobat, termasuk url blog sobat. Dan tambahkan gambar profile sobat, jreng dapat 1 backlink, lumayan ! Selama sobat menambahkan informasi diri, profil sobat akan ditampilkan dalam hasil pencarian Google, dan harus dihitung sebagai backlink normal karena Google tidak menggunakan atribut nofollow pada link website.

Layanan ini juga berguna karena memberikan kesempatan untuk menambahkan url lebih dari satu dan mungkin dapat membuat nama sobat pada halaman pertama hasil pencarian google. Jadi apa yang sobat tunggu, buruan isi !

Coba Typography di FontTester.com

2010-09-16T11:03:00.001+07:00

Optimasi typography blog sangat penting, untuk mempermudah pengunjung dalam membaca konten sebuah blog. Jika sobat masih ragu untuk mencobanya langsung di template, sobat bisa menggunakan fasilitas dari Font Tester. Secara garis besar semua ada, mulai dari jenis huruf, besar huruf, spasi huruf atau ketebalan huruf. selain itu masih ada beberapa fasilitas lain yang bisa sobat dapat.

Untuk mencobanya, silahkan masuk ke FontTester.com, saran saya untuk font-family gunakan saja yang web safe fonts karena web safe fonts adalah font standard bawaan windows.

Silahkan dicoba dan semoga dengan adanya font tester ini, blog sobat bisa jadi lebih menarik dari sisi huruf tentunya.

Corst

2010-09-16T04:06:00.001+07:00

Template Information

Name	Corst
Author	http://www.blog-zone.info
Designer	http://www.mybloggerthemes.com
Properties	2 Columns, Gray, White, Blue, Elegant, Fixed Width, Right Sidebar
Descriptions	Green Hurdico is a simple blogger template with a combination of gradient border and soft colors, making Green Hurdico look elegant. Suitable for personal blog or web design.

Selamat Idul Fitri 1431H

2010-09-09T23:35:00.001+07:00

Sebulan sudah kita menjalankan ibadah puasa, tak terasa waktu begitu singkat, bulan suci Ramadhan sudah meninggalkan kita lagi. Semoga kita semua termasuk orang-orang yang beruntung yang pahala puasanya diterima Allah SWT.

Di hari yang Fitrah ini, izinkanlah saya mengucapkan :

Selamat Idul Fitri 1 Syawal 1431 H

Minal Aidin Wal Faidzin Mohon Maaf Lahir dan Batin

Maafkan segala tutur kata atau prilaku saya selama ini yang tidak berkenan di hati sobat setia pengunjung blog ini. Semoga Allah SWT menerima semua amal ibadah dan mengampuni segala dosa-dosa kita semua, Amin.

Green Spitial

2010-09-06T20:47:00.001+07:00

Template Information

Name	Green Spitial
Author	http://www.blog-zone.info
Designer	http://www.mybloggerthemes.com
Properties	2 Columns, White, Green, Rounded Corner, Fixed Width, Right Sidebar, Gradient
Descriptions	Green Spitial is a new styled Blogger template. Template is also very neat. Green spitial use navigation with a black shadow, making it more arise and looks elegant. Suitable for personal blog.

Navigasi Halaman Menggunakan Javascript

2010-09-01T23:27:00.001+07:00

Tutorial pemasangan navigasi halaman ini sudah pernah saya bahas dulu, dengan cara meletakkan langsung seluruh kode di gadget. Namun masih saja ada yang kesulitan dengan panduan peletakkan navigasi halaman tersebut. Sekarang saya akan coba berikan sedikit tips yang berbeda dan tentunya dengan variasi bentuk yang lebih menarik. Saya tidak akan panjang lebar menjelaskan tentang pengertian navigasi halaman ini karena sudah pernah saya bahas sebelumnya.

Kode css dan javascript ini saya ambil dari blog mybloggerthemes dengan bentuk yang sama persis. Tapi jangan menelan mentah-mentah kode css yang ada karena sobat bisa kreasikan sesuai dengan warna background blog sobat. Jika kode script ini saya pasang langsung di template pasti akan membuat sobat pusing karena kode ini sangat panjang, oleh karenya saya simpan saja di google sites. Berikut cara pemasangannya.

Setelah login di blogger, silahkan sobat klik Rancangan.
Kemudian klik tab Edit HTML.
Untuk radio button Expand Template Widget tidak usah di klik karena akan menambah pusing nantinya.
Letakkan kode css berikut ini sebelum kode ]]></b:skin>

.showpageNum a {
color:#FFF;padding:4px 10px;

margin:0 2px;

text-decoration:none;

-webkit-border-radius:2px;-

moz-border-radius:2px;

background:#848484

}
.showpageOf {

color:#222;

margin:0 6px 0 0

}
.showpageNum a:hover {

background:#222;

color:#FFF

}
.showpagePoint {

color:#FFF;

text-shadow:0 1px 2px #333;

padding:4px 10px;

margin:0 2px;

-webkit-border-radius:2px;

-moz-border-radius:2px;

background:#222;

text-decoration:none
}
Dan letakkan kode berikut sebelum </body>

<script type='text/javascript'>
var home_page="/";
var urlactivepage=location.href;
var postperpage=10;
var numshowpage=7;
var upPageWord ='◄';
var downPageWord ='►';
</script>
<script src='http://miscah.googlecode.com/files/pagenav.js' type='text/javascript'/>
Kemudian Simpan Template.

Keterangan :

var postperpage=10; adalah jumlah postingan dalam satu halaman, sesuaikan dengan jumlah postingan sobat, jika jumlah postingannya 5 maka ganti angka tersebut dengan angka 5.
var numshowpage=7; adalah jumlah tombol navigasi dalam satu halaman.

Semoga berhasil ya !

Top 1000 Website Versi Google

2010-08-29T01:05:00.001+07:00

Google sebagai raja search engine mengeluarkan daftar 1000 web terbaik. Penilaian ini berdasarkan jumlah traffic dan page view dari web tersebut. Dan sampai tulisan ini saya buat, facebook dan yahoo masih menempati urutan pertama dan kedua (tidak termasuk google). Mau tau siapa saja yang masuk dalam daftar 1000 web terbaik versi google, yuk mari …

Gambar dibawah ini adalah review dari list tersebut, untuk melihatnya langsung saja tuju ke halaman Daftar 1000 Web Terbaik.

Bagaimana, ada tidak punya sobat dalam 1000 daftar web terbaik versi google? hhmm..ga mungkin ya.

Semoga suatu saat kita semua bisa sukses seperti mereka, tidak perlu muluk-muluk untuk masuk dalam daftar 1000 web terbaik. Yang penting kita menulis yang terbaik dan mempunyai nilai fungsi buat pembacanya, dan jangan lupa tetap berusaha mencari peluang bisnis yang ada di dunia maya ini.

Semoga bisa menghibur !

Keyboard Shortcuts Untuk Posting Di Blogger

2010-08-28T08:50:00.001+07:00

Keyboard shortcuts membuat pekerjaan dalam urusan posting di blogger menjadi lebih mudah. Yang paling populer mungkin dalam urusan text dalam postingan, seperti membuat tulisan bold dengan CTRL+B atau untuk tulisan italic dengan CTRL+I. Sama dengan yang biasa kita gunakan pada saat menulis di office word. Dibawah ini ada beberapa list keyboard shortcuts, semoga bermanfaat.

Keyboard shortcuts ini telah di uji pada browser Internet Explorer 6+ dan tidak semua bisa berfungsi pada browser Firefox, Chrome dan Opera.

Shotcut

Fungsi

Semua Browser ?

CTRL+B
CTRL+I
CTRL+U
CTRL+L
CTRL+Z
CTRL+Y
CTRL+SHIFT+A
CTRL+SHIFT+P
CTRL+D
CTRL+P
CTRL+S
CTRL+G

Bold Text
Italic Text
Underline text
Blockquote (hanya pada saat EDIT HTML)
Undo last operation
Redo last operation

Insert Hyperlink

Preview Post

Save as Draft

Publish Post

Autosave

Indic Transliteration

Ya
Ya
Ya
Tidak
Ya
Ya
Tidak
Tidak
Tidak
Ya
Ya
Tidak

Selamat menggunakan dan semoga dapat mempermudah sobat dalam membuat setiap artikel.

Green Hurdico

2010-08-23T09:02:00.001+07:00

Template Information

Name	Green Hurdico
Author	http://www.blog-zone.info
Designer	http://www.mybloggerthemes.com
Properties	2 Columns, Gray, White, Green, Elegant, Fixed Width, Right Sidebar
Descriptions	Green Hurdico is a simple blogger template with a combination of gradient border and soft colors, making Green Hurdico look elegant. Suitable for personal blog or web design.

Worika

2010-08-15T01:34:00.001+07:00

Template Information

Name	Worika
Author	http://www.blog-zone.info
Designer	http://www.mybloggerthemes.com
Properties	2 Columns, Gray, White, Elegant, Fixed Width, Right Sidebar
Descriptions	Worika is a new styled Blogger template. Template is also very neat. With a mix of white and gray, avieri looks very elegant. Suitable for personal blog or web design.

Mencari Backlink Dari Situs PR Tinggi

2010-08-13T23:37:00.001+07:00

Sudah bukan hal yang asing jika kita menyinggung kata backlink, apalagi jika backlink tersebut berasal dari blog dofollow dengan pagerank yang tinggi. Terkadang banyak blogger yang ingin mencari backlink sebanyak-banyaknya demi kepentingan bisnis online seperti paid review dan jualan link misalnya. Namun ada juga yang tidak tau mau diapakan blog mereka dengan pagerank yang tinggi, mungkin sekedar menunjukan jati diri blog ataukah hanya gengsi antar sesama blogger saja.

Daripada pusing mikirin kepentingan para blogger perihal pagerank blog, lebih baik kita cek beberapa situs dofollow dengan PR tinggi dibawah ini, mudah-mudahan bisa mendongkrak pagerank blog sobat.

http://blogs.cisco.com/news/comments/cisco_at_voicecon_2010/
http://www.grokdotcom.com/2010/03/05/credibility-yours-to-loose/
http://weblogtoolscollection.com/archives/2010/03/12/wordpress-personas-for-firefox/
http://www.currybet.net/cbet_blog/2010/01/with-professionals-of-this-qua.php
http://blumenthals.com/blog/2010/02/05/google-places-adds-nearby-places-you-might-not-like/
http://psdvibe.com/2009/12/30/logomyway-com-review/

Sampai tulisan ini saya buat, situs-situs diatas masih dofollow dan pagerank mereka masih diatas 4. Buruan berkomentar di situs-situs tersebut, mumpung pagerank mereka masih tinggi dan masih dofollow.

Mohon maaf jika saya hanya bisa memberikan 6 list saja. Selamat berkomentar dan ingat, jangan spam ya, berilah komentar yang sopan dan secukupnya.

Tutorial Penggunaan Google Fonts

2010-08-09T00:41:00.001+07:00

Google kembali memanjakan para blogger dengan menambahkan variasi fonts di blog. Semua font di google fonts directory berlisensi sehingga dapat digunakan pada web apapun, termasuk di blogspot yang penerapannya tergolong sangat mudah. Buat yang belum tahu, bisa sobat lihat pada contoh demo template dore zot pada bagian header dan avieri pada bagian header dan judul postingan.

Variasi hurufnya pun cukup banyak, tergantung kita memadu padankan dengan template yang kita gunakan. Dibawah ini ada beberapa fonts yang bisa sobat terapkan di blog sobat, dan cara penggunaannya.

Masuk ke Rancangan
Kemudian tuju bagian Edit HTML
Copy salah satu kode huruf tersebut dan letakkan diatas kode </head> pada template sobat.
Kemudian tambahkan font yang sobat gunakan pada bagian css, contohnya seperti berikut :
#header h1 { font-family: 'IM Fell Great Primer SC', arial, serif; }
atau lengkapnya kira-kira seperti dibawah ini :

#header h1 {
font-family:'IM Fell Great Primer SC',arial,serif;
font-size:46px;
font-weight:bold;
letter-spacing:0em;
line-height:1.2em;
color:#aaa;
text-shadow:1px 1px 2px #000;
margin:0;
padding:60px 480px 0px 0px;
}
Simpan Template

Perhatikan saja kode yang saya tandai dengan warna merah, karena hanya kode tersebut yang ditambahkan kedalam css template. Sobat juga bisa menggunakannya pada judul postingan (h3) atau judul sidebar (h2). Baiklah, selamat mencoba dan semoga berhasil.

Avieri

2010-08-07T01:12:00.001+07:00

Template Information

Name	Avieri
Author	Blog Zone
Designer	My Blogger Themes
Properties	2 Columns, Gray, White, Elegant, Fixed Width, Right Sidebar
Descriptions	Avieri is a new styled Blogger template. Template is also very neat. With a mix of white and gray, avieri looks very elegant. Suitable for personal blog or web design.

Dore Zot

2010-07-31T15:08:00.001+07:00

Template Information

Name	Dore Zot
Designer	My Blogger Themes
Author	Blog Zone
Properties	3 Columns, Gray, White, Elegant, Fixed Width, Right Sidebar
Descriptions	Dore Zot is a beautiful Blogger template. It has 3 columns, a nice background and is suitable for personal blogs and more other types.

Membuat Setiap Artikel Menjadi Populer

2010-07-24T08:07:00.001+07:00

Ini sangat penting untuk sobat baca. Jika sobat menulis di blog, pastinya ingin memberikan tulisan yang terbaik dan bernilai fungsi untuk pembaca. Bernilai fungsi, maksudnya pembaca merasakan manfaat setelah membaca artikel sobat, seperti blog tutorial, blog tentang kesehatan, bisnis online atau fenomena alam. Jangan sekali-kali menulis artikel tentang kehidupan sobat sehari-hari yang tidak penting, Karena itu akan membuat pengunjung lari dan pasti tidak akan kembali.

Jika sobat rajin share artikel ke digg atau delicious, dan pada saat itu artikel yang sobat masukkan kesana adalah artikel yang sangat menarik dan bernilai tentunya. Sobat akan merasakan manfaatnya dengan jumlah traffic di blog sobat. Sobat harus ketahui, untuk membuat postingan kita menjadi di halaman depan digg, akan sangat sulit sekali dan mengharapkan sedikit keberuntungan. Sering kali kita submit artikel-artikel kita di digg namun artikel itu tidak kemana-mana alias tidak dibaca sama sekali oleh pengunjung, tentu akan menjadi sia-sia.

Berikut ada sedikit tips ala kadarnya untuk membuat artikel kita menjadi populer :

Judul, buatlah judul yang menarik atau lain daripada yang lain. Buat mereka penasaran dengan judul artikelnya, tentu saja bukan hanya judul tapi isi juga menunjang. Jangan takut menjadi mencolok pada halaman digg atau social bookmark yang lain, dan jangan takut untuk merevisi judul beberapa kali. Karena judul adalah penarik utama sebuah konten blog.
Konten, berikan konten atau isi yang menarik. Jangan sekali-kali memberikan informasi yang berbeda dengan judulnya. Karena itu akan membuat pembaca merasa ditipu dan marah. Hasilnya, siap-siap ditinggalkan pengunjung.
Berguna, ya manfaat yang dicari setiap pembaca. Rata-rata artikel yang disukai pengunjung adalah artikel yang bernilai guna untuk mereka. Atau bisa juga artikel yang menawarkan mereka untuk menggunakan sumber daya mereka, seperti website lowongan kerja, panduan bisnis online, dll.
Topik panas, tulislah topik terpanas minggu ini. Biasanya orang awam suka berita hangat, misalnya berita video artis yang belakangan lagi heboh di tv. Atau berita dari google, microsoft, youtube, mac, dan teknologi komputer lainnya. Pasti sangat menarik untuk dibaca dan tentunya orisinil.
Paragraf pembuka, buatlah paragraf pembuka dengan tulisan pemancing atau yang membuat pembaca penasaran. Buat pembuka dengan tulisan besar atau miring, dan jangan sekali-kali membuat paragraf pertama yang tidak mengandung isi sama sekali atau nyeleneh dan tidak nyambung dengan isi utama.
Pasang read more, ini juga penting menurut saya. Read more atau baca selanjutnya atau baca selengkapnya yang fungsinya memotong artikel agar menjadi pendek sangat berguna untuk memancing pembaca. Tentunya dipadukan dengan point 5 diatas.
Buatlah daftar, seperti daftar artikel terakhir (recent posts), atau daftar 10 artikel populer di blog sobat. Dengan daftar-daftar tersebut jelas akan sangat membantu meningkatkan page views blog kita. Karena pengunjung yang sudah tertarik dengan sebuah isi artikel sobat, maka mereka akan mencari artikel lainnya di blog sobat, dengan daftar 10 atau 20 artikel populer, mereka tidak perlu repot mencarinya.
Gambar, yup ini sangat penting juga. Gambar merupakan bagian penting dari sebuah artikel. Tambahkan gambar yang menarik, jika perlu buat shadow di setiap gambar pada artikel. Letakkan pada bagian awal atau atas sebelum postingan dimulai. Jangan sekali-kali menambahkan gambar yang aneh itu akan membuat nilai minus pada artikel.
Original, jangan sekali-kali copy paste. Buruk, itu akan membuat kredibilitas blog sobat turun di mata pengunjung dan google tentunya. Dan citra sobat sebagai empunya blog juga akan turun. Jadilah diri sendiri, jangan biarkan mati kreatifitas sobat. Lakukan sesuatu yang baru dengan tulisan-tulisan sobat dan tak lupa singgung artikel lama dengan memberikan link. Beri sedikit sentuhan humor pada setiap artikel.

Semoga bermanfaat !

Mosidebe

2010-07-20T23:04:00.001+07:00

Template Information

Name	Mosidebe
Design	My Blogger Themes
Author	Blog Zone
Properties	White, Black, 2 Columns, Right Sidebar, Bookmark Ready
Description	Mosidebe is a cool header image. It has a grunge social bookmark icon and a great navigation menu with opacity background. Ideal for personal blogs.

100 Artikel Terpopuler Miscah.Blogspot.Com

2010-07-17T02:44:00.009+07:00

Dibawah ini ada 100 daftar artikel paling banyak dibaca pengunjung alias popular posts blog ini. Dan ternyata postingan cara mengubah blog nofollow menjadi dofollow dan cara membuat artikel terkait masih merajai di blog ini. Sebelumnya saya ucapkan banyak terima kasih buat teman-teman yang setia mengunjungi dan memberikan masukkan untuk blog ini. Silahkan survey siapa tau ada artikel yang terlewatkan oleh sobat. Check this out !

Supredia

2010-07-10T14:48:00.001+07:00

Template Information

Name	*Supredia*
Design by	My Blogger Themes
Author	Blog Zone
Properties	Supredia is a blogger template with 3 columns, with a beautiful and bright background makes this template looks dynamic. This template is suitable for personal websites.

Mengatasi Eror Judul/Title Pada Widget HTML/Javascript

2010-06-26T01:26:00.001+07:00

Belakangan ini ada beberapa sobat blogger yang mengeluh pada saat menambahkan widget HTML/Javascript pada blog. Dikarenakan judul pada widget tersebut harus di isi, karena jika dibiarkan kosong maka akan terjadi error dengan keterangan seperti pada gambar dibawah.

Ada cara mudah mengatasinya, tetap tambahkan kodenya seperti biasa, klik pada Tambah Gadget -–> pilih HTML/Javascript -–> tambahkan kodenya kedalam kotak kosong yang tersedia, kemudian beri pada judul dengan kode <h2></h2>

Oke, semoga tips singkat ini bisa bermanfaat.

Membuat Menu Vertikal Sederhana

2010-06-26T00:57:00.001+07:00

Sebelumnya saya selalu menulis mengenai pembuatan menu horizontal dan tidak pernah sekalipun menulis artikel menu vertikal. Pembuatan menu vertikal ini sangat mudah, hanya sedikit menambahkan kode css pada bagian template dan kode html pada sidebar. Bisanya kita yang malas berpikir untuk membuat menu vertikal, mengambil jalan mudah dengan menambahkan kode <ul><li> sehingga yang muncul adalah list-style-type bawaan template.

Untuk demo bisa sobat lihat disini, pada bagian menu vertikal tersebut saya menggunakan image sederhana yang hanya akan berwarna biru jika cursor menyorot pada link. Bisa saja membuat current page hover pada link, yang jika di klik akan selamanya berwarna biru selama kita berada pada halaman link tersebut, namun untuk awalnya sebaiknya menggunakan menu yang sederhana dulu.

Masuk ke bagian Edit HTML
Tambahkan kode css berikut ini sebelum kode ]]></b:skin>

.clearit {
    margin: 0;
    padding: 0;
    height: 0;
    clear: both;
}

/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
    width: 150px;
    margin: 0px;
    padding: 0px;
    display: block;
}
.bubplastic.vertical ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.bubplastic.vertical ul li {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent url(http://lh6.ggpht.com/_7Y9pl24WpQY/TCTaMf6oL6I/AAAAAAAAEOU/WMlVDrN8s8M/bg-bubplastic-button_thumb%5B5%5D.gif) top left no-repeat;
}

.bubplastic.vertical ul li a {
    display: block;
    margin: 0;
    width: 100%;
    padding-left: 15px;
    text-transform: uppercase;
    font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
    font-size: 70%;
    color: #FFFFFF;
    text-decoration: none;
    background: transparent url(http://lh6.ggpht.com/_7Y9pl24WpQY/TCTaMf6oL6I/AAAAAAAAEOU/WMlVDrN8s8M/bg-bubplastic-button_thumb%5B5%5D.gif) top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
    display: block;
    margin: 0;
    width: 100%;
    height: 22px;
    padding-top: 5px;
    padding-right: 15px;
    background: transparent url(http://lh6.ggpht.com/_7Y9pl24WpQY/TCTaMf6oL6I/AAAAAAAAEOU/WMlVDrN8s8M/bg-bubplastic-button_thumb%5B5%5D.gif) top right no-repeat;
    cursor: pointer;
}

/* BLUE HOVER */
.bubplastic.blue ul li a:hover,
.bubplastic.blue ul li.highlight a {
    background: transparent url(http://lh4.ggpht.com/_7Y9pl24WpQY/TCTaTTyG38I/AAAAAAAAEOk/s7mSQh3v_oo/bg-bubplastic-h-blue_thumb%5B3%5D.gif) top left no-repeat;
}
.bubplastic.blue ul li a:hover span.menu_ar,
.bubplastic.blue ul li.highlight a span.menu_ar {
    background: transparent url(http://lh4.ggpht.com/_7Y9pl24WpQY/TCTaTTyG38I/AAAAAAAAEOk/s7mSQh3v_oo/bg-bubplastic-h-blue_thumb%5B3%5D.gif) top right no-repeat;
}
Simpan Template.
Masuk Ke Elemen Halaman.
Klik Tambah Gadget pada bagian sidebar.
Pilih yang HTML/Javascript, kemudian masukkan kode berikut kedalamnya :

<div class="menu bubplastic vertical blue">
    <ul>
        <li><span class="menu_r"><a href="http://miscah.blogspot.com/" target="_self"><span class="menu_ar">About</span></a></span></li>
        <li><span class="menu_r"><a href="http://miscah.blogspot.com/" target="_self"><span class="menu_ar">Contact Us</span></a></span></li>
        <li><span class="menu_r"><a href="http://miscah.blogspot.com/" target="_self"><span class="menu_ar">Advertiser</span></a></span></li>
        <li><span class="menu_r"><a href="http://miscah.blogspot.com/" target="_self"><span class="menu_ar">Banner</span></a></span></li>
        <li><span class="menu_r"><a href="http://miscah.blogspot.com/" target="_self"><span class="menu_ar">Link</span></a></span></li>
    </ul>
    <br class="clearit" />
</div>
Simpan.

Yang harus diganti adalah tulisan yang berwarna hijau dan merah. Selamat mencoba !

Simple CSS

2010-06-23T02:10:00.001+07:00

Template Information

Name	Simple CSS
Author	My Blogger Themes
Type	Blogger Template
Properties	White, Red, 2 Columns, Right Sidebar, Simple

A Name Atribut

2010-06-19T02:32:00.001+07:00

Rasanya belakangan ini saya agak malas menulis di blog ini, sedikit jenuh dan ditambah dengan adanya world cup 2010 sedikit menyita waktu saya. Kali ini saya akan memberikan tips lama tapi baru, lama buat blogger senior dan baru buat newbie. Yaitu penggunaan atribut a name pada tulisan/postingan di blog. A name sendiri berfungsi untuk menyorot link secara otomatis jika di klik akan menuju pada link yang dimaksud dan tentunya pada halaman postingan yang sama.

Link tersebut langsung mengarah pada link lain pada satu halaman posting, sehingga bisa memudahkan penulis membawa pengunjung pada tulisan yang dimaksud. Kodenya sangat mudah, hanya dengan menambahkan <a href=”#link yang di maksud”>Link</a> dan <a name=”link yang maksud”>Hasilnya</a>

Contohnya seperti ini :

<p> <a href="#Blogger 8">Klik disini</a> </p>

<h2>Blogger 1</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 2</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 3</h2>

<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 4</h2>

<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 5</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 6</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger7</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2><a name="Blogger 8">Hasilnya</a></h2>
<p>Hasilnya bisa dilihat disini</p>

<h2>Blogger 9</h2>
<p>Judul Tulisan bla bla bla bla bla</p>

<h2>Blogger 10</h2>

<p>Judul Tulisan bla bla bla bla bla</p>

Klik disini