Cara membuat Menu Tab Horizontal

Salam,..kembali lagi dengan edit blog buat blogger mania. Seperti sebelumnya, saya mo sharing dengan bro & sista yg belum pasang menu horizontal, dan bagi yang mau pasang menu horizontal namun manu ini menggunakan CSS dan HTML tanpa Javascript/Jquery, bahkan tanpa menggunakan gambar, berbasis tab individual, dan tidak menggunakan list (HTML unordered list). Posting menu horizontal ini juga dibuat untuk bagi para blogger yang ingin menggunakan pada blognya. Tentu saja menu ini telah mengalami beberapa modifikasi agar sesuai sebagai widget tambahan. Namun sekiranya ada kemiripan lah. Hope you enjoy and like it!

Kode CSS

/* Navigasi tabs Sederhana buka-rahasia.blogsot.com Starts */
a.burastabs,a.burastabs:link, a.burastabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid#ebebeb;margin-top:2px;text-align:center;text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.burastabs:hover{color:#FFFFFF;background:#666666;}
#burasbar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */

Kode HTML:

<!-- Navigasi tabs Sederhana http://buka-rahasia.blogspot.com Starts -->
<div id='burasbar'>

<ahref="#" class="burastabs">Home</a>

<a href="#" class="burastabs">About</a>

<a href="#" class="burastabs">Blog Tips</a>

<a href="#" class="burastabs">SEO Tips</a>

<a href="#" class="burastabs">Contact</a>

<a href="#" class="burastabs">Sitemap</a>

<a href="#" class="burastabs">Advertise</a>
</div>

<!-- Navigasi tabs Sederhana Ends -->

Sebelumnya copy & edit terlebih dahulu kode HTML di atas. Ganti # dengan URL yg dikehendaki. Ganti juga Home, Blog Tips, SEO Tips, dan seterusnya dengan anchor text yg diinginkan. Untuk menambah atau mengurangi tab, copy/tambahkan atau hapus bagian <a href="#" class="burastabs">Anchor Text</a> di atas </div>.

Cara Membuat Menu Horizontal Tabs Sederhana di Blogger/Blogspot:

1. Masuk ke Dashboard > Design/Rancannga > Edit HTML.

2. Copy kode CSS di atas,

4. Cari ]]></b:skin> (cari dengan Ctrl + F) & letakkan/paste Kode CSS tepat di atasnya.

5. Save Template.

6. Masuk ke Page Elements > Klik Add a Gadget
7. Setelah pop up window muncul, pilih opsi HTML/Javascript
8. Masukkan Kode HTML yg telah diedit tadi pada kolom seperti contoh berikut:
9. Klik save.
10. Drag/geser widget menu horizontal tersebut ke bawah/atas header (letakkan pada slot gadget) dan save lagi. DOnE!
Sumber :http://buka-rahasia.blogspot.com

Lihat Tutorial lainnya :
Pasang widget skype button
Pasang widget jadwal shalat
Pasang widget kalender lucu

Continue...

Pasang widget Skype Button

Hallo again..
bro & sista..para blogger mania sepertia biasa seperti sebelum-sebelumnya saya ikut sharing mengenai pernak pernik blog supaya tambah unik dan menarik dan elok elok elok gitu kata Upin Ipin mah..

Bro n Sista tentu sudah pada lebih tau skype kan..nah kita cantelin deh yuk skype nya diblog biar keliatan sedang online kah atau tidak skype nya bro n sista, namanya Skype Button.

Oke deh ga perlu panjang-panjang prakatanya. Bagi bro & sista yang mau pasang widget skype button bisa kunjungi Skype Button untuk mengambil scriptnya dan ikuti petunjuknya;

Open page Skype Button >>>

1.Masuk ke alamat Skype button, halaman nya seperti berikut :

2.Masukkan User ID skype kamu, contoh : nananghidayat14
3.Pilih/klik Show
4.Pilih menu yang mau difungsikan : Call me; Chat; dll
5.Pilih Warna icon sesuai selera
6.Pilih/klik Web HTML
7.Copy script dan pastekan ke blog kamu


Open your blog >>>

1.Masuk Dashboard
2.Pilih Design
3.Pilih Add Gadget
4.Pilih HTML/Java script
5.Pastekan script tadi
6.Kemudian Save

Jadi deeeh..
Lihat hasilnya, jika Skypemu online maka akan menyala

Selamat mencoba !!

Tutorial widget lainnya :
Widget Jadwal Shalat
Widget Kalender
Cara mengganti Template
Widget Penghitung Pengunjung Blog

Continue...

Widget Jadwal Shalat untuk blogger

Hallo lagi...sampai dimana kemarin menhiasi blognya pren..widget kalender ya?! ok sekarang saya mau sharing lagi ni pasang widget untuk menambah keanggunan blog kamu, ni widget buat kalian yang muslim yang mau menambah jadwal shalat, seperti yang saya pasang juga ..tuh pren sebelah kanan deket google translate..ada kan?gimana bagus kan?! bisa pilih berbagai kota di Indonesia jadi bisa di sesuaikan di kota mana kamu berada.

 

Tampilan Jadwal Waktu Sholat per hari ini

Apabila Anda ingin menampilkan Jadwal Sholat Hari ini di blog atau website Anda, Copy text yang di dalam box dibawah ini, kemudian paste pada blog atau website Anda (pilih mode html).

<p style="text-align: center;"><iframe src="http://jadwalsholat.org/adzan/ajax.row.php" frameborder="0" width="220" height="220"></iframe></p>

copy paste script diatas ke halaman blog kamu >>

Langkah selanjutnya adalah :
1. Login ke blogger dengan ID anda
2. Klik tab Tata Letak
3. Klik tab Elemen Halaman
4. Klik tulisan Tambahkan sebuah elemen halaman abru dengan mengklik Tambah Gadged
5. Pilih HTML/JavaScript
6. Kopi kode HTML yang telah ada di notepad anda lalu paste pada kolom yang di sediakan
7. Klik tombol SIMPAN
8. Anda bisa memindahkan posisi sesuai keinginan anda dengan cara men-drag pada posisi yang anda inginkan, lalu klik tombol SIMPAN dan selesai.
Lihat hasilnya

Selamat mencoba !!!!!

Sumber : www.jadwalshalat.org

Artikel terkait :
Pasang Widget Kalender
Cara mengganti template
Pasang Widget Penghitung Pengunjung

Continue...

Widget Kalender untuk blog kamu

Hiasi blog kamu dengan memasang widget yang satu ini; Widget Kalender dari www.cuteki.com

Ada berberapa macam pilihan kalender widget yang bisa kamu pilih sesuai selera kamu, silakan pilih kalender lucu untuk blogger yang kamu suka.




Widget Kalender untuk blog kamu
Berikut cara mendapatakan script kalender widget untuk di pasang pada blog kamu

1.Kunjungi www.cuteki.com
2.Pilih dan klik widget kalender pilihanmu
3.Sesuaikan lebar widget kalender ini dengan template blogger yang kamu gunakan saat ini, pilih juga bahasa yang ingin kamu gunakan pada kalender tersebut, jika sudah OK
4.Copy dan paste script kalender widget di blog blogger kamu.

Berikut cara pasang kalender widget di blogger kamu

1.Login ke blogger
2.Pilih menu Rancangan / Tata Letak
3.Klik Tambah Gadget / Add Gadget
4.Pilih Gadget HTML/JavaScript
5.Paste script kalender widget di sana
6.Simpan dan lihat hasilnya...Lucu kaaannn selucu dirimu hehehe

Selamat mencoba dan semoga bermanfaat.

Continue...

Tombol Start ‘Windows’ difungsikan untuk Start Menu Linux

Para Linux-er yang baru belajar seperti halnya saya tentu jari-jari kita masih suka membawa kebiasaan saat menggunakan windows, tak masalah ada pepatah mengatakan “bisa itu karena biasa”, jadi jangan patah semangat kawan. Namun sy mau mencoba share apa yg sy dapat dari senior senior kita. Ada beberapa fungsi tombol keyboard yang tidak bisa jalan atau difungsikan di Linux seperti halnya tombol windows kesayangan kita start Win-Key (tombol pada keyboard dengan gambar logo Windows) untuk membuka Start Menu. Namun tombol itu tidak berlaku bagi pengguna Linux untuk membuka Start Panel. Secara default setting awal untuk membuka start menu pada panel KDE adalah dengan menggunakan kombinasi Alt+F1. Mungkin karena kebiasaan kita dengan si doi windows menggunakan tombol Windows tersebut, secara tidak langsung juga linux-er ingin menggunakannya di Linux, karena belum ada keyboard dengan logo Linux . Lalu, apakah kita bisa membuat tombol itu juga sama fungsinya seperti di Ms Windows?..tentu bisa...Kita harus melakukan sedikit modifikasi pada shortcut KDE untuk membuat Win-Key tersebut berfungsi pada desktop KDE. Langkahnya sebagai berikut:
1.Buka K-Menu » Control Center
2.Carilah Regional & Accessibility » Keyboard Layout » XKb Options
3.Berikan tanda centang pada Enable xkb options
4.Carilah Third Level Choosers lalu Press any of the Winkeys to choose 3rd level
5.Pilih Apply
6.Masih di dalam Regional & Accessibility, pilihlah Keyboard Shortcut » Global Shortcuts
7.Scroll ke bawah untuk mencari Panel » Popup Launch Menu
8.Pilihlah Custom, bisa dipilih antara shortcut utama (Primary shortcut) atau menambah shortcut alternatif (Alternate shortcut), tekan tombol Windows (Win-Key)
9.Disitu akan tertulis ISO_Level3_Shift, bukan Win-Key
10.Apply, dan bisa dicoba

Continue...

Cara mengganti Templates di blogspot

Bosan dengan template yang sudah disediakan blog kmu ?

kamu bisa mengganti template sesukamu mau yang ini mau yang itu...lets gedidon....

mas mas..mba mba bisa searching disini atao download langsung di kotak download blog ini..kamu bisa pilih beberapa sesuai selera. Jika sudah dapet mari kita ikuti cara mereka :...

Step-1
Sign in dulu ke blog kamu..( Dashboard )

Step-2
Masuk ke halaman design kemudian pilih Edit HTML



Step-3
Dihalaman ini tertera HTML/Script original yg sedang digunakan, untuk menggantinya kamu ambil file template (file format .zip) yang sudah didownload tadi yang sudah diextract terlebih dulu, pilih file ( *.xml ) kemudian klik Upload.



Step-4
Setelah di Upload maka script nya akan berubah/diganti dengan HTML upload-an kmu punya. Klik Keep this widget kemudian Save Template.

Template kmu yang baru sudah terpasang.

Tapi da yg perlu diingat dengan mengganti template dengan yang baru, akan ada beberapa widget kmu yang berubah/hilang karena template yang baru ini udah terdapat widget yg sudah mereka sediakan, jadi mungkin sedikit mengedit lagi..tp no problem..karena template nya elok-elok klo kata upin ipin mah, hehehe...

Continue...

Berapa banyak pangunjung Blog anda..?

Mungkin anda ingin mengetahui berapa banyak yang mengunjungi blog anda, oleh karena itu anda akan membutuhkan program yang dapat mencatat setiap pengunjung. Program inilah yang dapat anda andalkan sebagai pencatat para pengunjung blog anda secara gratis yaitu www.shinystat.com

Ikuti beberapa langkah berikut ;
Langkah 1
Anda buka situsnya; www.shinystat.com,
Langkah 2
Karena anda akan menggunakan secara gratis anda klik Shinystat Free
Langkah 3
Anda akan masuk ke area Free version, langsung klik Sign Up
Langkah 4
Setelah itu muncul halaman baru Sign up to Free, isikan kolom username kemudian
klik Continue.
Langkah 5
Kemudian muncul halaman atau form pendaftaran, isikan data anda, lalu klik Subcribe. Sekarang anda sudah memiliki akun Shinystat. Sekarang anda sudah memiliku akun Shinystat, langsung saja klik Continue with Instalation
Langkah 6
Anda akan dimasuk ke halaman pilihan counter type, karena kita memilih yang FREE, jadi pilihlah yang Simple counter.
Sekarang tampilan widget Shinystat yang bisa dipilih. centang/pilih page view atau visit sesuai selera anda, kemudian First row anda pilih Online visitor atau sesuai pilihan dan Second row anda pilih shinystat rank ato sesuai pilihan.
Langkah 7
Anda boleh memilih beberapa icon sesuai selera setelah selesai klik Apply.
Langkah 8
Sekarang anda sudah berhasil memodifikasi widget shinystat sesuai yang anda inginkan, kemudian klik html code dibagian setting.
Langkah 9
Selanjutnya konfirmasi username yang sudah anda daftarkan, klik generate code.
Langkah 10
Anda sudah masuk ke area HTML code, klik select all, kemudian copypaste kan kode HTML tersebut ke template blog anda.

Selesai...widget penghitung pengujung blog anda sudah terpasang. selamat mencoba, Daftar disini

Continue...