Hack4rt Simple Responsive Blogger Template Final

Untuk anda yang menunggu template modifikasi baru dari Hack4rt, Hehe seperti saya ini. Template ini mungkin bertampilan lebih joss dari Template Premium Hack4rt V.3. Tapi kali ini saya tidak akan membuatnya premium. Template ini sudah final dari template yang saya share sebelumnya. 

Fitur

1. Tampilan Cerah (Light)
2. Responsive Template by Mas-Sugeng
3. Bottom-Bar by Hack4rt
4. Post 2 Kolum dan Google Plus by Hack4rt
5. Ads by Hack4rt
6. Floating Navigation by Hack4rt
7. Blue Navigation by Mas-Sugeng
8. 2 Kolum Sidebar by Hack4rt
9. Share Button by Hack4rt
10. Subscribe by Hack4rt
11. Related Modified by Hack4rt
12. TEMPLATE JOSS by MAS-SUGENG

Template ini Gratis, Hargai Pembuat dan yang Memodifikasi. Hack4rt dan Mas-Sugeng dengan tidak menghapus dan mengganti link Credit!

DEMO | DOWNLOAD

Update Fix 6 Juni 2013

- Label Search Design

- 768 Width Responsive Post

- Related Post Fixed

Thanks For Hack4rt

Read more »

Super SEO Template & Responsive - Hack4rt V.3 Minimalis

Template Hack4rt V.3 merupakan template premium modifikasi dari template Dark Responsive nya Kang Kapuk. Template Hack4rt V.3 ini pernah membuat Hack4rt masuk dalam halaman pertama google pada keyword tertentu. Karena premium, template hack4rt v.3 tidak dapat didownload dengan gratis. Namun karena hari ini tanggal 27 April bertepatan dengan Ulang Tahun admin (Noval Bintang) template Hack4rt v.3 ini saya buat minimalis dan tetap responsive. Namun, template ini mungkin tidak akan mendapatkan update terbaru seperti Hack4rt V.3 Premium. Template Hack4rt v.3 minimalis ini akan saya bagikan secara gratis

Spesifikasi

1. Responsive Template
2. Valid HTML5
3. 89% SEO pada Chkme
4. Minimalis
5. Light 
6. Fast Loading
7. Dll

*nb: saya mohon tidak menghapus dan mengganti link credit

DEMO | DOWNLOAD

 

Sumber : http://www.hack4rt.us/2013/04/super-seo-template-responsive-hack4rt.html

Read more »

Cara Hack di Nokia E63

Setelah dengan Banyak rintangan dan hambatan, akhirnya saya menemukan juga cara untuk hack hape symbian s60v3 Tapi ini khusu nokia E63.

Yaudah langsung aja praktek...

pertama kita siapin alat HACK NOKIA E.63

1. xplorer kalo udah punya lewatin aja

2. alat tempur hack ( kusus ) E.63



3. instal server exe kusus E.63

1. bukak menejer aplikasi >> pilihan >> pengaturan = pasang perangkat lunak SEMUA

periksa sertifikat . Online = TIDAK AKTIF

2. Instal xplorer jiika tidak bisa instal ..!!!!! samakan tanggal dg tanggal sekarang..

3. Trus tekan angka nol dan bagi HP qwerty tekan sif + anka 5 Centk smua kolom yang ada dan bex .....
liat gambar



4. Pindahkan ( extrax ) tmquarantine bersama foldernya ke C//:

5. Instal MobileSecurity ke C:// aja biar gampang jika tidak bisa instal cobak pengaturan tanggalnya di undurkan 2 tahun dulu menjadi 11-11-2011 trus minimaliskan explor atau tekan tombol menu

bukak mobile scurity tekan >> pilihan >> quarantini list >> mark all >> restor
liat gambar









6. Instal rompackter

bukak ropackter open4all rp+
liat gambar




funsinya untuk membuka folder sys / prifat

7. Pindahkan ( extrax ) instal server exe yang ada di file .zip tadi ke C// sys >> bin

liat gambar



dan restart hape kamu dan coba sobat instal aplikasi misall ttpod / golden phyton jika bisa sukses buat sobat

cukup sekian dari saya dan mon maap jk banyak kesalahan

wasalam


Sumber : http://www.buverhaven.p.ht/cara-hack-nokia-e-63.xhtml

Read more »

Menambah Bahasa di Symbian s60v3

malam ini dibulan puasa ini saya akan bagi2 informasi mengenai Dunia handphone Symbian s60v3. Trik yang kali ini akan saya bahas adalah bagaimana cara menambahkan bahasa pada ponsel atau hp symbian s60v3. cara berikut ini sudah saya tes di hp n73 saya. dan hasilnya WORK...

Bahasa tulisan dan bahasa telepon itu berbeda, tidak usah aku jelaskan pasti kalian sudah tahu perbeda'anya, dengan menambah bahasa tulisan kita bisa menulis huruf/karakter dari bermacam2 negara, biar tidak penasaran langsung aja ke pointnya.

Default bahasa tulisan di N73 terdiri dari english, indonesia, malaysia, pilipino. Dan skrang kita coba menambahkanya dengan bahasa laen dr berbagai bahasa negara.

Peralatan yang di butuhkan sbgai berikut:
1. Rompatcher.sis Download dan instal
2. Ptiengine.zip Download
3. Language.zip Download

4. Langselection.zip Download

Setelah smua di download sekarang ikuti petunjuk di bawah.

1. Buka rompatcher, kemudian apply file open4all yg ada didalamnya

2. Buka xplorer dan cari peralan yg telah kamu download tadi.
Extract ptiengine.rscyg ada di dalam ptiengine.zip dan taruh ke folder C:\resource\(taruh disini)

3. Buat folder multitap di dalam drive C:\recource\, hasilnya jadi seperti ini C:\recource\multitap.
Kemudian extract smua file yg ada di dalam language.zip dan taruh di folder yg telah dibuat tadi. C:\resource\multitap\(taruh disini).
4. Extract file langselection.rmp yg ada di dalam langselection.zip dan taruh di folder E:\patches\(taruh disini)
(disitu aku sdiakan 8 file langselection.rmp , silahkan pilih salah satu yg bisa jalan untuk type ponsel kamu)

5. Buka rompatcer terus apply dan add to auto file Langselection.rmp

6. Sekarang kita liat hasilnya dngan menulis sms, tekan tombol pencil dan pilih bahasa penulisan, disitu akan muncul bahasa penulisan dr berbagai negara yg telah kamu masukan tadi.

kamu juga bisa melakukan setingan lewat pengaturan telepon dan pilih bahasa penulisan yang mau kamu gunakan.

NB:
Jika ponsel kamu tdk bisa membaca banyak bahasa, maka pasang dulu font yg bisa membaca banyak bahasa.
Maaf aku tidak bisa berikan file fontya, karena file terlalu besar hinggu sulit di upload.

Read more »

Cara Menambah Banyak Orang Yang Like Fanspage Facebook Dengan Mudah dan Cepat

Hampir semua blog sekarang ini sudah memiliki Facebook Fans Page. Tujuannya tentu saja untuk lebih memudahkan pemilik blog memberikan informasi kepada orang-orang yang sudah bergabung di Facebook Fans Page.

Memiliki Facebook Fans Page dengan jumlah penggemar yang banyak adalah suatu kebanggaan tersendiri dan ini bisa menjadikan blog kita terlihat lebih profesional dan berkualitas. Dan bila kita berorientasi pada uang, setelah kita berhasil memiliki jumlah penggemar beberapa puluh ribu atau mungkin ratusan ribu, kita bisa juga menjual Facebook Fans Page kita tersebut. Tentu saja semua itu prosesnya akan lama :)

Bila kita ingin cepat mendapatkan jumlah penggemar di Facebook Fans Page, ada satu cara mudah untuk meingkatkan jumlah penggemar atau like Facebook Fans Page. Caranya adalah:

1. Silahkan langsung menuju halaman situs YouLikeHits.com
2. Lakukan pendaftaran, dengan mengisi username, email, password, kode captcha.
3. Setelah pendaftaran selesai, silahkan login dengan username dan password yang sudah didaftarkan tadi.
4. Sebelum melakukan aktifitas di YouLikeHits kita akan diminta memasukan kode verifikasi. Silahkan masukkan kode verifikasi yang telah kita terima pada email yang kita daftarkan.
5. Setelah masuk ke halaman utama, pada bagian kiri halaman YouLikeHits adan akan menemukan beberapa tabel, salah satunya Your Settings. Silahkan kita klik icon Facebook dan masukkan alamat url profil Facebook dan atau Fan Page Facebook kita.
6. Pada bagian Manage Facebook Pages kita akan melihat icon Fan Page Facebook blog kita. Silahkan isikan payout minimal yang kita akan keluarkan untuk setiap kali seseorang me-like Fan Page kita. Saran saya isikan 2 poins saja, makin banyak makin bagus.
7. Silahkan tunggu beberapa saat dan kita akan melihat hasilnya. Point kita akan berkurang karena ditukar dengan like Fan Page kita.
8. Agar jumlah like kita bertambah setiap harinya, kita harus memperbanyak point kita dengan cara me-like fan page orang lain. setiap kita mengklik fan page orang lain, kita akan diberikan point berdasarkan jumlah point yang tertera pada setiap Fan Page. Cara lain yang bisa dilakukan untuk mendapatkan banyak point adalah dengan mencari referral sebanyak-banyaknya.

YouLikeHits tidak hanya bisa digunakan untuk menambah atau meningkatkan jumlah like facebook saja, namuan bisa juga digunakan untuk follower twitter, Google+ Circles, MySpace Friends, YouTube Subscribers, StumbleUpon Followers, Digg Followers dan juga Website Hits.

Semoga informasi tentang cara cepat meningkatkan jumlah like penggemar Facebook Fans Page diatas dapat bermanfaat.

Read more »

Cara Membuat Forum

 

 Apa itu Forum?
Forum merupakan tempat saling berdiskusi (tukar pendapat), saling berbagi dan yang lebih utama yaitu saling menjaga persahabatan dan mempererat tali silaturahmi. Dengan membuat forum tentunya juga merupakan salah satu untuk mendongkrak / meningkatkan jumlah atau traffik pengunjung. Selain itu jika forum yang dibuat ramai dikunjungi visitor, yang pasti akan memberikan kepuasan tersendiri bagi pemilik forum, syukur-syukur kalau ada advertiser yang mau memasang iklan di forum yang kita buat tersebut, yang pasti akan semakin terkenal forum tersebut.

Pada tutorial yang saya buat kali ini adalah cara mudah membuat forum secara gratis, simpel, dan keren. Membuat forum yang saya jelaskan disini tentunya sangat mudah, Anda dapat membuat forum ini  seperti layaknya membuat sebuah blog. 

Berikut langkah-langkahnya :

1. Silahkan menju ke situs Klik Disini -> Laly klik "Create Free Forum"

2. Maka ada 3 tahapan yang harus dilakukan untuk membuat Forum, yaitu Choose Your Style, Fill in the form, dan verify your password.

3. Tahap Pertama, silahkan sobat pilih template forum sesuai keinginan sobat. Lalu klik Continue

4. Tahap Kedua, mengisi Form data forum. Isi sesuai data forum yang ingin sobat buat, kemudian Continue

5. Tahap Ketiga, verifikasikan password sobat yang sudah dibuat pada form sebelumnya. lalu Continue

6. Selanjutnya akan muncul tulisan Congratulations, menandakan bahwa forum yang sobat buat sudah jadi. Nah untuk mengedit dan masuk ke Panel Adminnya, silahkan sobat Klik link forum yang telah dibuat yang tertera seperti dibawah.

7. Lalu akan muncul form login, masukkan Username dan Password sobat lalu login. untuk Username tidak usah diganti, pasang saja default atau "Admin"

8. Setelah login maka akan ada muncul tentang forum yang sobat buat. Dan untuk membuat category dan sub category. Silahkan sobat masuk ke Panel Admin, caranya perhatikan baris paling bawah tepat di tengah-tengah. Pilih Panel Admin

9. Kemudian pilih "Admin Umum"

10. Lalu pilih "Categories and Forum". Kemudian sobat bisa buat categories maupun sub categories sesuai keinginan sobat apa-apa yang ingin ditampilkan di forum. Misalnya Software, Film, Games, dll.

11. dan Selamat, forum yang Anda buat sudah jadi. Semoga bermanfaat. ^_^

LIVE DEMO 

 

Sumer : http://www.gratisanterbaik.com/2013/04/tutorial-cara-membuat-forum-gratis.html

Read more »

WebMag Blogger Template

Template Name: WebMag Blogger Template

Platform: Blogger / Blogspot

Release date : 28, May 2013

Author : www.templateism.com

License : Creative Commons Attribution 3.0

DOWNLOAD 

-----------------------------------------------------------------

DEMO

-----------------------------------------------------------------

The WebMag Blogger Template adalah tema majalah yang kuat dan multi-tujuan untuk website Blogger diaktifkan. Hal ini sangat efisien dan memiliki beberapa fungsi yang sangat disesuaikan. Kami telah menggunakan web terbaru mengembangkan bahasa termasuk CSS3 dan HTML5. Tema ini sangat ideal untuk semua jenis situs, itu adalah template multi-niche yang dirancang khusus untuk Majalah, Teknologi, Web desain, pengembangan, dan gadget berbasis blog. Ia memiliki banyak kualitas dan fitur "out-of-ini-world" yang pasti akan mencerahkan situs Anda dengan pengembaraan kedahsyatan.

 

 

 

Fitur dari WebMag Blogger Template:

• Fitur Slider: slider konten Feature menjadi kebutuhan dasar dari sebuah situs web. Oleh karena itu, kami telah memasukkan sebuah slider ringan sehingga memberikan sentuhan yang menarik ke situs Anda tanpa memperlambat menurunkannya.

• Feature Posts: Kami juga telah menghubungkan pos fitur gadget yang akan mengambil tulisan Anda dari label tertentu, dan akan menampilkan mereka di situs Anda. Namun, pesan-pesan terbaru akan terus menampilkan di bawah mereka.

• Mega Sticky Navigation Bar: Tema ini juga memiliki built-in navbar lengket yang mengapung bila Anda menggulir ke atas atau bawah halaman. Ini memiliki banyak pilihan Seperti Pencarian pop-out dan Sosial Media malas tombol.

• Tombol Berbagi Sosial: Tema ini juga dilengkapi dengan tombol berbagi sosial termasuk Facebook, Twitter, Google+ dan Stumbleupon sehingga pengguna dapat bersosialisasi konten Anda dengan hanya beberapa klik.

• SEO-Friendly: Tema ini benar-benar brilian untuk mesin pencari. Tema ini memiliki nilai optimasi mesin pencari tertinggi. Kecepatan template ini adalah 90 dari 100 menurut Kecepatan wawasan Google.

• Posting terkait: Tema ini juga memiliki posting terkait gadget yang muncul tepat di bawah posting Anda. Ini menampilkan posting terkait dalam rangka sistematis bersama dengan thumbnail unggulan mereka.

• Fitur Lebih:  

Magazine Style, skema warna oranye, sistem komentar berulir, 2 kolom template, 2 kolom sidebar dan banyak lagi.

Dari Meja yang Desk:
Kami berharap template ini akan membantu Anda dalam merenovasi blog blogger Anda dengan keangkeran. Kami telah mencoba untuk menggabungkan semua plugin dan gadget yang dianggap sebagai kebutuhan dasar dari sebuah blog. Namun, Anda juga dapat menyesuaikan sesuai dengan kebutuhan yang Anda inginkan. Kita harus mengatakan, ini adalah tema yang paling indah yang telah kita buat "Kata Dari => TEMPLATEISM

Read more »

Download | Simple Clean Blue SEO Template

Pada Kesempatan Kali Ini Saya Mau Membagikan Template Yang Saya pakai Di Blog Ini, Yaitu Template Simple Clean Blue SEO Template 
Mungkin Template Ini Hanya Template Yang Biasa Saja :)

Nih Screen Shotnya :

 

Versi  Dekstop

Versi Mobile

Fitur Simple Clean Blue SEO Template :

• Ringan
• Simple
• Breadcrumb
• Artikel Terkait
• Reply Komentar
• Spinning Social Share
• Rating Richsnippet
• Tersedia Versi Ponsel
• 2 Kolom Header
• 2 Kolom, 1 Kolom Posting, 1 Kolom Sidebar
• 3 Kolom Footer
• Sisanya Lihat Sendiri :)

Demo Versi PC - Demo Versi Ponsel

Ingat Sobat, Sebagai Blogger Yang Baik Link Creditnya Jangan Diganti / Dihapus Ya

Template Ini Juga Tersedia Versi Ponselnya, Saya Mengambil CSS Custom Mobile Template Dari Template Mas Sugeng Dan Saya Berterimakasih Sekali Kepada Mas Sugeng Karna Sudah Memperbolehkan Saya Untuk Memakai Custom Mobile Templatenya

Untuk Cara Mengedit Templatenya Sudah Saya Sertakan 1 Paket Dengan Link Download Templatenya

Download :

Update !

Cari Kode :

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<link href='https://plus.google.com/102378255170044980225' rel='publisher'/>

</b:if>

Ganti URL Profil Google + Saya Dengan URL Profil Google+ Sobat Untuk Menampilkan Foto Sobat Di Pencarian Google.

Read more »

Template Portal Blogger

Hi ..!!!
nE pesanan dari sObat saya: OKAY

Oke kali ini ane bakal share sebuah Portal Template  Blogger, penasaran? 
berikut cuplikan'a cekidot :

                                                          dOwnLoad    -- ||| --   dEmo

-------------------------------------------
Sekedar Tambahan Buat Blogspot :
--------------------------------------------

Ternyta ini gk support dengan tampilan blog sekarang jadi kita harus mengubah tampilan blog'a ke lama Cara :

caranya sobat searching aja di google ya...

jgn Lupa kOmentar'a ya....!!!

Read more »

Free Ace Red Template Blogger *Keren

 

Kali ini saya akan share tentang template Blogger. Template yang kali ini saya share template nya Bertema Dark ( Hitam ). template ini keren cocok buat orang yang suka ganta-ganti template blog, untuk mencari kepuasan mata. gak usah banyak bacot kalian sedoott aja langsung...

  

Demo | Download 

Fiture :

• Liat sendiri aja yaa ^_^
• Sedot aja langsung sob -_- ( emang minuman pake disedot ) hahaha

Nama template : Free Ace Red Template

Gak lupa memberikan sumber nya....sebagai blogger yang baik

 

Sumber : http://altecdz.blogspot.com/2012/12/free-ace-red-template.html

Read more »

Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Kanan Bawah Blog

Cara Mudah Membuat Widget Facebook, Twitter, Feed Melayang di Pojok Blog - Selamat pagi sahabat blogger,salam sejahtera untuk kalian semua. Kali ini mau mencoba berbagi widget untuk blog setelah beberapa hari vacum dari dunia blogging. Widget yang akan saya bahas yaitu widget facebook, twitter, serta feed melayang di pojok kanan blog. Mungkin sudah banyak sekali yang sudah membahas widget yang satu ini, tetapi saya akan mencoba membaginya untuk para sahabat-sahabat Yogagj-Share agar tidak perlu repot-repot lagi mencarinya di mesin pencari mbah Google.




Berikut adalah langkah-langkah dalam pembuatannya :

• Login terlebih dahulu ke akun blog sahabat
• Masuk ke menu tata letak
• Klik tambah gadget 
• Pilih HTML / JavaScript

 

<div style="display:scroll; position:fixed; bottom:30px; right:0px;"> <a class="linkopacity" href="http://www.facebook.com/temukananedisini" target="_blank" rel="nofollow" title="Facebook Bfc Sarif SatriaSatriaan" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg387PQmrJXuBlNgJjr281gLCD1BJ6aor0XSObSqhoZtAVxlNGtvbJ781huG1sr9Ia2YsHGF6Jjm-79_4y7lB6mqV6eu62jkFmgFFITWZ6-0A7uszyDwOpV0NZ1C2s9sBPugFWEaqpxUKq7/s800/belajarilmukomputerfacebook.png" /></a><br /> <a class="linkopacity" href="http://twitter.com/yogagj" target="_blank" rel="nofollow" title="Twitter Bfc Sarif SatriaSatriaan" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC0e_cbpKF_A6Un1KN3SDkz8zecb4ihpEgujPyqC4jmCnfTGs1RGTA0IXK8ceSmaeUNAoxIeoz79I6TFBhYlVdx5yfCqQdQxAY71cSdy6FhH0t4T8UOQbfHWt0jYd9jWOOkGEjFlICOKpz/s800/belajarilmukomputertwitter.png" /></a><br /> <a class="linkopacity" href="http://feeds2.feedburner.com/blogspot/YPdWN" target="_blank" rel="nofollow" title="Bfc Sarif Blog Feed" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCnRgmry8iPAPziLrDAzPfIliTzROyM8vlY6kcJLrn1bc8Pq9-hM95J3CMg5MHWXeDTZ847uYC98a4v6isUPhheHL1CAX6X5t9hFlP6AfjLs5DKrO64RZkel1-DgOUw2iKvKTFDmgR04TJ/s800/belajarilmukomputerfeed.png" /></a><br /></div>

• Silahkan edit terlebih dahulu kode diatas

Ganti warna merah diatas dengan alamat Facebook sobat
Ganti warna hijau diatas dengan alamat Twitter sobat
Ganti warna biru diatas dengan alamat Feed sobat

• Setelah itu klik simpan/save

Bagaimana mudah bukan cara membuatnya?bagi yang tertarik silahkan langsung mencobanya saja.

Read more »

Cara Mudah Klaim Blog Di Technorati

 

Kali ini saya akan sedikit berbagi info mengenai Cara Verifikasi atau Claim Blog di Technorati. Technorati merupakan sosial bookmark atau salah satu situs search engine khusus blog, dan situs ini memberikan backlink gratis. Karena selain Alexa rank dan Google pagerank, Technorati rank juga merupakan syarat penting untuk mendaftarkan Blog anda pada situs Paid Review, namun sobat harus sudah melakukan claim atas blog sobat.  

Awalnya saya bingung bagaimana cara verifikasi Claim Token blog pada Technorati. Setelah beberapa menit menelusuri Google, akhirnya saya mengerti cara melakukan verifikasi Claim Token blog pada Technorati. Setelah mendaftar blog ke Technorati, anda akan mendapatkan email untuk konfirmasi kemudian klik link konfirmasi tersebut dan login lagi pada technorati & berikut langkahnya :

1. Pertama, silahkan anda registrasi terlebih dahulu di http://technorati.com

2. Isilah data Technorati profile, sesuai dengan yang diminta.

3. Setelah proses pendaftaran selesai, lalu sign up dan sekarang bagaimana cara Claim blog di Techorati. Disini saya hanya memfokuskan cara klaim technorati saja.

4. Klik user id yang anda gunakan pada saat pendaftaran (http://technorati.com/account/)

5. Isi URL blog yang ingin anda masukan di menu My claimed blogs – Start a blog claim: URL blogs dan klik Claim.

6. Selanjutnya isi Data blog Anda, Blog title, URL, Feed URL, Site description, Site categories (pilih kategori blog anda min 3 kategori), Site tags.

7. Setelah data yang anda isi sudah benar, klik Proceed to next step.

8. Selanjutnya buka email anda karena kode klaim dikirim ke email.

9. Buat postingan Technorati Claim yang isinya kode yang dikirim ke email anda, sebagai contoh ini adalah kode Token Technorati blog saya : ZZBECQRPASM6 atau bisa juga dengan memasang meta tag pada blog kalian seperti ini dibawah <head>

<meta content='ZZBECQRPASM6' name='TechnoratiVerifyID'/>

10. Setelah anda membuat posting yang berisi kode token Technorati atau memasang meta tag, Selanjutnya silahkan kembali ke akun technorati anda lalu klik Check Klaim pada menu profil My claimed blogs lalu klik Verify Claim Token.

11. Jika langkah di atas sudah anda lakukan semua, silahkan anda tunggu email pemberitahuan yang berisi Technorati Claim Complete.

Read more »

Menu Navigasi DropDown Dibawah Header

 

Menubar dropdown adalah sebuah baris navigasi yang berada tepat dibawah header. Menubar ini berfungsi untuk mempermudah pengunjung dalam mengexplorasi blog kita. Untuk menubar kali ini saya akan membagikan menubar yang saya pake di blog saya. Sebenernya ada lebih dari 20 menubar yang saya ketahui. Ntar saya akan membagikannya dikesempatan berikutnya. Jika anda tertarik, ikuti step by stepnya :

1. Masuk ke Template > Edit

2. Simpan kode dibawah ini tepat diatas ]]></b:skin>

/* NAVIGATION ------------------*/

#nav {    display:inline-block;    width:1190px;    height: 47px;    margin: 6px 0px 0px 10px;    padding-left:4px;border-top:3px solid #eee;    background:transparent;

    /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;    box-shadow:0 2px 2px rgba(0,0,0, .5);    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);}#nav li {    margin-top:2px;    margin-right:2px;    float:left;    position:relative;    list-style:none;}#nav a {    font-weight:bold;    color:#333333;    text-decoration:none;    display:block;    padding:8px 15px;    border:1px solid #eee;        /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;}

/* selected menu element */    #nav .current a, #nav li:hover &gt; a {    background:#7788aa url(../images/bg.png) repeat-x 0 -20px;    color:#000;    border-top:1px solid #f8f8f8;

    box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/    -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);    text-shadow:0 2px 2px rgba(255,255,255, 0.7);}

/* sublevels */#nav ul li:hover a, #nav li:hover li a {    background:none;    border:none;    color:#000;}#nav ul li a:hover {    background:#335599 url(../images/bg.png) repeat-x 0 -100px;    color:#fff;

    /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;    text-shadow:0 2px 2px rgba(0,0,0, 0.7);}

#nav ul li:first-child &gt; a {    -moz-border-radius-topleft:10px; /*some css3*/    -moz-border-radius-topright:10px;    -webkit-border-top-left-radius:10px;    -webkit-border-top-right-radius:10px;}#nav ul li:last-child &gt; a {    -moz-border-radius-bottomleft:10px; /*some css3*/    -moz-border-radius-bottomright:10px;    -webkit-border-bottom-left-radius:10px;    -webkit-border-bottom-right-radius:10px;}

/* drop down */#nav li:hover &gt; ul {    opacity:1;    visibility:visible;}#nav ul {    opacity:0;    visibility:hidden;    padding:0;    width: 185px;    position: absolute;    background:#aabbcc url(../images/bg.png) repeat-x 0 0;    border:1px solid #444;

    border-radius:10px; /*some css3*/    -moz-border-radius:10px;    -webkit-border-radius:10px;    box-shadow:0 2px 2px rgba(0,0,0, .5);    -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);    -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

    -moz-transition:opacity .25s linear, visibility .1s linear .1s;    -webkit-transition:opacity .25s linear, visibility .1s linear .1s;    -o-transition:opacity .25s linear, visibility .1s linear .1s;    transition:opacity .25s linear, visibility .1s linear .1s;}#nav ul li {    float:none;    margin:0;}#nav ul a {    font-weight:normal;    text-shadow:0 2px 2px rgba(255,255,255, 0.7);}#nav ul ul {    left:160px;    top:0px; top:0px;}#nav ul li:first-child a:after{    content: &#39;&#39;;    position: absolute;    left: 30px;    top: -8px;    width: 0;    height: 0;    border-left: 5px solid transparent;    border-right: 5px solid transparent;    border-bottom: 8px solid #444;}

#nav ul li:first-child a:hover:after{    border-bottom-color: #0186ba;}  /* =============================Search Box============================= */#srcnt {  float:right;  margin:0;  padding-top:8px;    padding-right:13px;  width:auto;  overflow:hidden;}#search input[type=&quot;text&quot;] {  border: 1px solid #6699FF;  border-radius:3px;  color: #777;  width: 160px;  padding: 8px;  font:normal 10px Verdana, Arial;  text-transform:uppercase;  -webkit-transition: all 0.5s ease 0s;  -moz-transition: all 0.5s ease 0s;  -o-transition: all 0.5s ease 0s;  transition: all 0.5s ease 0s;}#search input[type=&quot;text&quot;]:focus {  width: 200px;}

Keterangan : (perhatikan warna bukan tulisan ya)

• Kode berwarna merah adalah ukuran dari menu navigasi dan menu search

3.  Simpan kode dibawah ini tepat diatas <div id='content-wrapper'>

<ul id='nav'>

<li class='current-cat'><a expr:href='data:blog.homepageUrl'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRatJXlLwmFekBlcueTtxSBq9vrPWedMndcJI-JfYVmCs9Wp2Amfj0TZe1Hate01Lzu2irntcDf90tRjhYh9ydCMLEgo8rmOsM96aZ1dR8LGMm0DR3aja954uXzMB4SFxypzhEJTu2Rk/s1600/Home.png' style='padding:0px;'/>Home</a></li>

<li><a href='LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeZa-Jki_3rOM8R22HoPHNm9EZabJDvtHGDylqppZPflsxbY1gvxg1JuBLlpb4ebi94WMbyKHBQ9lOxSXf-ZkGFJ3hO-BO2gh9hTpApRL672fH3M5kZ3OkwMi6XieQzdCMIqZfAnwc29Q/s1600/PC.png' style='padding-right:3px;'/>Computer</a>

<ul>

<li><a href='http://ujangyoyo.blogspot.com/search/label/PC%20Aplication'>Aplication</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Bluestacks'>Bluestacks</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/PC%20Game'>Games</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/PC%20Tricks'>Tips dan Trick</a></li>

<li class='hr'/>

</ul>

</li>

<li><a href='LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsRFTmopnvWdGE35fMKEaxwfSs2vGrFkUUWRHjzJjOWuQzTaSKRiVRe0mAItWZxZn4jSFpcDGSjh0a1C195criXigc3NtztLaOU2rTJRLNrfwaXP3s4mfohEwGF0p1mb1GIzjCKzOr3xc/s1600/android.png' style='padding-right:3px;'/>Android</a>

<ul>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Android%20Aplication'>Aplication</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Android%20Games'>Games</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Android%20Article'>Tips dan Trick</a></li>

<li class='hr'/>

</ul>

</li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Tutorial%20Blog'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidlmUu_8V23PPqPL5cxAkAipAm9NqY-FizXkj66kE0BiHU_DjbaGlIxOnUbBVL09NlGcZAmQVyx57lt-Xcx3LQZoSJTUjuhrEyxP400GFiRRTHX7aVwom4AP2sYH7kvNyoBZLSkRjRwOE/s1600/blogger.png' style='padding-right:3px;'/>Blogger</a>

<ul>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Tutorial%20Blog'>Tutorial Blog</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/SEO'>SEO</a></li>

</ul>

</li>

<li><a href='LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiEfrXVeIoD58177WE9K6h0MSVA2z3vPGadWAtijYbdSQKU1KAIZlNppWmtvsGjV9tHWPjO5zP9K4kg3klSzkHqh9jTejsrr-WCghqX-bCjrDA3Lf0-jwH5wZSKhxkY3J0w3oBUfmcIIQ/s1600/Knowledge.png' style='padding-right:3px;'/>Knowladge</a>

<ul>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Bahasa%20Indonesia'>B. Indonesia</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Bahasa%20Inggris'>B.Inggris</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Islam'>Islam</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Matematika'>Matematika</a></li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Tips%20dan%20Info'>Tips dan Info</a></li>

</ul>

</li>

<li><a href='http://ujangyoyo.blogspot.com/search/label/Make%20Money'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCiE5gnw_ocEpXxf0ZtffCVKIusapneCPTsBgI1LZIMlTUoe6x4qOzYflXJzyGYUJA-agj11P3dTANq4ENtO4xKxj-LTMJdw8hieI6qpqG0H_uUc9Jw7gcLkBxaWsHF6803jWVsPhd5fs/s1600/money.png' style='padding-right:3px;'/>Make Money</a>

</li>

<li><a href='http://ujangyoyo.blogspot.com/2013/03/sitemap-blog.html'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioST49_aloaAFd5Cmcmt2EisQ-DO01U4WtLzXp1mLFPoLRiEbuX3YFhtCD8M1CkApVw8XUE-DSQOA35CONeZ2oK9yi_zNdYcWCgzmXkB3l0n0zpoQdogKFbEmTGysxWq8nQ6nh7JbDMjo/s1600/Sitemap.png' style='padding-right:3px;'/>Daftar Isi</a>

</li>

<li><a href='http://ujangyoyo.blogspot.com/2013/03/pasang-iklan-murah-di.html'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-fGaCaZnuK-l-3RrYJ4SOJgJFx_IKCFYRMQOUpJjZDVownidKcONu2MZeHdKl-eS3iB0wHYteVZDWdsc0jGJZ73qtX1X2fio2xCJDsUkKM1XBU7oEYuXpc9gjpEJkAg4dzZxJsfmq7Ig/s1600/Iklan.png' style='padding-right:3px;'/>Pasang Iklan</a>

</li>

<li class='current-cat'><a href=LinK'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpEDTmpmdOMFye0ZEZRZAZF4ddPQuo8czAoFUOPwE_yMW3Y6k-ZXIJMKrskINXJa1LW-hx5sVWtt08kNV4xp6EzKAS4U0IYYCVSq5pJc3RMvxW6GWKLGkMh98vU0mg_cTgHSO7S_8xtZs/s1600/Help.png' style='padding-right:3px;'/>Help</a>

<ul>

<li><a href='http://ujangyoyo.blogspot.com/2012/12/about-us.html'>About Us</a></li>

<li><a href='http://ujangyoyo.blogspot.com/2012/12/announcement.html'>Anouncement</a></li>

<li><a href='http://ujangyoyo.blogspot.com/2012/12/contact-me.html'>Contact Us</a></li>

<li><a href='http://ujangyoyo.blogspot.com/2013/04/privasi-policy.html'>Privasi Policy</a></li>

</ul>

</li>

  <div id='srcnt'>

<form action='/search' id='search' method='get'>

  <input name='q' placeholder='looking for something?' size='40' type='text'/>

</form>

  </div>

</ul>

Keterangan : (perhatikan warna bukan tulisan ya)

• Kode berwarna biru adalah alamat url gambar, anda dapat mengkreasikannya tetapi dengan syarat ukurannya harus 32x32 px
• Kode berwarna orange adalah alamat url yang dituju (url dari menu).
• Kode berwarna Hijau adalah nama dari menu anda.

 Lalu Pilih pratinjau, jika sudah 100% jadi
selanjutnya pilih simpan
###ENJOY....

Read more »