cara buat google translate

oogle Traslate merupakan widget yang berfungsi sebagai penterjemah bahasa dari blog anda ke bahasa-bahasa lainnya di dunia. Karena fungsinya sangat penting , maka blog andapun perlu untuk menampilkan widget tersebut.
Dengan adanya Google Translate, pengunjung anda dari negara yang tidak mengerti bahasa dalam blog anda, mereka dapat mengganti bahasa blog anda dengan bahasa mereka.Cara memasang Google Translate :

1. Buka Lik ini http://translate.google.com untuk menuju Google Translate.
2. Klik menu Tool kemudian pilih bahasa pada blog anda.
3. Copy seluruh kode HTML dan simpan pada notepad.
4. Masukan kode HTML tadi kedalam blog anda dengan langkah-langkah seperti biasa : Login ke Blogger dengan ID anda , pilih Tata letak, Klik Tambah Gadget,Klik tanda plus (+) untuk HTML/Javascript, Copy paste kode google translate ke dalam kolom yang tersedia, Klik tombol Simpan,
5. Selesai Jadinya akan seperti ini :

Gadgets powered by Google
Selamat mencoba...!!
Jika anda suka penampilan dalam widget bentuk bendera dari negara-negara tertentu anda dapat mengcopy kode-kode dibawah ini kemudian masukan pada blog anda :

<a style="cursor: pointer;" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cen&amp;hl=en'); return false;"><img border="0" alt="English" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirnZBnCG6zDZGd-63rbsz3r2HXf2sf2f3WPPnUl0uH_bdSrRxgfAF9i2WxlGZT4xRys0qmV0tGBlXYhkHKW_YrGVDfP6b6t3G5_XN6n4ZhyqbKBjOrwHA4TGlun3jvVSfjsfYUOIiQ9Bc/s320/english.jpeg" height="20" title="English" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="French" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cfr&amp;hl=en'); return false;"><img border="0" alt="French" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyzSAJufo7LLJngH5J1Lkrsapuix-YLzio3Pl_9olJ6Zkc7pykaQpxFsdN9Tt-GlZxHBAdhZheD6TYW9yOOU3Aa_-22AtjhLd4Taa-9Io9XXuMAwSmTH5podvDP2BdrDE400BKvDYNwac/s320/french.jpg" height="20" title="French" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="German" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cde&amp;hl=en'); return false;"><img border="0" alt="German" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9VXvd6t-hgZBxX9In-xuyLBRWFDLjyyqPRFs0MI-t5Oekqp7sczVb977gvclKO08qYDPM_39_BJ3BVZwA9pROOO7Xm59rOy7989q5Lk4cn7GtMKE5kxrgSVFTTJ5EjhydoZRGngsLVcQ/s320/german.jpg" height="20" title="German" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Spain" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Ces&amp;hl=en'); return false;"><img border="0" alt="Spain" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9tthCkat9zvKD1mAc6q6lSYvBmaMH7chsv22nQlIj-H3iRQnn3hHr1WxCuioaOEN8_iOibJCXJQb1fvn9vbJCc12FixTPkHn7Gl5xrXbi76C2Iv6t4oQQJi3EYNeCb7hTxmutwQ-eZgQ/s320/spanish.jpg" height="20" title="Spain" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Italian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cit&amp;hl=en'); return false;"><img border="0" alt="Italian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCFMJvLZtd2bh1tDyudim_35idcBkehlYjh6haVwRKEPo8hDiMImxjQ3D5AjLuUihjwiKyjquM9hWBJpDk95vbb8mFysSNtEmJrMve1b37ymrFJp0lwN0ZrPXCaUQXjBZwldKjqOWqDZk/s320/italian.jpg" height="20" title="Italian" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Dutch" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cnl&amp;hl=en'); return false;"><img border="0" alt="Dutch" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBd-51fPnCFfwq0q3ioDIJzIaI2fqFs_aqQoThk7Obvb_ek_JpdSCfvj1oxvjZ4M_1Ijm1JfNTadnVHupalt2E4y31reEUGxZDcQ_KYUPLDUSfPjXUI2yA8nCQqBICv_Hmp_J_e-VoM-s/s320/dutch.jpeg" height="20" title="Dutch" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Russian" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cru&amp;hl=en'); return false;"><img border="0" alt="Russian" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLh79fapKZ4JD7nwL2rLdmmIpXt6k6PKQIv5ptHNWB3VpG4f02OMuT0kAhJbjKOelQADr9JCbE1tUqG4li4yuC2qvIqvwu5PsVNGVeYaQMxgMyobrbgMt911LtZGWdegbEYOajeCOvMgM/s320/russian.jpeg" height="20" title="Russian" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Portuguese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cpt&amp;hl=en'); return false;"><img border="0" alt="Portuguese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7b7dMx55fls71Iskdj8sd8hn8Vc16Gx6aK1pBiDMcqIDqjYpMxXXWUnrmFRJ4Q3-T6kDLfX4HElPF34t5UMfpwizlwJmXB8eVqALaO_v1evCCZ_MJtVlDdwApWy1KlqNNDae6QpkbqFg/s320/brazilian.jpg" height="20" title="Portuguese" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Japanese" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cja&amp;hl=en'); return false;"><img border="0" alt="Japanese" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI0s2-Jot6G9klxME6ry-jwTHquqLXtLRLm5lAGKpC7WU2uv0WhYevYkonN_iK_OE9xv68k-01kCd2M94eZ-qc-3SsxLKNzlgaqMCosiAx8t4qmyGlQMU_Gh0cEHSqklZtN8QgvKjfBSE/s320/japan.jpg" height="20" title="Japanese" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Korean" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Cko&amp;hl=en'); return false;"><img border="0" alt="Korean" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAk_kVjQE1DIJKoFJXjQym_jaVTKVq8vBT__7G2fAbmMv3oNADPPM-56UQjVEs1CoOFdrxHWt-CMpbF552304sOKgcdhKKNgtXpprdLUWlUGYjPQ7kCUb_uAJ2S7lLCy06JB-2lz32fOE/s320/korean.jpg" height="20" title="Korean" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Arabic" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Car&amp;hl=en'); return false;"><img border="0" alt="Arabic" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOH4SctOlT5YLwBKnfF5R9sTBXpyDOTRAXmBxs2TFHn8BgZ0i-fMcW33cGtWWxrTChfbivwox6gCEKzrcOSCMM0IyBS4sIQuD1ZTm7sBSbNeI9K35ttMaf6Fu-xMEwwLQ8jW_DIgee-GU/s320/arab.jpeg" height="20" title="Arabic" align="absbottom" /></a> <a style="cursor: pointer;" target="_blank" rel="nofollow" title="Chinese Simplified" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7Czh-CN&amp;hl=en'); return false;"><img border="0" alt="Chinese Simplified" style="cursor: pointer;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjydlCqWpIL_bDWGPTkQqFBFV-klQOyVwthnrst_jnq1wThgRCuhboazK2gbELYZknUwalEWu4aq6R5dX5chY1JivZISW4WgMIutJxlVDqCc9shjn2fGPyfupNqB2fhs5gIlW2_ORygKSI/s320/china.jpg" height="20" title="Chinese Simplified" align="absbottom" /></a>
Jadinya akan seperti ini :


English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

Contohnya :



Untuk contoh yang terakhir silahkan anda kunjungi :http://www.widgetbox.com

Selamat mencoba, semoga berhasil.

»»  SELENGKAPNYA...

cara menambah widget di bawah header

Kita tahu bahwa di bawah header blogspot tidak dapat diletakkan widget. Kenapa? itu adalah masalah template. Kode template telah mengunci header sehingga tidak bisa ditambahkan widget di bawahnya. Lalu bagaimana agar bisa ditambahkan? Ikuti metode di bawah ini :

Cari kode di bawah :

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='your blog title (Header)' type='Header'/>
</b:section>

Dari kode di atas terlihat, maksimal widget adalah satu, tidak ditampilkan add element, dan dikunci. Ubahlah menjadi seperti berikut :

<b:section class='header' id='header' maxwidgets='2' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='your blog title (Header)' type='Header'/>
</b:section>

»»  SELENGKAPNYA...

cara menampilkan online ym

Dalam trik kali ini kita akan coba membahas tentang "Bagaimana Caranya Menampilkan Status Offline/Online Yahoo Messenger". Trus fungsinya apa nih? gini, kalo ada misalnya ada penandanya seperti itu kan nanti pengunjung blogmu akan bisa langsung berinteraksi langsung denganmu, nha kalo gitu kan nanti pengunjung blogmu jadi tambah sayang ma kamu :p
Ok Langsung aja, Contohnya akan seperti ini, jika status kamu offline maka gambarnya akan seperti ini :



trus jika kamu online maka iconya akan berubah seperti ini:



Cara buatnya sangat gampang kamu tinggal copy script berikut ini trus kamu pasang di sidebar kamu, udah tahu kan cara pasanganya, itu lho seperti kalo km masang "page element", Masuk ke "Page Element" trus "Add a Gadget --> HTML/Javascript".






Ganti text yang warna merah (paijo) dengan id YM kamu.
perhatikan angka "2", itu bisa kamu ganti dengan angka yang lain dan hasilnya gambar yang ditampilkan akan berbeda-beda.

»»  SELENGKAPNYA...

tentang trik page rank dan alexa rank

Tips dan Trik Cara Menaikkan Alexa Rank Blog

Hallo sob ?!!

Bagaimana kabar ??? Saat ini saya memberikan sebuah tutorial tentang cara meningkatkan alexa rank pada situs anda. Banyak cara menuju Roma seh, jadi anda bisa memilih atau mengembat habis semua tips dan triks meningkatkan alexa rank ini.

Eits, sebelum ngasih tutorial tips naikin alexa rank, jangan - jangan ada yang belum tahu apa itu alexa ??? Disini yang dimaksud alexa adalah alexa.com bukan alexa penyanyi band asal indonesia itu. Alexa dot com adalah suatu situs yang memberikan ranking dari besar ke kecil ( ukurannya  pada semua ( kayaknya  situs di dunia blogosphere menurut tingkat visitornya dan popularitasnya. Kenapa saya menyebutkan dua item antara visitor dan popularitasnya ? Karena banyak kenyataan mengatakan visitor lebih dari 100 per hari malah lebih baik alexa rank nya daripada yang 1000 per hari. Ada yang bilang juga tergantung banyaknya IP ( Internet Protocol  visitor yang berbeda, hosting dan lain sebagainya.

Blogger yang maenan paid review dan bisnis - bisnis lain pasti memperhatikan alexa rank dan page rank. Makanya banyak orang mencari trick cara menaikkan alexa rank beserta page rank.

Ada berbagai cara optimasi atau meningkatkan alexa rank anda. Diantaranya :

• Pasang Widget Alexa, konon katanya bisa menaikkan alexa rank. *Setuju, sudah di buktikan pada situs ini. Dulunya 1 juta sekarang menjadi 500ribu an*. Tapi ini dampaknya pada pagerank anda. ( karena anda secara tidak langsung memberikan backlink kepada alexa .
• Letak hosting anda pengaruh pada situs anda. * Ini menurut diskusi saya dan guru ngeblog saya, dengan teori dasar jika hosting anda terletak di US maka visitor lebih cepat mengakses situs anda. Logikanya, Alexa itu dari mana? Luar negeri kan? Nah kalau pake hosting IIX mereka lama sekali membuka situs anda, so lemot juga naiknya ranking* ( dari diskusi, yang kami dapatkan adalah kesimpulannya begitu .
• Update rutin blog anda. *Kurang tahu ini berpengaruh atau nggak ya, tapi sepertinya pagerank dan alexa rank suka situs yang selalu up to date. Situs yang mengikuti keyword juga termasuk kategori situs yang UpTodate , tetapi saya anti keyword yang porno, seperti video dan foto cewek bugil SMP, SMA, dan mahasiswa pondok indah.*
• Ngereview seputar tentang alexa. *Sedang dalam penelitian, sebelum saya tulis review ini, alexa rank saya 500ribuan, jikalau setelah nulis review ini, alexa rank saya jadi 300ribuan maka mitos tersebut benar.*
• Bikin subdomain untuk mendongkrak traffik anda. *Kalau kuliahpsikologi.dekrizky.com dan iklangratis.dekrizky.com visitornya 50 per hari dan dekrizky.com visitornya 50 per hari, bisa jadi total visitor 100 hari. Benerkan??? Logikanya seperti itu.*
• SEO itu dimana - mana penting, dan bisa menjadi senjata untuk meningkatkan alexa rank. *Logika nya gini, ( Sorry ya ngomongnya logika terus, soalnya saya belum tahu rumusnya sih.  SEO bagus, otomatis visitor dari mesin pencari meningkat. Nah ngaruh kan?
• Alexa backlink akan didapat jika anda sering berkomentar di blog - blog lain alias blogwalking. *Kenyataan ini saya liat ketika mengechek siapa saja alexa backlink saya, ternyata kebanyakan dari komentar saya saat blogwalking.*
• Item tips dan trick yang ini akan ditambahkan di kolom komentar, dari komentar pembaca dari teori trial and error mereka.* Kalau ada yang mau nambahin silahkan share saja ya.*

Terserah anda mau percaya atau tidak tentang gossip ini, itu ditangan anda. Dan semua tips dan trik cara meningkatkan alexa rank ini juga tidak perlu dikerjakan semua. Kerjain aja yang sesuai akal sehat anda. Dan ada yang bilang soal kayak beginian ( pagerank dan alexa rank  di liat aja nanti, yang penting semangat ngeblognya.

Selamat mencoba !

• 
  

Related Posts

1. Cara Membuat Domain Parking, Parkir Domain, Adsense For Domain
2. Update Pagerank Plus Menaikkan Pagerank
3. Pentingnya Mengclaim Blog anda di technorati
4. Tahun 2010 Semangat Baru Untuk Lebih Maju
5. New Feature on Alexa.Com

Artikel Tips dan Trik Cara Menaikkan Alexa Rank Blog ini ditulis oleh Online Business. Kunjungi Psychology Blog untuk mencari informasi seputar Psychology.

»»  SELENGKAPNYA...

desain blog

Cara mendesain blogger – pernahkah anda mencoba untuk mendesain blog anda sendiri, mulai dari template sampai dengan widget yang digunakan tapi sangat disayangkan orang yang tidak terlalu mengenal dengan namanya CSS dan HTML akan sulit untuk mengutak atik dari tampilan template tersebut, pada dasarnya untuk membuat blog yang bagus hanya dibutuhkan kemampuan koding. Cara empeelajarinya juga tidak terlalu mudah karena ini adalah termasuk dalam bahasa mesin.Untuk mempelajarinya tidak hanya dengan membaca buku tapi dengan melakukan praktek, ingat bahwa pengalaman adalah guru terbaik yang bisa kita dapatkan.
Susunan dari template blogger pada dasarnya ada beberapa bagian yaitu adalah header, main, sidebar dan terakhir adalah footer, para pendesain blog dari tahun ke tahun semakin meningkat kemampuannya dan sekarang banyak sekali masterpiece yang bisa kita gunakan secara gratis, biasanya bisa kita mudah dapatkan di blog penyedia temmplate blogger gratis.Hal ini membuat kita lebih mudah dalam memilih tampian yang sesuai dengan niche yang kita inginkan, misalnya nice fashion, jurnalistik ataupun yang lainnya.
Cara mendesain blog yang perlu dipelajari juga adalah mengenai CSS yang merupakan dasar dari tampilan blog kita, dengan CSS yang bagus maka blog bisa tampil sesuai dengan keinginan kita, untuk mendapatkan CSS yang bagus biasanya kita bisa mendapatkannnya di web penyedia CSS, walaupun begitu kita tetap bisa menggunakan CSS bawaan wordpress jika tidak ingin susah payah mencari CSS yang kita inginkan.

Belajar mungkin berat bagi beberapa orang, namun jika anda telah mahir dalam membuat template blogger maka uanglah yang mengalir dengan sendirinya kepada diri anda, jadi sebenarnyadi bidang ini kita tetap bisa mendapatkan uang dari blog , namaun sangat disayangkan bagi anda yang telah membuat blog multiply tidak bisa mengedit dengan sesuai selera karena tidak ada fasilitas edit yang disediakan

»»  SELENGKAPNYA...

cara buat blog

Blog dari fasilitas google alias blogspot memang sangat mudah untuk di modifikasi, dari polling seluruh blogger di seluruh penjuru dunia maka hampir sebagian memilih blogspot sebagai tempat ngeblog yang paling asyik, cara membuat blog bukan tempat khusus tutorial modifiasi blog saja tetapi juga tempat penulis untuk sharing dan curhat saat menemui masalah dengan search engine, jika anda berpikir bahwa blog khusus tutorial itu hanya masalah modifikasi blog maka anda salah besar kaerna banyak sekali ilmu yang perlu dipelajari selain CSS dan HTML, apakah hal tersebut? yang pertama adalah proses SEO atau biasa disebut merambah google biar dirangkul, dengan semakin sayangnya google terhadap blog kita maka uang pun akan datang dengan sendirinya.
Tutorial apa saja yang perlu diperhatikan untuk memberikan pengetahuan seputar ngeblog, banyak sekali sebenarnya yang harus dipelajari namun ada beberapa tutorial modifikasi blog sebagai garis besar untuk diketahui yang pertama ada;ah pengetahuan seputar template, blogger memiliki coding yang tidak terlalu sulit dibandingkan dengan wordpress, bahasanya mudah diingat dan tidak terlalu rumit, untuk pengetahuan temmplate anda bisa mendownload ilmu CSS dan HTML kedua hal inilah yang menjadi point penting dalamsebuah template.
Selain masalah template ada juga masalah meningkatkan kredibilitas kita di mata google, untuk hal ini kita bisa memodifikasinya dengan memberikan banyak backlink terhadap blog utama kita, semakin banyak maka semakin bagus jika ada hambatan seperti sandbox maka bersabarlah karena sandbox itu tidak berlaku lama jika kesalahan yang kita buat tidak terlalu besar.

»»  SELENGKAPNYA...

UvumiTools Drop down Menu

For those who are interested in installing the navigation on a blog, maybe you are interested in this drop down menu called UvumiTools Drop Down Menu.

The difference of UvumiTools Drop Down Menu from the others is at its move that is so smooth, and exotic when we open and close the menu. It is because of using Mootools Javascript FrameWork thus making your blog perform more professional instead of it before. The original tutorial of UvumiTools Drop Down Menu can be read at this page, and at this tutorial, you will find a bit different because Kang Rohman has given a touch on it to be viewed more interesting.
 

Need to remember that one template will be different with the others, so you have to be able to adapt this tutorial with your template by modifying the CSS given.
Preparation in creating UvumiTools Drop Down Menu:

• Keywords

The keywords that I mean are those to be viewed in the navigation. As an example, Kang Rohman wants to use the keywords of Home, Free Template, Blog Tutorial, Business Guide, and more.

• Links

The links that I mean are the URL addresses to be pointed when visitors click on the keywords or navigation buttons that we will create at this tutorial. The links or URL addresses can be directed to other blogs. Example:
http://template-tutorial.com
http://www.blogspottutorial.com
http://www.life4business.com

The URLs can also point to the pages in the blog itself, e.g. the posts or categories. If you have not caught this point, please get the article talking about Horizontal Navigation here at Tutorial On Making Horizontal Navigation , e.g. :
http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html
http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html
http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html

Need to remember again that one template design will be different from the others, so it is possible that this tutorial will not work on your blog.  Therefore, Kang Rohman suggests you to apply this tutorial on your new blog as try-out to avoid the error occurring to your main blog. Please choose the white minima template to make you easy.
Let’s get started:

1. Please login to blogger with your ID
2. Click Layout
3. Click Edit HTML.
          
4. Find the code]]></b:skin>
5. Copy and paste the code below exactly above the code ]]></b:skin>

.</p><pre>.NavbarMenu {<br>    background:#191B1D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6zsu7dDR0dqzNebvALCPO8JyjUe0IMyuSDtIxUgL4f1Zcc3GSh9VaL4Ze0GpgchkdGtN9E99JXPfLAptRfkXdWtVb6ikp_1Bx0iwYzjZKH6dVV4ICUmJ2DI32WgDPOo3Z7Gvu-XWzyF0/s400/button1.gif) repeat-x top left;<br>    width: 100%;<br>    height: 37px;<br>    color: #FFFFFF;<br>    margin: 0 auto;<br>    padding: 0;<br>    font: bold 8px Arial, Tahoma, Verdana;<br>    clear:both;<br>    border-left:1px solid #333;<br>    border-right:1px solid #333<br>}<br>.NavbarMenuleft {<br>    width: 75%;<br>    float:left;<br>    margin:0;<br>    padding:0;<br>}<br>.nav {<br>    margin:0;<br>    padding:0;<br>}<br>.nav ul {<br>    float: left;<br>    list-style:none;<br>    margin:0;<br>    padding:0;<br>}<br>.nav li {<br>    list-style:none;<br>    margin:0;<br>    padding:0;<br>}<br>.nav li a, .nav li a:link, .nav li a:visited {<br>    color:#fff;<br>    display:block;<br>    text-transform:capitalize;<br>    margin:0;<br>    padding:11px 10px 8px;<br>    font:normal 12px Georgia, <span class="IL_AD" id="IL_AD7">Times New Roman</span>;<br>    text-decoration: none;<br>}<br>.nav li a:hover, .nav li a:active {<br>    background:#102427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxcJeTUh89tGQA3Ufgl-MrIsOiQ10JiAORHrWyhA6pF8qAQnu5CLltLC6Cz3Po5SBYe8mW0TCYFsKRvGp_Xp-PMBQqEokas5LnK_jD8MyjIXqiTGX1P77YEezaJgtuEUtaTHtKiZKdrU/) repeat-x top left;<br>    color:#FFF;<br>    margin: 0;<br>    text-decoration: none;<br>}<br>.nav li li a, .nav li li a:link, .nav li li a:visited {<br>    background:#2C5F24 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6zsu7dDR0dqzNebvALCPO8JyjUe0IMyuSDtIxUgL4f1Zcc3GSh9VaL4Ze0GpgchkdGtN9E99JXPfLAptRfkXdWtVb6ikp_1Bx0iwYzjZKH6dVV4ICUmJ2DI32WgDPOo3Z7Gvu-XWzyF0/s400/button1.gif) repeat-x top left;<br>    width:200px;<br>    color:#fff;<br>    text-transform:capitalize;<br>    float:none;<br>    margin:0;<br>    padding:7px 10px;<br>    border-bottom:1px solid #0d2601;<br>    border-left:1px solid #0d2601;<br>    border-right:1px solid #0d2601;<br>    font: normal 14px Georgia, Times New Roman;<br>}<br>.nav li li a:hover, .nav li li a:active {<br>    background:#102427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqxcJeTUh89tGQA3Ufgl-MrIsOiQ10JiAORHrWyhA6pF8qAQnu5CLltLC6Cz3Po5SBYe8mW0TCYFsKRvGp_Xp-PMBQqEokas5LnK_jD8MyjIXqiTGX1P77YEezaJgtuEUtaTHtKiZKdrU/) repeat-x top left;<br>    color:#fff;<br>}<br>.nav li {<br>    float:left;<br>    padding:0;<br>}<br>.nav li a.enclose, .nav li a.enclose:visited {<br>    border-top:1px solid #000;<br>}<br>.nav li ul {<br>    z-index: 9999;<br>    position:absolute;<br>    left:-999em;<br>    height:auto;<br>    width:170px;<br>    margin:0;<br>    padding:0;<br>}<br>.nav li ul a {<br>    width: 140px;<br>}<br>.nav li ul ul {<br>    margin: -1px 0 0 220px;<br>}<br>.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {<br>    left:-999em;<br>}<br>.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {<br>    left:auto;<br>}<br>.nav li:hover, .nav li.sfhover {<br>    position:static;<br>}<br>#search {<br>    width: 25%;<br>    font-size: 11px;<br>    float: right;<br>    margin: 0;<br>    padding:0;<br>}<br>#searchform {<br>    margin:0;<br>    padding:0;<br>    overflow:hidden;<br>    display:inline;<br>}<br>#searchbox {<br>    background:#ddd;<br>    padding:0;<br>    margin:0;<br>}<br>#search input {<br>    background:transparent;<br>    color:#fff;<br>    float:left;<br>    font-size:12px;<br>    margin: 7px 0 0 10px;<br>    width: 110px;<br>    padding:3px 7px;<br>    border: 1px solid #fff;<br>    font: normal 10px arial, verdana, Times New Roman;<br>}<br>#search .btn {<br>    margin:7px 0 0;<br>    padding:0;<br>    width:auto;<br>    border:0;<br>} </pre><p>

Copy and paste the code below exactly above the code <b></head></b>

</p><pre><script type="text/javascript" src="http://uvumitools.googlecode.com/files/mootools-for-dropdown.js"> </script> <br><script type="text/javascript" src="http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js"> </script> <br><script type="text/javascript"> <br>var myMenu = new UvumiDropdown("dropdown-menu"); <br></script></pre><p>

Scroll down your mouse and then find the code similar with:

</p><pre><p><div id='header-wrapper'> <br><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <br><b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> <br></b:section> <br></div></p> <br></pre><p>

Copy and paste the code below exactly under the code:

</p><pre><p><div class='NavbarMenu'> <br><div class='NavbarMenuleft'> <br><ul id='dropdown-menu' class='nav'> <br><li><a href='<font color="#ff0000">http://kolom-tutorial.blogspot.com/</font>' rel='nofollow'><font color="#008000">Home</font></a></li> <br><li><a href='<font color="#ff0000">http://kolom-tutorial.blogspot.com/search/label/download%20gratis</font>' rel='nofollow'><font color="#008000">Free Template</font></a> <br><ul> <br><li><a href='#' rel='nofollow'>Magazine Template Series  »</a> <br><ul><li><a href='<font color="#ff0000">http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html</font>'><font color="#008000">Magazine Template R.1</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html</font>' rel='nofollow'><font color="#008000">Magazine Template 1</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2008/09/free-template-magazine-template-2.html</font>' rel='nofollow'><font color="#008000">Magazine Template 2</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-hijau.html</font>' rel='nofollow'><font color="#008000">Magazine Template 3</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-biru.html</font>' rel='nofollow'><font color="#008000">Magazine Template 3.2</font></a></li> <br></ul></li> <br><li><a href='#' rel='nofollow'>Magazine Template R Series  »</a> <br><ul><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html</font>'><font color="#008000">Magazine Template R.1</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r12.html</font>'><font color="#008000">Magazine Template R.1.2</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/04/magazine-template-r13.html</font>'><font color="#008000">Magazine Template R.1.3</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/04/free-magazine-template-r14.html</font>'><font color="#008000">Magazine Template R.1.4</font></a></li> <br><li><a href=<font color="#ff0000">'http://kolom-tutorial.blogspot.com/2009/07/free-magazine-template-r15.html</font>'><font color="#008000">Magazine Template R.1.5</font></a></li> <br></ul></li> <br><li><a href='#' rel='nofollow'>Templates Gallery</a></li> <br></ul> <br></li> <br><li><a href=<font color="#ff0000">'http://www.blogspottutorial.com/</font>' rel='nofollow'><font color="#008000">Blog Tutorial</font></a></li> <br><li><a href='<font color="#ff0000">http://www.life4business.com/</font>' rel='nofollow'><font color="#008000">Business Guide</font></a></li> <br></ul></div> <br><div id='search'> <br><form action='/search/' id='searchform' method='get' style='display:inline;'> <br><input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/> <br><input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFXDEYMm5ZoOjiHKE_BSxsnfjyTu_0wIrkkxs3qTkPJjliwG5ZdcVAKYMMck3FMC28BtTnlc8OrxjB0lTL95Bir1ltNamI0yqchrGT651IPpU6hZjlf_aDCLSMWMm_i2IcdQbRhRXwZ7E/?imgmax=800' type='image' value='Go'/> <br></form> <br></div></div></p> <br> </pre><p>

9. Click SAVE TEMPLATE.
10. Done

For the first step, you have done it, and for the next step, you simply replace the red-printed links with your own links, and the keywords as viewed in green should be replaced with your own as well.
I am sure that you have to edit on the CSS to match with the characteristics of your template. If you want the raw file of the CSS and JavaScript UvumiTools Drop Down menu, please download here!

»»  SELENGKAPNYA...

Blogger gets ready to launch Static Page

There’s good news from blogger in draft. Blogger now gets ready to launch the feature of Static page. What is the static page? Static page is a page that is not included with your post pages of your blog. This page is usually used for the pages of About Me, Contact Us, etc.
Since this feature is on probation, you only can activate it through the blogger in draft.
Below is how to create the blogger static page:
• Please visit the page of http://draft.blogger.com, then login using your blogger’s username and password.
•  Click Edit Posts.
•  Click the Edit Page tab, and then click the New Page button

•  The post editor will appear, and please fill out as you want. After that, click Publish Page
•  After that, an option will appear, whether you want that page on Blog sidebar, tab Blog, or No gadget. Give an option and then click SAVE AND PUBLISH.
•  Please see the result on your blog.
•  Done

You also can manage and arrange this static page through Layout tab and then Page Element.

For more details about this static page, please read at blogger in draft.

»»  SELENGKAPNYA...