Cara Cepat Terindeks di Google

Menyambung postingan kemarin bahwa saya akan memposting tips-tips bagaimana agar blog kita lebih cepat terindeks di google. Tentunya tips-tips berikut tidaklah seratus persen menjamin bahwa blog kita akan lebih cepat terindeks, akan tetapi bolehlah untuk di coba dan sebenarnya ini sudah saya buktikan sendiri kebenarannya.

Seperti keterangan yang lalu, bahwa setelah kita mendaftar di google, blog kita tidaklah langsung terindeks pada mesin pencari google, akan tetapi bisa memakan waktu 3 sampai 4 minggu bahkan apabila bernasib kurang baik bisa sampai 8 minggu barulah blog kita terlisting pada mesin pencari nya. Nah agar tidak terlalu bosan menunggu, sedikit tips bagi sobat, silahkan coba dan buktikan.

• Memperbaiki Pengaturan blog

Untuk langkah-langkah pengaturan (Setting) blog, secara lengkap sudah saya posting silahkan baca di sini !, akan tetapi karena postingan tersebut di buat sebelum ada layanan blogger berbahasa indonesia, maka settingannya berbahasa inggris. Tapi toh saya yakin bahwa sobat pasti faham dengan yang saya tulis.

• Link ke blog dengan page rank tinggi

Salah satu cara agar blog kita lebih cepat terindeks di google adalah kita di link oleh blog yang mempunyai page rank yang tinggi, dan biasanya blog-blog tersebut adalah blog terkenal. Contoh blog Indonesia yang sangat terkenal adalah blog miliknya mas fatih syuhud yaitu http://fatihsyuhud.com, blognya kang Agus hery di http://edittag.blogspot.com, dan masih banyak lagi yang lainnya. Saran saya pasanglah terlebih dahulu link blog mereka pada halaman blog milik sobat, setelah itu mintalah agar blog sobat di linkback atau di link balik oleh mereka. Permintaan untuk di linkback bisa di ajukan pada buku tamu (shoutbox) atau bisa juga melalui komentar pada postingan atau jika ingin lebih pribadi kirim melalui email. Saya yakin mereka akan segera memasang link sobat pada blog mereka, atau jika dalam waktu tiga hari masih belum di linkback, ajukan kembali permintaan untuk dilinkback karena untuk blog-blog terkenal dalam sehari tidak hanya satu atau dua blog saja yang pasang link blog mereka, maka wajar saja apabila ada satu atau dua blog yang terlewatkan untuk di linkback.

• Pasang tag meta

Salah satu cara agar blog kita lebih di lirik atau di kenali oleh mesin pencari miliknya om google adalah memasang tag meta di bagian header pada kode template blog. contoh tag meta untuk blogger seperti ini :

<meta name="robots" content="INDEX, FOLLOW"/>
<meta name="description" content="Deskripsi dari blog sobat di sini "/>
<meta name="keywords" content="kata kunci atau keyword simpan disini, buatlah beberapa keyword yang sobat anggap sangat berhubungan dengan blog sobat "/>

Yang harus diperhatikan adalah tulisan-tulisan yang tercetak merah. Tulisan-tulisan tersebut haruslah di sesuaikan dengan kondisi blog sobat.

Untuk deskripsi, silahkan isi dengan deskripsi blog sobat. contoh untuk blog milik saya adalah "Panduan praktis membuat blog di blogger.com. tips, trik, serta download software secara gratis".

Untuk kata kunci (keyword), silahkan isi dengan kata kunci yang berhubungan dengan blog sobat. contoh untuk blog ini adalah : blog tutorial, cara membuat blog, bikin blog, cara bikin blog, dan sebagainya. Jangan lupa untuk menyisipkan tanda koma untuk memisahkan antara keyword yang satu dengan keyword yang lainnya.

Untuk judul blog, silahkan isi dengan judul dari blog sobat.Contoh : untuk blog ini adalah Blog tutorial.

Bagi yang belum mengetahui dimanakah tag meta di simpan, jawabannya adalah di dalam kode header blog, atau jika masih bingung simpan saja di bawah kode <title><data:blog.pageTitle/></title> .


Sebenarnya masih ada beberapa tips yang bisa dilakukan, akan tetapi kayanya udah lemes nih ngetiknya, jadi dicukupkan sekian dulu deh, selamat mencoba dan mudah-mudahan blog sobat lebih cepat terindeks di google. Satu pertanyaan aja deh buat tambahan, sudahkah blog sobat terindeks di google? coba tuliskan alamat blog sobat pada search engine google di bawah postingan ini !

read more...

Cara Buat Banner Bertaburan

Pernah melihat blog yang terdapat banner bertaburan di halamannya? ingin mengetahui cara membuatnya? jika tertarik silahkan baca artikel di bawah ini sampai selesai !. Untuk membuat banner bertaburan, yang akan saya gunakan adalah memakai perintah marquee. Tentang marquee sudah saya bahas pada postingan terdahulu dan kali ini akan saya bahas variasi lain dari perintah marquee ini. Agar banner yang di gunakan lebih menarik untuk di lihat, maka sebaiknya kita menggunakan banner yang berisifat animasi. Animasi ini bisa berupa putaran, terbalik atau mungkin dalam bentuk terbang. Untuk membuat animasi, sobat bisa menggunakan berbagai software pembuat animasi semisal Ulead cool 3D ataupun program yang lainnya. Sedikit kabar gembira, bagi sobat yang belum mempunyai software Ulead cool 3D sobat bisa mendowload secara gratis di blog miliknya bang iwan yaitu di http://free7.blogspot.com. Bagi sobat yang sudah terbiasa dengan program-program animasi, tentu tidak akan menemui masalah dalam hal membuat banner animasi, akan tetapi bagi sobat yang sama seperti saya ini yakni masih banyak bingungnya kalau membuat animasi maka ada jalan lain yakni kita bisa mencari situs-situs penyedia animasi. Bagaimana cara mencarinya? ini hal yang mudah, pada akhir artikel ini saya sediakan search engine dari google. Tugas sobat hanya mengisi kotak isian dengan keyword yang di inginkan, misal : free animation, animasi gratis, Free banner animation atau keyword lain yang sekiranya bisa memunculkan berbagai situs penyedia animasi gratis, kemudian setelah kotak isian di tulis silahkan klik tombol search maka nanti akan keluar ratusan atau bahkan ribuan situs penyedia animasi, silahkan sobat cari sendiri mana yang cocok. OK kita kembali ke.....topik bahasan tentunya. Sebagai contoh saya telah mendapatkan sebuah file banner animasi, tugas selanjutnya adalah mengupload file tersebut ke hosting penyimpan gambar. Ambil contoh, saya telah mengupload banner animasi di google pages dan mempunyai alamat seperti ini : http://amen24.googlepages.com/face5.gif Untuk membuat gambar ini bisa tampil kodenya seperti ini : <img src="http://amen24.googlepages.com/face5.gif"> hasilnya seperti ini : Atau sobat bisa memperbesar atau memperkecil animasi ini dengan mengatur tinggi serta lebar gambar, contoh di perbesar : <img src="http://amen24.googlepages.com/face5.gif" width="100" height="100"> hasilnya akan seperti ini : contoh di perkecil : <img src="http://amen24.googlepages.com/face5.gif" width="30" height="30"> hasilnya akan seperti ini : Langkah selanjutnya adalah membuat variasi perintah marquee, saya berikan contoh perintahnya seperti ini : <marquee behavior="scroll" direction="down" style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" scrollamount="14"> <img src="http://amen24.googlepages.com/face5.gif"> </marquee> Agar lebih faham, saya bahas sedikit tentang fungsi-fungsi dari atribut yang saya berikan : behavior="scroll" --> behavior atribut untuk mengatur perilaku gerakan. scroll perilaku yang di pilih yaitu teks atau image bergerak berputar/berulang-ulang. direction="down" --> direction atribut untuk mengatur arah gerakan teks/image. down arah yang di pilih adalah ke bawah, sobat bisa merubah arah ini sesuai keinginan, tinggal ganti dengan Up untuk keatas, Left untuk ke pinggir dan right untuk ke kanan. style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" --> position: absolute; posisi yang di pilih adalah absolut atau tersendiri. right: 1100px; posisi terletak sebesar 1100 pixel diukur dari sebelah kanan layar. top: 52px; posisi juga terletak pada 52 pixel di ukur dari sebelah atas layar. width: 100px; lebar untuk tempat gambar sebesar 100 pixel. height: 900px; tinggi untuk tempat gambar sebesar 900 pixel. scrollamount="14" --> scrollamount atribut untuk mengatur kecepatan gerakan. 14 adalah kecepatan yang dipilih, silahkan ganti nilainya, semakin kecil nilai maka gerakan semakin lambat, semakin besar nilainya maka gerakannya semakin cepat. Contoh di atas merupakan hanya untuk satu gambar animasi saja, biar lebih menarik dan supaya gambarnya banyak bertebaran maka perintah yang di buat harus beberapa perintah, akan tetapi posisinya harus di bedakan agar terlihat bertebaran. Dan ada yang harus di ingat yaitu kita harus membuat posisi yang kira-kira tidak mengganggu pembaca yakni tidak menutupi artikel yang kita posting. Contoh perintahnya seperti ini : <marquee behavior="scroll" direction="down" style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" scrollamount="14"> <img src="http://amen24.googlepages.com/face5.gif" width="100" height="100"/> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; left: 358px; top: 2px; width: 60px; height: 450px;" scrollamount="5"> <img src="http://amen24.googlepages.com/face5.gif" width="30" height="30" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 441px; top: 55px; width: 60px; height: 250px;" scrollamount="9"> <img src="http://amen24.googlepages.com/face5.gif" width="30" height="30" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 498px; top: 53px; width: 60px; height: 380px;" scrollamount="6"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 800px; top: 51px; width: 60px; height: 350px;" scrollamount="7"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 390px; top: 55px; width: 60px; height: 450px;" scrollamount="5"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 749px; top: 54px; width: 60px; height: 250px;" scrollamount="5"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 325px; top: 52px; width: 60px; height: 300px;" scrollamount="10"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 600px; top: 49px; width: 60px; height: 350px;" scrollamount="8"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 873px; top: 52px; width: 60px; height: 400px;" scrollamount="3"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> <marquee behavior="scroll" direction="down" style="position: absolute; right: 50px; top: 55px; width: 60px; height: 700px;" scrollamount="12"> <img src="http://amen24.googlepages.com/face5.gif" /> </marquee> Contoh gambar animasi diatas adalah memakai gambar milik saya, silahkan sobat ganti dengan gambar yang sobat sukai. Cara memasang kode-kode diatas, silahkan ikuti langkah berikut ini : Untuk template klasik :

1. Sign in di blogger
2. Klik menu Template
3. Klim menu Edit HTML
4. Copy seluruh kode HTML yang ada lalu paste pada notepad kemudian save, ini sebagai backup data apabila kita melakukan kesalahan dalam proses edtitting template
5. Simpan kode berikut antara kode <body> ........ </body> :
<br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" scrollamount="14"><br /><img src="http://amen24.googlepages.com/face5.gif" width="100" height="100"/><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 358px; top: 2px; width: 60px; height: 450px;" scrollamount="5"><br /><img src="http://amen24.googlepages.com/face5.gif" width="30" height="30" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 441px; top: 55px; width: 60px; height: 250px;" scrollamount="9"><br /><img src="http://amen24.googlepages.com/face5.gif" width="30" height="30" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 498px; top: 53px; width: 60px; height: 380px;" scrollamount="6"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 800px; top: 51px; width: 60px; height: 350px;" scrollamount="7"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 390px; top: 55px; width: 60px; height: 450px;" scrollamount="5"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 749px; top: 54px; width: 60px; height: 250px;" scrollamount="5"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 325px; top: 52px; width: 60px; height: 300px;" scrollamount="10"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 600px; top: 49px; width: 60px; height: 350px;" scrollamount="8"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 873px; top: 52px; width: 60px; height: 400px;" scrollamount="3"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 50px; top: 55px; width: 60px; height: 700px;" scrollamount="12"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br />
6. Klik tombol Pratinjau untuk melihat perubahan
7. Jika sudah OK, klik tombol Simpan Perubahan Template
8. Selesai.

Untuk template baru :

1. Sig in di blogger dengan id sobat
2. Klik menu layout
3. Klik menu Elemen Halaman
4. Klik tulisan Tambahkan sebuah Elemen Halaman
5. Klik tombol TAMBAHKAN KE BLOG di bawah tulisan HTML/JavaScript
6. Copy kode di bawah lalu paste pada kotak yg tersedia, jangan lupa ganti alamat gambarnya dengan yang sobat miliki
<br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 1100px; top: 52px; width: 100px; height: 900px;" scrollamount="14"><br /><img src="http://amen24.googlepages.com/face5.gif" width="100" height="100"/><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; left: 358px; top: 2px; width: 60px; height: 450px;" scrollamount="5"><br /><img src="http://amen24.googlepages.com/face5.gif" width="30" height="30" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 441px; top: 55px; width: 60px; height: 250px;" scrollamount="9"><br /><img src="http://amen24.googlepages.com/face5.gif" width="30" height="30" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 498px; top: 53px; width: 60px; height: 380px;" scrollamount="6"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 800px; top: 51px; width: 60px; height: 350px;" scrollamount="7"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 390px; top: 55px; width: 60px; height: 450px;" scrollamount="5"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 749px; top: 54px; width: 60px; height: 250px;" scrollamount="5"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 325px; top: 52px; width: 60px; height: 300px;" scrollamount="10"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 600px; top: 49px; width: 60px; height: 350px;" scrollamount="8"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 873px; top: 52px; width: 60px; height: 400px;" scrollamount="3"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br /><br /><marquee behavior="scroll" direction="down" style="position: absolute; right: 50px; top: 55px; width: 60px; height: 700px;" scrollamount="12"><br /><img src="http://amen24.googlepages.com/face5.gif" /><br /></marquee><br />
7. Klik tulisan Lihat Blog untuk melihat hasilnya
8. Selesai.

Sebagai contoh saya sudah membuat blog dengan perintah ini, silahkan klik disini untuk contoh yang arah ke bawah, dan klik di sini untuk contoh yang arah ke atas. Jangan lupa sobat, untuk mencari situs penyedia animasi, silahkan gunakan search engine di bawah biar saya dapet komisi dari google ya dan yang pasti sobat tidak usah repot-repot buka browser baru bukan Selamat mencoba !

read more...

Link Exchange

BANNER Q

<a href="http://linggarreza.blogspot.com"> <img src="http://i51.tinypic.com/ftn8eb_th.jpg" /> </a> <br /><br /><br /><br />



BANNER TEMAN

read more...

Cara Membuat Tab View Menu

Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Hal ini pernah ditanyakan oleh sobat blogger pada kolom shout box beberapa minggu yang lalu tentang bagaimana cara membuat menu yang bisa memuat banyak judul, mungkin menu tab view ini yang dimaksud ya.

Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan yang paling penting jangan lupa untuk backup template sobat terlebih dahulu.

Jika setelah jadi nanti lebar atau tinggi menu tidak sesuai, silahkan sobat sesuaikan sendiri dengan isi dari menu yang sobat gunakan. Karena jika tidak mengerti akan jadi berantakan atau terlihat jelek. Oke sob, sudah mengerti toh…mantaabbbbb kita langsung ke TKP.

1. Silahkan login ke blogger dengan ID sobat tentunya.
   
2. Tuju Tata Letak.
   
3. Klik Edit HTML.
   
4. Jangan lupa backup template sobat terlebih dahulu dengan mengklik Download Template Lengkap.
   
5. Kemudian letakkan kode javascript berikut sebelum kode </head>
   
   <script type='text/javascript'>
   //<![CDATA[
   function tabview_aux(TabViewId, id)
   {
     var TabView = document.getElementById(TabViewId);
     // ----- Tabs -----
     var Tabs = TabView.firstChild;
     while (Tabs.className != "Tabs" ) Tabs = Tabs.nextSibling;
     var Tab = Tabs.firstChild;
     var i   = 0;
     do
     {
       if (Tab.tagName == "A")
       {
         i++;
         Tab.href      = "javascript:tabview_switch('"+TabViewId+"', "+i+");";
         Tab.className = (i == id) ? "Active" : "";
         Tab.blur();
       }
     }
     while (Tab = Tab.nextSibling);
     // ----- Pages -----
     var Pages = TabView.firstChild;
     while (Pages.className != 'Pages') Pages = Pages.nextSibling;
     var Page = Pages.firstChild;
     var i    = 0;
     do
     {
       if (Page.className == 'Page')
       {
         i++;
         if (Pages.offsetHeight) Page.style.height = (Pages.offsetHeight-2)+"px";
         Page.style.overflow = "auto";
         Page.style.display  = (i == id) ? 'block' : 'none';
       }
     }
     while (Page = Page.nextSibling);
   }
   // ----- Functions -------------------------------------------------------------
   function tabview_switch(TabViewId, id) { tabview_aux(TabViewId, id); }
   function tabview_initialize(TabViewId) { tabview_aux(TabViewId,  1); }
   //]]>
   </script>
   
   
   
6. Setelah itu letakkan kode berikut di atas kode ]]></b:skin>
   
   div.TabView div.Tabs
   {
   height: 30px;
   overflow: hidden;
   }
   div.TabView div.Tabs a
   {
   float: left;
   display: block;
   width: 98px; /* Lebar Menu Utama Atas */
   text-align: center;
   height: 30px; /* Tinggi Menu Utama Atas */
   padding-top: 3px;
   vertical-align: middle;
   border: 1px solid #BDBDBD; /* Warna border Menu Atas */
   border-bottom-width: 0;
   text-decoration: none;
   font-family: "Verdana", Serif; /* Font Menu Utama Atas */
   font-weight: bold;
   color: #000; /* Warna Font Menu Utama Atas */
   -moz-border-radius-topleft:10px;
   -moz-border-radius-topright:10px;
   }
   div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
   {
   background-color: #E6E6E6; /* Warna background Menu Utama Atas */
   }
   div.TabView div.Pages
   {
   clear: both;
   border: 1px solid #BDBDBD; /* Warna border Kotak Utama */
   overflow: hidden;
   background-color: #E6E6E6; /* Warna background Kotak Utama */
   }
   div.TabView div.Pages div.Page
   {
   height: 100%;
   padding: 0px;
   overflow: hidden;
   }
   div.TabView div.Pages div.Page div.Pad
   {
   padding: 3px 5px;
   }
   
   
   
7. Kemudian Simpan Template.
   
8. Langkah selanjutnya, silahkan sobat klik Tata Letak.
   
9. Klik Elemen Halaman dan tambahkan Gadget.
   
10. Pilih yang HTML / Javascript, dan tambahkan kode berikut kedalamnya.
    
    <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 300px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>
    </div>
    <div class="Pages" style="width: 300px; height: 250px;">
    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br /> </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Tab 2.1 <br />
    Tab 2.2 <br />
    Tab 2.3 <br />
    </div>
    </div>
    <div class="Page">
    <div class="Pad">
    Tab 3.1 <br />
    Tab 3.2 <br />
    Tab 3.3 <br /> </div>
    </div>
    </div>
    </div>
    </form>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
    
    
    
11. Kemudian Simpan.

Keterangan :

• Untuk kode yang berwarna merah adalah lebar dan tinggi menu, silahkan sobat sesuaikan dengan isi.
  
• Kode yang berwarna biru silahkan sobat isi dengan judul - judul dari menu.
  
• Dan yang berwarna ungu, adalah isi dari menu. Sobat bisa menambahkan link, gambar, banner, dll.

Oke sobat, selamat mencoba. Semoga berhasil.

read more...

Cara Mengganti Favicon di Blog

Cara mengganti favicon di blogger. Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon. 

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini? 

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout. Berikut tutorialnya. 

1. Masuk ke akun blogger anda.
2. Pilih menu Layout (Tata Letak) » Edit HTML.
3. Cari kode di bawah ini.
   
   
   
   <b:include data='blog' name='all-head-content'/>
4. Copy-paste kode berikut di bawah kode tadi.
   
   
   
   <link href='url-gambar' rel='shortcut icon'/>
   Ganti tulisan berwarna merah dengan url gambar yang akan dijadikan favicon.
   
5. Simpan template.

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

read more...

Cara Membuat Link Download

Bagaimana caranya agar file yang akan kita sharing bisa di download oleh pengunjung ? caranya sangat mudah. Sobat tinggal siapkan filenya, kemudian upload file atau data sobat di tempat penyimpanan online, bisa di Google Sites atau Photobucket. 

Untuk menyimpan / mengupload filenya, sobat harus mendaftar dulu di 2 layanan tersebut, pilih salah satunya saja. Jika file yang akan di sharing ke pengunjung berupa gambar, saya sarankan di upload di Photobucket saja, tapi jika berupa file yang lain seperti dokumen, file javascript atau yang lainnya, saya sarankan sobat menguploadnya di Google Sites. 

• Daftar ke Google Sites
• Setelah itu upload file yang akan sobat beri link donwload
• Misalnya file yang saya upload alamatnya seperti ini :
  
  

  http://sites.google.com/site/dodyfarial/file/BlueLight.zip

• Kemudian rubah menjadi seperti ini :
  
  

  <a href="http://sites.google.com/site/dodyfarial/file/BlueLight.zip">Download Template</a>

• Jadi deh link downloadnya, sangat mudah kan.

Untuk kode yang saya tandai warna merah ganti dengan alamat url tempat sobat menyimpan / mengupload filenya. Contoh file yang sudah jadi dan siap didownload seperti ini ==>> Download

 
Selamat Mencoba !
Semoga Berhasil !

read more...

Cara Pasang Avatar Mybloglog di Kotak Komentar

Tutorial cara memasang avatar mybloglog di kotak komentar sebenarnya sudah lama, tapi dari beberapa kali saya berkunjung ke beberapa blog sobat, jarang sekali yang mengaplikasikannya.

Padahal menurut saya, tutorial memasang avatar di kotak komentar yang di populerkan oleh Amanda ini sangat bagus, karena kita bs melihat wajah yang memberi komentar dengan syarat telah menjadi member mybloglog. Saran saya buat sobat yang sudah ikutan mybloglog, sebelum komentar di blog saya sebaiknya ganti dulu foto yang lama dengan foto terbaik milik sobat.

Langsung saja, seperti biasa loginlah terlebih dahulu ke blogger.

1. Buat yang belum mendaftar, jangan lupa untuk daftar dulu di mybloglog.
   
2. Kemudian pada halaman blogger, klik Tata Letak.
   
3. Pilih Edit HTML.
   
4. Klik Download Template Lengkap, untuk jaga – jaga !
   
5. Lalu Centang Expand Widget Template.
   
6. Kemudian letakkan kode berikut diatas kode </head>
   
   <script type='text/javascript'>
   //<![CDATA[
   /*
   Merlinox and Napolux MyBlogLog Avatar Creator
   created by Merlinox (blog.merlinox.com)
   helped by Napolux (www.napolux.com)
   version 0.1 (20061214)
   version 0.2 (20061215)
   compatible with all blogger blog
   */
   if(typeof(myLayer)!='function'){
   function myLayer (x){
   //individuo l'oggetto
   if(document.layers){ // browser="NN4";
   lay=document.layers[x];
   }
   if(document.all){ // browser="IE";
   lay=eval("document.all." + x);
   }
   if(!document.all && document.getElementById){ // browser="NN6+ or IE5+ if you're willing to dump the !document.all stuff";
   lay=document.getElementById(x);
   }
   return lay;
   }
   }
   //lo prendo da blogger
   function myBlogAvatar(codiceCommento,autore,stile){
   //scrivo lo span
   //var myBlogSpan = "myBlog-" + codiceCommento;
   //document.write("<span id='" + myBlogSpan + "'><i>myBlogLog...</i></span>");
   //metto tutto minuscolo perchè indexOf è case sensitive
   if (autore != ""){
   alt="MyBlogLog: " + autore;
   myBlog = "<a target='_blank' href=\"http://www.mybloglog.com/buzz/co_redir.php?href=" + autore + "\" rel='nofollow'><img src=\"http://pub.mybloglog.com/coiserv.php?href=" + autore + "\" alt=\"" + alt + "\" title=\"" + alt + "\" border=\"1\" class=\"myBlogAvatar\"></a>";
   //myLayer(myBlogSpan).innerHTML = myBlog + myLayer(myBlogSpan).innerHTML;
   //myLayer(myBlogSpan).innerHTML = myBlog;
   document.write(myBlog);
   }
   }
   //]]>
   </script>
   
   
7. Setelah itu cari kode seperti dibawah ini :
   <b:loop values='data:post.comments' var='comment'>
   
8. Kemudian letakkan kode berikut tepat setelah kode <b:loop values='data:post.comments' var='comment'> :
   
   <div style='border:0;float:left;margin: 0 5px 0 0;'>
   <script>
   myBlogAvatar('<data:comment.id/>','<data:comment.authorUrl/>');
   </script>
   </div>
   
   
9. Untuk kode yang berwarna ungu adalah jarak gambar dengan garis pinggir template, silahkan di otak-atik sendiri.

read more...

Cara Pasang Banner di Blog

Agar blog kita kelihatan lebih bagus dan dinamis, ada baiknya kita pasang banner di beberapa sidebar atau header blog kita. Banyak pengunjung blog yang langsung tertuju ke arah banner, apalagi jika kita punya banner yang interaktif dengan pengunjung.

Misalnya jika sobat terdaftar di suatu situs bisnis online, pastinya sobat akan mendapatkan banner untuk mempromosikan link url sobat di tempat sobat mendaftar. Banner yang diberikan berupa kode HTML yang bentuknya agak sedikit ribet, hehe.. tapi jika setelah kita copy paste ke blog kita, jadinya akan berupa gambar atau banner yang kita maksud.

Seperti ini contohnya, gambar berikut saya dapat setelah mengikuti program bisnis online yang dikenal dengan nama paid to click atau PTC.


dan biasanya akan diberikan kode html yang nantinya akan kita pasang di blog kita, seperti ini contoh kode html-nya :
<a href="http://www.buxp.net/?r=miskahiper"><img src="http://buxp.net/banner1.gif" alt="" /></a>
dan bagaimana cara memasangnya di blog kita? silahkan ikuti panduannya berikut ini :

1. Login ke Blogger dengan ID sobat.
   
2. Klik Tata Letak.
   
3. Klik Elemen Halaman.
   
4. Kemudian klik yang bertuliskan Tambah Gadget, bisa di sidebar, header atau bagian bawah template.
   
5. Kemudian pilih yang HTML/Java Script
   
6. Copy paste kode HTML sobat kedalamnya, sobat bisa menambahkan judul diatasnya jika mau.
   
7. Lalu klik Simpan.
   
8. Selesai.

## Membuat banner sendiri

Bagaimana jika sobat ingin memasang banner atau gambar sendiri ke dalam blog sobat dan jika di klik akan menuju ke situs atau blog sobat yang lain? saya akan berikan contohnya berikut ini.

Saya punya gambar kecil dengan bentuk seperti ini :

Bagaimana membuatnya menjadi banner yang mempunyai link didalamnya?

• Upload gambar tersebut kedalam situs penyimpanan online, sobat bisa upload ke Photobucket atau Google Sites
• Anggap saja sobat ingin menggunakan jasa Photobucket, pada halaman depan silahkan sobat klik Join Now It’s Free! untuk menjadi anggota
• Ikuti saja langkah-langkah pendaftarannya sampai selesai.
• JIka sudah selesai register, klik login untuk masuk ke halaman utama Photobucket
• Bagaimana cara upload gambarnya? pada bagian atas coba cari tulisan Upload images & videos, klik dan upload gambar yang sudah sobat siapkan.
• Setelah selesai upload gambar, kemudian sorot pada gambar tersebut dan klik yang HTML Code
  
• Sekarang copy paste saja dulu kedalam notepad, misalnya kode html untuk gambar yang saya upload ke Photobucket seperti ini :
  
  <a href="http://s643.photobucket.com/albums/uu155/miskahiper/?action=view&current=BANNER2.jpg" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a>
• Hapus kode yang berwarna merah dan ganti dengan kode url blog sobat atau situs yang ingin sobat beri link, sehingga jadinya seperti dibawah ini :
  
  <a href=http://miscah.blogspot.com" target="_blank"><img src="http://i643.photobucket.com/albums/uu155/miskahiper/BANNER2.jpg" border="0" alt="blogspot tutorial,blog,tips blogging"></a>
• Kode tersebutlah yang sekarang bisa sobat copy paste ke blog sobat.

read more...

Cara Pasang Flash di Blog

Untuk memasang flash ke dalam blog cukuplah mudah. Yang kamu perlukan yaitu file flash yang biasanya ber-extensi .swf lalu upload file tersebut ke hosting. misal di geocities.com ato 000webhost ato tempat hosting lainnya. File animasi flash tersebut bisa dijadikan hiasan pada blog ato bisa juga dijadikan hiasan di header sehingga membuat blog menjadi lebih animatif. Untuk memasang flash pada blog caranya sebagai berikut :

1. Login ke blogger kemudian pilih menu "Layout".
2. Kemudian klik link "Add a gadget" dimana akan ditempatkan animasi flash.
3. Pilih "HTML/Javascript" kemudian taruh script berikut :

<embed src="http://blogoholic.info/wellcome.swf" quality="high" bgcolor="white" width="500" height="100" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash"></embed>

Contoh :


* Ganti "http://blogoholic.info/wellcome.swf" dengan alamat file flash kamu yang telah ditaruh di hosting.
* Ganti width="500" height="100 dengan ukuran dari file flashmu.

read more...

Cara Membuat Efek Refresh di Blog

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.

Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :


<meta http-equiv="refresh" content="10"/>


Simpan kode di atas antara <head> .... </head>

sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :


<meta http-equiv="refresh" content="0;URL=tulis alamat URL tujuan di sini"/>


Selamat mencoba.

read more...

Cara Pasang Scrollbar di Blog

Kotak ini bisa kita gulung kekanan atau kebawah untuk menemukan teks lain yang tersembunyi sehingga bisa menghemat ruangan pada blog kita.

Untuk membuat kotak ini caranya sangat mudah:

1. Buka Blogger. Klik menu Layout -> Page Elements
2. Klik Add a Gadget. Lalu klik tombol + pada HTML/Javascript
3. Masukkan kode yang dibawah ini:

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Tambahkan teks atau kode script disini</div>



Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang berwarna merah dengan teks yang ingin Anda tampilkan.

Sebagai contoh, saya memasukkan:


<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog</div>


Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog






4. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya

read more...

Cara Menambah 3 (tiga) Kolom di Bawah Header

angsung saja, jika Anda ingin menambah 3 (tiga) kolom di bawah header blog Anda, berikut ini Cara Membuat 3 (tiga) Kolom di Bawah Header:

1. Login dulu ke Blogger, pilih Rancangan/Layout => Edit HTML, kasih tanda centang pada Expand Template Widget;
2. Cari kode ]]></b:skin>;
3. Sebelum atau di atas kode ]]></b:skin>, letakkan kode di bawah ini:
   /* Top Header
   ---------------------------- */
   #topheader {
   width:930px;
   clear:both;
   float:left;
   color:#333;
   background:#fff;
   margin:0 auto;
   padding:0 0 10px;
   }
   
   #topheader a:visited {
   color:gray;
   text-decoration:none;
   }
   
   #topheader h2 {
   font-size:11px;
   font-weight:700;
   line-height:1.4em;
   text-transform:uppercase;
   border-bottom:1px dotted silver;
   margin:0 0 10px;
   padding:20px 0 2px;
   }
   
   #topheader ul {
   color:#333;
   margin:0;
   padding:0;
   }
   
   #topheader ul li {
   list-style-type:none;
   background:fff;
   border-bottom:1px dotted #ccc;
   padding-left:17px;
   margin-top:2px;
   }
   
   #left-topheader {
   width:360px;
   float:left;
   padding-left:15px;
   }
   
   #center-topheader {
   width:230px;
   float:left;
   padding:0 20px;
   }
   
   #right-topheader {
   width:260px;
   float:right;
   padding-right:15px;
   }
   
   
   Keterangan:
   #topheader adalah kode untuk kolom secara keseluruhan;
   #left-topheader adalah kode untuk kolom sebelah kanan;
   #center-topheader adalah kode untuk kolom pada posisi tengah;
   #right-topheader adalah kode untuk kolom sebelah kiri;
   Width: px adalah kode untuk ukuran lebar kolom;
   Padding adalah jarak sela antara kolom satu dengan lainnya;
   
   Silahkan dimodifikasi, dengan catatan harus sama dengan jumlah lebar pada template Anda dan untuk mengetahui ukuran lebar template, cari kode: #outer-wrapper dan lihat nilai width-nya;
4. Selanjutnya cari kode di bawah ini:
   <div id='header-wrapper'>
   <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='Test Blog (Header)' type='Header'/>
   </b:section>
5. Tepat di bawah kode di atas, tambahkan kode di bawah ini:
   <div id='topheader'>
   <b:section class='topheader' id='left-topheader' preferred='yes'/>
   <b:section class='topheader' id='center-topheader' preferred='yes'/>
   <b:section class='topheader' id='right-topheader' preferred='yes'/>
   </div>
6. Simpan Tamplate, selesai.

Demikianlah tutorial cara menambah 3 (tiga) kolom di bawah header blog ini, semoga bermanfaat.

Selamat Mencoba, Semoga Sukses!!!

read more...

Cara Pasang Readmore Otomatis

Fungsi Readmore/baca selengkapnya pada posting adalah untuk menghemat halaman depan website/blog agar tidak terlalu panjang, selain itu juga dapat merangsang pengunjung untuk membaca salah satu posting di halaman depan website/blog tersebut.

Nah jika berkeinginan untuk pasang readmore otomatis pada blogspot Anda, silahkan ikuti langkah-langkahnya sebagai berikut:

Sebelum memulai memasang readmore otomatis pada blogspot/blogger Anda, ada baiknya perhatikan hal-hal sebagai berikut :

1. Download dan simpan template Anda terlebih dahulu, karena jika pemasangan gagal anda masih bisa mengembalikan blog anda seperti semula;
2. Jangan lupa untuk memberi tanda centang pada tulisan Expand widget template;
3. Untuk memudahkan pencarian code, gunakan tombol Find, caranya pada browser Anda klik pada menu Edit lalu pilih Find atau melalui keyboard komputer Anda, tekan Ctrl + F, lalu copy paste code yang mau dicari ke dalam kotak Find lalu Enter/Next;
4. Ini yang paling penting, apabila sebelumnya Anda sudah menggunakan Readmore versi lama, maka hapus dulu codenya.

Adapun langkah-langkah Cara Pasang Readmore Otomatis adalah sebagai berikut:

1. Login ke Account Blogger Anda;
2. Masuk ke halaman Edit HTML, lalu diatas kode </head> letakkan script di bawah ini:
   
   <script type='text/javascript'>
   var thumbnail_mode = "float" ;
   summary_noimg = 250;
   summary_img = 250;
   img_thumb_height = 120;
   img_thumb_width = 120;
   </script>
   
   <script type='text/javascript'>
   //<![CDATA[
   function removeHtmlTag(strx,chop){
   if(strx.indexOf("<")!=-1)
   {
   var s = strx.split("<");
   for(var i=0;i<s.length;i++){
   if(s[i].indexOf(">")!=-1){
   s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
   }
   }
   strx = s.join("");
   }
   chop = (chop < strx.length-1) ? chop : strx.length-2;
   while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
   strx = strx.substring(0,chop-1);
   return strx+'...';
   }
   
   function createSummaryAndThumb(pID){
   var div = document.getElementById(pID);
   var imgtag = "";
   var img = div.getElementsByTagName("img");
   var summ = summary_noimg;
   if(img.length>=1) {
   imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
   summ = summary_img;
   }
   
   var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
   div.innerHTML = summary;
   }
   //]]>
   </script>
3. Cari dan ganti kode <data:post.body/> dengan semua kode dibawah ini:
   
   <b:if cond='data:blog.pageType != "item"'>
   <div expr:id='"summary" + data:post.id'><data:post.body/></div>
   <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
   <span class='rmlink' style='float:left'><a expr:href='data:post.url'>READMORE - <data:post.title/></a></span>
   </b:if>
   <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
   
   Keterangan:
   
   Biasanya kode: <data:post.body/> berada di bawah kode: <div class='post-body'>, maka untuk memudahkan pencarian kode tersebut gunakan tombol Find seperti penjelasan di atas.
4. Simpan/Save Template, selesai.

Keterangan:

Kita dapat menentukan letak tumbnail (gambar), jumlah karakter tulisan baik tanpa maupun dengan tumbnail serta tinggi dan lebar tumbnail pada postingan dengan cara merubah kode merah tebal di atas dan berikut penjelasannya :

1. var thumbnail_mode = "float";: Letak thumbnail berada di “float” kiri atau jika tidak silahkan ganti dengan “no-float”;
2. summary_noimg = 250;: Jumlah karakter yang akan ditampilkan di posting tanpa gambar / thumbnail;
3. summary_img = 250;: Jumlah karakter yang akan ditampilkan di posting dengan gambar / thumbnail;
4. img_thumb_height = 120;: Tinggi thumbnail dalam ukuran piksel;
5. img_thumb_width = 120;: Lebar thumbnail dalam ukuran piksel;
6. READMORE-<data:post.title/>: Tulisan READMORE bisa diganti misalnya dengan “Baca Selengkapnya” dan apabila anda tidak ingin menampilkan judul dibelakang Readmore, Anda bisa menghapus code script ini <data:post.title/>.

read more...

Cara Pasang Widget Google Translate

Pada posting Pasang Widget Google Translate bahwa akan membahas bagaimana memasang widget google translate dalam bentuk bendera. Widget ini sedikit berbeda dengan widget Google Translate yang mungkin pernah anda jumpai di internet, karena ini merupakan widget google translate yang tampak lebih menarik.

Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :

     

     

Bagi anda yang tertarik untuk memasang widget ini, berikut adalah langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Elemen Halaman
4. Klik Tambah Gadget
   
5. Klik tanda plus (+) untuk HTML/Javascript
   
6. Copy paste kode google translate ke dalam kolom yang tersedia
   <style>
   .google_translate img {
   filter:alpha(opacity=100);
   -moz-opacity: 1.0;
   opacity: 1.0;
   border:0;
   }
   .google_translate:hover img {
   filter:alpha(opacity=30);
   -moz-opacity: 0.30;
   opacity: 0.30;
   border:0;
   }
   .google_translatextra:hover img {
   filter:alpha(opacity=0.30);
   -moz-opacity: 0.30;
   opacity: 0.30;
   border:0;
   }
   </style>
   <div>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBNfD-ofHJ36XIXMsaiNXyJ6tthPamxelhf9PXkEzIy3vBKfnSM1weGmsGpjh4g54ZXeDwvnw4HYEvy2yxDc8i1MZueXO1Q9n0jeeZcqRYuPS5A8ZptFXCOv7tnyVI_XEJN1J8Revr_3w/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cfr&hl=en'); return false;"><img alt="French" border="0" align="absbottom" title="French" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZEPUXpqISBZXahYQYc31KTNYvopIV0aj-HjvlKUjlX5gax8AhLNezW_G31lpx6zYctK9cqmaxEq0Z-Frlqrp0mt-0TUiXp2Pm3d7rCzjLmIMQPNGmI7FRVpQKTcj7mr6RoDEUF-SNQU/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cde&hl=en'); return false;"><img alt="German" border="0" align="absbottom" title="German" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpXe65yti4huUbEKUtqd0ncU2TMU6or3duW_FaKWxeJ8aRDVlei3g0Amk-gRVXGb5VTRlcqW1S-9q0RxUqlTINoIHSBmMcWwg5gF06s4Ei4ZuX1JZ8waMQ7bvrZ6tFQuQIt6jy8FAYRC8l/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Ces&hl=en'); return false;"><img alt="Spain" border="0" align="absbottom" title="Spain" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsHxADUiizN2Ia02XuWwMECpV87vVHTunGRiEwVARfzeJfonk1solakV_0z6EUvGDQU7POj3BjoZ2EKisMCI3Fzzj55gCOEXGeWV1f6Vpk4UNZsYUl64Zvj57qGY29OgFUO1T2Cs-_z1Q-/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cit&hl=en'); return false;"><img alt="Italian" border="0" align="absbottom" title="Italian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBADOI9doEmVFvUVFojw4TtHZeKsMm_-5SoAsaRubISj6T3Jr5rFpgjAaCfCrAipQQKoLwvdoOfklTAe96bK3Sj5Q6_hK-e3418qZVUb45VllxXoM3wVt-gCR9HYw_t8i0Isy9xQP9Erw/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cnl&hl=en'); return false;"><img alt="Dutch" border="0" align="absbottom" title="Dutch" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLfC2mSP5ARFhA8vWV8Gm74DgW0-ownEjrC7t_yUXh_3d9WCffGRPLwTX4aX0iA7BXPiEigsuJakc51jYm4ohooQimCCYJQOjHX0bAAx6kvvpUL-74c6W48x-qGA_f_YYWfrrDWKKSlok/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <br /><br />
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cru&hl=en'); return false;"><img alt="Russian" border="0" align="absbottom" title="Russian" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3AdaoubJHAsEQoLEYQFk33TzI20jhIgBzRi8NlWdzmlnL-deZkH6dsHnxmP-f0vugRyRWqk4exTrD-agoTW6bobWaTIU1sNP3vo0Iao06rtQD77D44oojcoopIuei28HegUQX9eBY_FI/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cpt&hl=en'); return false;"><img alt="Portuguese" border="0" align="absbottom" title="Portuguese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinWWfkNAOSETl2NzjWK8gOw3V-bxOWX0KQoQdJpMaPg943hppR1rpjzdOWSrzSAijy2W6_E19m54_mLmskiUs7LqZbIjb0e0AS49SAU__2O086tMGv5NNt8A2c142a_7q7ksloLqfufQY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cja&hl=en'); return false;"><img alt="Japanese" border="0" align="absbottom" title="Japanese" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOf5c08NKEKf9HLdOfy-wZ3pSSzVk3P4SX9TD-3CjqH7Pu1NW0i5FUBzQb1sLES_Q7Z8Pkh3bozTp0AP7RkTvkLhMYVjuo21PYmXT5I4tVQuo-jTTYX4WSMihRXxcwZBZfj2k6vYo1xAjK/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cko&hl=en'); return false;"><img alt="Korean" border="0" align="absbottom" title="Korean" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhglboHwyNAaODEgBXa_WJJm5t_cxgfPp-RBzHLKrd2sKEYTswzQpeXulDb-KeWBxyZEfjznH6FLAguW1Yr93dPDud22ktt6KmvpUkIgaak_9pmI7oi6PjyvDtJLAM_w5CLVhVnZPwbfwY/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Car&hl=en'); return false;"><img alt="Arabic" border="0" align="absbottom" title="Arabic" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwtvRUr9bRDabeSrryzwMzSOjPzHkyatpi9b1vEky5C0tgaWsfGjhrpuEJMCKMzJC5rm3TlyqGpJWL7Ucnr0WYke2_T60be4-kedzUy2ho-bxV7G3_NamC0UPe-ISMplUvLln2aSuFxws/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   <a class="google_translate" href="#" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Czh-CN&hl=en'); return false;"><img alt="Chinese Simplified" border="0" align="absbottom" title="Chinese Simplified" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh42-p_dkd0Da1AgUmRxD-SKRZ3NPrXHNv5rJtMmCj5uDd8t9iuhdSHLs4cl4Gt3CUMan4oKScbktBeDOKEJUkUCCbyI4cbPgCHESyppT13VmALElEh5yWzsAg2yDlBhvKjZqBuTMklYww/?imgmax=800" style="cursor: pointer;margin-right:10px" width="24"/></a>
   </div> <div style=”font-size:10px;margin:8px 0px 3px 0px”>
   by : <a href=http://www.blogspottutorial.com/>BTF</a>
   </div>
7. Klik tombol Simpan
8. Selesai

read more...