Hosting Gambar Diblogger

Bagi seorang blogger penggunaan gambar sangat diperlukan baik itu sekedar mempercantik blog atau membuat template blog. Untuk sebagian blogger menggunakan jasa hosting gratis untuk menyimpan gambar yang dibutuhkan, dan yang paling populer photobucket.com sebagai penyedia hosting gambar gratis, tapi seringkali terdapat masalah jika gambar sudah terlalau banyak dan melebihi limit gratisannya, alhasil diblog kita akan muncul gambar upgrade to pro today, jelas gambar itu membuat kita jengkel dan terlebih lagi jika anda seorang kretor template blogger gratis dan gambar dari photobucket itu muncul di template buatan anda dan digunakan oleh pelanggan anda, dapat dipastikan semua pengguna template anda akan lari dan situs amda pasti sepi.

Masalah tadi sebenarnya solusinya sangat gampang, dan tidak perlu jauh-jauh, gratis pastinya, anda cukup diblogger.com saja untuk menyimpa semua file gambar anda dan bahkan file gambar untuk template, gratis dan tanpa batas. Caranya cukup sederhana, pertama masuk blooger dengan account anda dan pilih newpost, dan buat posting baru seperti biasa, tapi kali ini yang kita masukan gambar semua dan jika anda ingin menyimpan gambar untuk template anda sama aja tinggal masukan aja gambar yang akan di perlukan tapi ingat jangan dipublish cukup save/simpen ke draft.

Sebelum anda menyimpan klik kanan pada gambar lalu Open Link In New Tab,dan lihat gambar yang anda tadi simpan kemudian klik kanan lagi dan Cory image location untuk mendapatkan lokasi gambar anda,

dan gunakan hasil copy tadi ( " terserah mau di paste di mana sesuai kebutuhan " ).

Jika belum bisa periksa dulu kode gambarnya, caranya copy di notepad seperti contoh dibawah:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGB4LSm0cWqPQHygX1K3XVxcz5sNiLFNvmW28N2mdRgGYHdrAOHtcizx19vbHFWMTCFPYrFpmy-L-807Q-4AW237oxABarMP_qWIfJn2ubjQLP9a3wJS8eHpZeQnhWGmLiwH6H23n6I2il/-h/header-blog.jpg

Hilangkan yang berwarna merah sehingga menjadi seperti dibawah ini kemudian baru dipakai

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGB4LSm0cWqPQHygX1K3XVxcz5sNiLFNvmW28N2mdRgGYHdrAOHtcizx19vbHFWMTCFPYrFpmy-L-807Q-4AW237oxABarMP_qWIfJn2ubjQLP9a3wJS8eHpZeQnhWGmLiwH6H23n6I2il/s1600/header-blog.jpg

Selesai, dan anda tidak perlu reput-repot mengorbankan uang untuk upgrade ke pro disini gratis ,dari pada dipake hosting gambar mending belikan Kopi dan Rokok aja biyar I Love U Full Ha.....ha...ha...

Tips and Tirik Blogging lainnya
1. Mengganti Icon Blogger
2. Cara mendapatkan penghasilan dari Blog
3. Memberi Red More di postingan yang terlalu panjang
4. Memberi Top Menu di template
5. Mengganti bahasa blog secara otomatis




Terimakasih

Cex

MENGGANTI ICON BLOGGER

Kali ini kita akan mengganti icon yang ada di bar browser,Ico blogger akan diganti dengan gambar sendiri, jangan bingung dulu ini bukan hal yang sulit malah cukup sederhana tinggal copy paste aja

Pertama buat dulu gambarnya tapi jangan gede-gede kira-kira 16 x 16 sampai 48 x 48, gambar bisa dibuat dengan format apa saja tidak perlu format Ico ko, tapi sarannya kalo formatnya bukan Ico lebih baik gif biar ukuran nya kecil dan anda bisa menggunakan aplikasi apasaja untuk membuat gambarnya.

Setelah gambar siap upload gambar ke penyedia hosting gambar gratis, yang dgeratisan aja cuma gambar kecil ini, sekedar referensi nih, saya menggunakan layanan photobucket.com dan kebanyakan blogger simpan gambar mereka disini,tapi jika anda punya yang lain, ya....ga perlu repot-repot daptar dulu ke photobucket.com sama aja ko.

Nah ini bagi yang belum punya hosting buat gambar klik disini untuk daftar ke photobucket,dan isi deh form pendaftaranya," GRATIS".

Setelah anda berhasil login mulai upload klik Upload images & vidios

Isi title dan deskripsinya terserah anda dan klik add tags to entire album kemudian ke menu atas my albums => albums & aupload untuk kembali kehalaman awal, setelah ada di halaman awal dekatkan mouse ke gambar yang akan dijadikan icon blog anda dan klik HTML code terus copy.




Tahan jangan masuk ke blogger dulu, paste dulu ke notepad biar tidak repot nantinya soalnya ada beberapa kode yang harus kita hapus sebelum di pasang, perhatikan kode dibawah ini :

<a href="http://s491.photobucket.com/albums/rr273/nceiif/?action=view&current=ico-blogger.gif" target="_blank"><img src="http://i491.photobucket.com/albums/rr273/nceiif/ico-blogger.gif" border="0" alt="ico-blogger"></a>

Hapus kode yang berwarna merah sampai kode terlihat seperti dibawah ini

http://i491.photobucket.com/albums/rr273/nceiif/ico-blogger.gif

Setelah kode siap baru kita masuk ke blogger dan pilih layout => edit HTML dan cari kede ini
<b:skin><![CDATA[/*  kemudian copy lalu  pastekan kode dibawah  ini

<link href='http://img6.pictiger.com/5ff/18527614.gif' rel='icon' type='image/gif'/>

tepat diatas kode tadi, kemudian kita rubah kode yang berwarna merang dengan kode yang sudah kita siapkan tadi. jika tipe file gambar anda bukan gif rubah kode gif pada kode  type='image/gif'/ sesuai tipe gambar anda.




Perlu di ingat untuk sebagian template kode

<link href='http://img6.pictiger.com/5ff/18527614.gif' rel='icon' type='image/gif'/>

sudah ada dan tidak perlu anda pastekan jadi tinggal rubah saja arah a href nya dengan kode yang kita siapkan, dan ingat perlu disesuaikan juga format gambarnya.


Sudah selesai tunggu apa lagi tinggal save dan berubah, selamat mencoba semoga bermanfaat.
Artikel Tips dan Trik Ngeblog:

1. Uang dari blog
2. Pasang Read More
3. Menambahkan top menu di template blog anda
4. Ganti bahasa bLog anda sesuai pengunjung secara otomatis

terimakasih
Cex

CARA MEMBUAT READ MORE PADA POSTING

Maslah artikel adalah panjangnya artikel itu yang membuat tampilan blog jadi tidak bagus, aplagi kalau posting yang tampil lebih dari tiga artikel untuk sebagian template sekarang read more sudah

dipasang oleh designnya, tapi masih ada template yang belum ad read morenya sehingga posting panjang banget. Solusinya pasang readmore sendiri caranya cukup ikutin langkah-langkah di artikel ini aja dijamin beres ko

Langkah pertama

Masuk halaman Layout kemudian klik Edit HTML, terus centang cek box Expand Widget Template. Pada kolom HTML itu, carilah kode ini: <p><data:post.body/></p>

hapus kode di atas dan ganti dengan kode >

<b:if cond='data:blog.pageType ==
"item"'>


<style>.fullpost{display:inline;}</style>


<p><data:post.body/></p>


<b:else/>




<style>.fullpost{display:none;}</style>


<p><data:post.body/></p>


<a expr:href='data:post.url'>Read More......</a>


</b:if>

Tulisan Read More bisa diganti dengan Baca selanjutnya atau suka-suka kalian aja Kemudian SAVE

Langkah kedua

Masuklah ke bagian New Posting, Cari kotak Post Template Isi kotak itu dengan kode:

<span class="fullpost"></span>

Tujuanya biar kalo tiap pertama posting kode itu muncul terus sebagai pengatur Read More

Langkah Ketiga

Masuklah ke New Posting, Sekedar conto untuk posting pake read more, Antara 2 tab, 'Compose' dan 'Edit HTML', pilihlah Edit HTM, kemudian masukan postingan anda diatas kode  <span class="fullpost"> </span> untuk tulisan yang ingin tampil, kemudian sisa postingan masukan
diantara <span class="fullpost"> dan </span> tulisan ini akan disembunyikan Read More dan tampil jika Read More diklik

contoh:

INI JUDUL POSTING

Tulisan diatas read more yang

akan tampil diatas

<span class="fullpost">

Tulisan ini akan sembunyi dan tampil setelah Read More di klik jadi posting tidak terlalupanjang
diawal

</span>

Dan ulangi langkah Ketiga tiap kali
posting

Tiops and Trik Lainnya:

1. Uang dari blog
2. Ganti Icon Blogger Dengan Gambar Sendiri
3. Menambahkan top menu di template blog anda
4. Ganti bahasa bLog anda sesuai pengunjung secara otomatis

Terima Kasi

Cex

Tutorial Photoshop : Membuat Text Transparan

Pertama buka file gambar di photoshop. Lalu buat text dengan text tool dengan warna putih.

Gunakan font Times New Roman ”60″, dan tulis text nya.
Lalu di text layer klik kanan dan pilih ”Blending Options…”. pilih blending option Multiply.


lalu klik ”Bevel and Emboss”. Dan sesuaikan dengan gambar dibawah

Eits….Jangan klik OK dulu, masih ada yang harus disetting.

Klik ”Stroke”.

Nah sekarang boleh deh klik ”OK.”
Gambar harus jadi kayak gini yaa..

Lalu klik kanan kembali layer text kemudian klik ”Blending Options…”. Klik ”Bevel and Emboss”. Supaya keliatan 3D.

Eits…jangan klik Ok… masih ada yang harus dikerjakan.

Sekarang tandai dan klik ”Contour”. Settingan seperti gambar bawah.

Lalu klik Color Overlay.

Setting seperti gambar.

Lalu klik OK.

Lalu sambil tekan ctrl klik layer text. Maka akan keluar garis putus-putus di tepi huruf. Lalu buat layer baru dengan klik di toolbar layer > new > layer.

Masih di layer baru, klik brush tool dan gunakan blur brush 5px. Jangan lupa, foreground color dirubah menjadi putih.


Lalu warnai tepi huruf dengan brush tool tadi. Tipis saja supaya kelihatan

lebih terang. Lalu ganti blending mode dengan overlay.
Hasilnya harus seperti ini :

Selamat mencoba!

Artikel Tutorial Photoshop : Membuat Text Transparan ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Kenali dan Kunjungi Objek Wisata di Pandeglang, untuk mengetahui lebih jauh tentang Pandeglang sebagai Objek Wisata yang patut diperhitungkan karena keindahannya.

PASANG IKLAN KUMPUL BLOGGER UNTUK PENGHASILAN

Hloo blogger ...........
Mungkin ada sebagian dari kalian yang sudah lama ngeblog dan jadi
Pemasang iklan sebagai penghasilan sampingan, ya itu penting awalnya sih
iseng-iseng tapi kalo dijalanin secara serius bisa jadi penghasilan tetap dan bahkan
bisa mengalahkan penghasilan dari kerja formal

Program ini sih sudah cukup lama ada banyak situs luar yang menawarkan program ini
cuma kebanyakan persyaratan aga ribet
dan sebagai alternatif join ama Kumpul blogger ga ada salahnya

klik disini untuk join

Selain ga terlalu ribet dengan persyaratannya Kumpul Blogger juga menawarkan pengiriman uang
secara transfer langsung dengan batas minimal penarikan penghasilan kita Rp.10.000
jadi ga perlu nunggu banyak untuk melakukan penarikan dan semuanya dibayar ko jangan takut

Kebanyakan dari Blogger mangawali ini semua dari iseng-iseng tapi banyak juga yang berhasil
dan malah sekarang banyak yag sudah jadi bos.
Program ini cuma mendaftar klik disini dan setelah diterima tinggal ambil kode iklannya
dan pasang diblog, biarkan aja sampai ada orang yang klik iklan itu dan
akan mendapatkan bayaran setiap kali ada yang membuka iklan tersebut, selain membuat
blog kita lebih kelihatan profesional menguntungkan juga

Program disini tergantung ke populeran blog kita,dan pengunjung yang banyak sehingga memungkinkan untuk
membuka iklan yang kita pasang,tapi jika kalian sering blog wolking, gabung disitus pertemanan dan di komunity blogger
mungki bisa mempromosikan blog anda pada teman-teman anda
jadi intinya join di Kumpul Blogger tidak ada salahnya soalnya kita tidak rugi sepeserpun
terus ini bukan menawarkan mimpi tapi nyata

Kumpul Blogger juga menjadikan kita bisa berkumpul dan mengenal para blogger yang telah berhasil
di program ini jadi kita bisa nanya-nanya, dan ini terbukti dibayar ko jangan takut semuanya jujur di kumpul blogger
jadi dari pada blog kita kosong cepetan join sekarang klik disini

Tips and Trik Lainnya:

1. Pasang read more pada posting
2. Ganti Icon Blogger Dengan Gambar Sendiri
3. Menambahkan top menu di template blog anda
4. Ganti bahasa bLog anda sesuai pengunjung secara otomatis

Ganti Bahasa blog

Sekarang kita buat cara blog kita mengganti bahasa
postingan biar ga malu dikunjungin bule heeeeeee……..

Jadi ga usah repot-repot bikin posting pake bahasa inggris
atau Arab apalagi Jepang biasa aja pake bahasa Negara kita biar system yang
merubah bahasanya

Oke ga ?

Seperti biasa copy kode ini

<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 width="100%" align="center">

<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/AVvXsEhcY-ZY2gTtuoTgGB9atXeTOJQwgwbJ0p9NR6vfPTgvkjdW02iRfjFtUWbDZ1K05-IbbvGPHPyUI_XAjlaNkZrFAd7pH71zB3UAuI4lLsgOEe05S5U3jkIu7cwxmg5zziGYvV_TV_wcRks/?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/AVvXsEiMc76f1J-Cl5eC4x9i9w8njElfsTAxDAtx8Bi8_MonyQWI1QAh9tUTK-SFIdCfqp3JA63M1ZFnCE2u8YqJcTFaSadp4ZppeQ38RTicxXckfWFB99KZ7lUIdvYPBHwWYI0v7hwH4WvHnOM/?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/AVvXsEgrS-qS8_wdu_kgd_vwOfrrhvXZL_34Vhpsv7Xy_krZsh67kFNfDk_WCGVE3gFU1oyKycUvno24V9MX8TiFghNSYVSi0ZxFZ0PqmBg-1K-4Wxy-Ut34CiEPlpON159NYKEe9O944mLe-r_f/?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/AVvXsEhSesi3B_tiTv1U5HQZmykIfWTyXi1Y77ra7amNReac2RKt9X_KAyv2ZAkRtjG3EZ4v9GvtbdOeMVgyFTm6zyR1tldlFSQu21_jXPB9YEe5jNkIdQN065DRPf49y9ylyX7Z79MblUT1iXCH/?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/AVvXsEjREB2krh8LoF4Zy2oOwLg61QDwBY4rc9bIrQh1HzdsA0Eoo4CuLYmMq9c9zDuhWkpa0K21M_YRAxTROLjXxIaluSOJNsSlmmZzXa9xYQdRgT85jY0M9DMbq4fx_JEIEYRVpKA6lUGI2yc/?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/AVvXsEipE6FrgmwW0uanZ4YPRyLSoWQSoBMm3x1WDLhsHTUT_UD3Y0YA4tu3b8tBxTZmKpjEID0IWclrLp241EsrMYxgw7SeGynACIL8ihWDMTOGr3k3fvIfTXvhcsXWldsAZ55KqjI7UBeh2Nw/?imgmax=800"
style="cursor: pointer;margin-right:10px" width="24"/></a>

<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/AVvXsEh0rUf32Us2L_Du0sKlqTTsfG6966m_gYoZTApfcnsTlQWpRW3HLDELO2j5ZtshCNEphdyXFpDgZDSB4m-bdW0pzqqJ74llNWklhwCQFEiMtoIYTr-h9ks6h2mDHcPsik1hJRVPHJX8Gsc/?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/AVvXsEgRlLcElZa0Tc4AhKvqosMq9hSZ4oNYY-5nk00e1zH7xD-mKfk_0gd1sIR4CwWqd2U0CCEQ3em5NvsvvlGh-NC8Hj1QD6dh1kvrk6Zpo2QjAdQ8l8jLyLpD4gwbEBvPpb_4OLw5D34bjPI/?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/AVvXsEi4LjSGI1_DOqrTx2sORrZBYw3JtxTZ0kCOR6h9r6xCHW0R2s2_K3Zf47S-PUeaK8L7h8Yv_ASHVWHafgXQHO7rX8gkpuqHTo4950Sn6ilFz6vIB1aAs2r8Y-WiDAAsil0DHYc5WCSBMlWS/?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/AVvXsEjAo9J6fSZ8gJIF6snTg-SuS9zcOMdnPsI_MWdWqVefYN8DdW_7axDuWnfSv2KtEcjCe9Whjh_Q2UbCgJjRD2FngWnt2YNCkTn8nwTM1znF2XBdsNhvluv5R3J-PorpNk3dS_qeetLpM3g/?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/AVvXsEhC5_G3mtM-9xsN1dCdO2zo-Hr-ae5uePi6plOuArUJAiYxSDSsw7Vuu1iE-zcvWHZBTr1sLFg1bQ-S6vS_cjoZoKF2MVzDQP_Pq_u6hsykdb-s5kn8Agr9byTWlWMpJF-s1cY71AzzZpU/?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/AVvXsEhO0PrYO5oS-PldFkg9BUtf3ejVs1H5ckUsJnOlXqnYkonOoOuoNOcJwz5PKoIE-sXq5IRmbXV3iW4N_V5UQ1hFWhcqLK6Nm-uPu618Ip-onVrn9RBdVqcI8OBTw3I69VjL2XgEtRpLLa4/?imgmax=800"
style="cursor: pointer;margin-right:10px" width="24"/></a>

</div> <div 0px 0px&#8221;
style="&#8221;font-size:10px;margin:8px" 3px>

</div>

Setelah di copy paste aja di page element yang mana aja
sesuai posisi yang enak

Dan coba aja tes dengan klik benderanya pasti bahasanya
berubah sesuai bendera yang di klik

Tips and Trik Lainnya:

1. Pasang read more pada posting
2. Ganti Icon Blogger Dengan Gambar Sendiri
3. Mendapatkan penghasilan dari blog anda
4. Pasang top menu rada template blog

Terima kasih

cex

MEMASANG TOP MENU BLOG

Tips & Trik kali ini akan
meberikan cara memasang top menu di blog
agar lebih menarik ga usah repot-repot copy paste aja kode dibawah ini semuanya

<style>

#subnavbar {

border-bottom: 1px solid #ffffff;

background: #000000;

width: 980px;

height: 30px;

color: #F73340;

margin-left: 0;

padding-left: 0; }

#subnavbar li li a, #subnavbar li li a:link, #subnavbar li
li a:visited {

background: #000000;

width: 140px;

float: none;

margin: 0;

padding: 6px 10px;

border-bottom: 1px solid #ffffff;

border-left: 1px solid #ffffff;

border-right: 1px solid #ffffff; }

#subnav li li a:hover, #subnav li li a:active {

background: #4169FC;

margin: 0;

padding: 6px 10px; }

#subnav {

margin: 0;

padding: 0; }

#subnav ul {

float: left;

list-style: none;

margin: 0;

padding: 0; }

#subnav li {

list-style: none;

margin: 0;

padding: 0; }

#subnav li a, #subnav li a:link, #subnav li a:visited {

color: #F73340;

display: block;

font-size: 10px;

font-weight: bold;

text-transform: uppercase;

margin: 0 5px 0 0;

padding: 6px 13px; }

#subnav li a:hover, #subnav li a:active {

background: #4169FC;

color: #000000;

display: block;

text-decoration: none;

margin: 0 5px 0 0;

padding: 6px 13px; }

#subnav li li a, #subnav li li a:link, #subnav li li
a:visited {

background: #000000;

width: 140px;

float: none;

margin: 0;

padding: 6px 10px;

border-top: 1px solid #ffffff;

border-bottom: 1px solid #ffffff;

border-left: 1px solid #ffffff;

border-right: 1px solid #ffffff; }

#subnav li li a:hover, #subnav li li a:active {

background: #4169FC;

margin: 0;

padding: 6px 10px; }

#subnav li li a:hover, #subnav li li a:active {

background: #4169FC;

margin: 0;

padding: 6px 10px; }

#subnav li {

float: left;

padding: 0; }

#subnav li ul {

z-index: 9999;

position: absolute;

left: -999em;

height: auto;

width: 160px;

margin: 0;

padding: 0; }

#subnav li ul a { width: 140px; }

#subnav li ul ul { margin: -25px 0 0 161px; }

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav
li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; }

#subnav li:hover ul, #subnav li li:hover ul, #subnav li li
li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li
li.sfhover ul { left: auto; }

#subnav li:hover, #subnav li.sfhover { position: static; }

</style>

<div id='subnavbar'>

<ul id='subnav'>

<li>

<a href='#'>Home</a>

</li>

<li>

<a href='#'>Tutorial</a>

<ul>

<li>

<a href='#'>C++</a>

<ul>

<li>

<a href='#'>C++ Dasar</a>

</li>

<li>

<a href='#'>IF Bersarang</a>

</li>

<li>

<a href='#'>Pengulangan Dg For</a>

</li>

<li>

<a href='#'>Tahun Kabisat</a>

</li>

<li>

<a href='#'>Rumus Lingkaran</a>

</li>

</ul>

</li>

<li>

<a href='#'>CSS</a>

<ul>

<li>

<a href='#'>CSS Dasar</a>

</li>

</ul>

</li>

</ul>

</li>

<li>

<a href='#'>Artikel Menarik</a>

<ul>

<li>

<a href='#'>Rahasia Kesempurnaan</a>

</li>

<li>

<a href='#'>Beo Jadi Raja</a>

</li>

<li>

<a href='#'>Cerita Inspirasi</a>

</li>

</ul>

</li>

<li>

<a href='#'>News</a>

<ul>

<li>

<a href='#'>Lubang Dalam IE</a>

</li>

<li>

<a href='#'>Microsoft VS Google</a>

</li>

</ul>

</li>

<li>

<a href='#'>Cex Bicara</a>

<ul>

<li>

<a href='#'>Birokrasi Di Indonesia</a>

</li>

<li>

<a href='#'>Untuk Blogger</a>

</li>

</ul>

</li>

<li>

<a href='#'>Abouth Me</a>

</li>

<li>

<a href='#'>Contact</a>

</li>

</ul>

</div>

<div style='clear:both;'/>

Setelah copy kode diatas cara paste kode ini ada dua cara
terserah kalian mana yang paling dirasa pas buat
blognya

Cara pertama

Paste di edit Page Elements

Kalo di template nya sudah ada widget diatas, maka tinggal
buat baru dan pilih HTML/Java script
diisi dan paste disana kodenya titlenya
kosongin aja

Cara kedua

Paste di edit HTML

Copy senmua kode diatas kemudian paste setelah <body> kalo
mau diatas header dan kalo mau top menu nya dibawah header maka paste setelah
Div tutup <div id='header-wrapper'> jadi jelasnya cari </div> dan paste deh

Kalo semua beres tinggal ganti # dengan link ke posting
yang diinginkan dan namanya sesuaikan juga

Dan atur warna dan ukurannya di CSS biar mecing sama
template yang digunakan

Tips and Trik Lainnya:

1. Pasang read more pada posting
2. Ganti Icon Blogger Dengan Gambar Sendiri
3. Mendapatkan penghasilan dari blog anda
4. Ganti bahasa bLog anda sesuai pengunjung secara otomatis

Terima kasih

Cex