Langsung ke konten utama

Cara Membuat Menu Pada Blog

Diposkan oleh fadil syafarudin hardy on Kamis, 08 November 2012
Pada posting kali ini, tutorialblogx akan memberikan sebuah informasi mengenai Cara Membuat Menu Pada Blog . ya fungsi dari menu pada blog ini adalah untuk mempermudah pengunjung blog untuk menjelajahi isi dari artikel sobat. dan style atau gaya ataupun tampilan yang saya share disini berwarna hitam dengan garis merah
pertama masuk ke bagian edit template sobat, kemudian cari kode ]]></b:skin> ( gunakan F3 agar mempercepat pencarian )
bila sobat sudah menemukan ]]></b:skin> selanjutnya sisipkan kode dibawah ini tepat di atas ]]></b:skin>
ul.menu {list-style-type:none;width:auto;position:relative;display:block;height:33px;font-size:.6em;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmgQMGpjr8zLohRF4MTi5XE-gAEmfjL6fUox9ZyTPymAyQkjbS5UzoU3m9cZP1Yzuh1C1TS4x-f9RBuCCE7GQea969lnYyBNpvS4wA1qSLIOLR3D_iFlm9VreU0DjOhKVViercDJhFLwg/s1600/bg.png") repeat-x top left;font-family:Verdana,Helvetica,Arial,sans-serif;border:1px solid #000;margin:0;padding:0;}
ul.menu li {display:block;float:left;margin:0;padding:0;}
ul.menu li a {float:left;color:#A79787;text-decoration:none;height:24px;padding:9px 15px 0;font-weight:normal;}
ul.menu li a:hover,.current {color:#fff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmgQMGpjr8zLohRF4MTi5XE-gAEmfjL6fUox9ZyTPymAyQkjbS5UzoU3m9cZP1Yzuh1C1TS4x-f9RBuCCE7GQea969lnYyBNpvS4wA1qSLIOLR3D_iFlm9VreU0DjOhKVViercDJhFLwg/s1600/bg.png") repeat-x top left;text-decoration:none;}
ul.menu .current a {color:#fff;font-weight:700;}
/*Garis Merah*/
ul.menu.red{background-color:#B11718;}
ul.menu.red li a:hover, .menu.red li.current {background-color:#DE3330;}
kemudian save template.

hal selanjutnya adalah masuk ke bagian tata letak atau tempat menambahkan widget, dan hal terakhir adalah sisipkan kode dibawah ini dimana sobat ingin menu tersebut muncul

<ul class="menu red">
<li class="current"><a href="#(url homepage anda)">Home</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME </a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
<li><a href="#">EDIT ME</a></li>
</ul>
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Setting Modem Bekas Indihome ZTE F609 Menjadi Akses Point

Cara Konfigurasi Modem Bekas IndiHome ZTE F609 Sebagai Access Point   Kholis     Kamis, 08 Maret 2018     Tutorial Jaringan Modem bekas apapun yang memiliki WiFi bisa dimanfaatkan sebagai Access Point, termasuk modem bekas IndiHome ZTE F609 ini. Bagaimana cara mengubahnya agar bisa dimanfaatkan menjadi Access Point? Yuk simak tutorial  Cara Konfigurasi Modem Bekas IndiHome ZTE F609 Sebagai Access Point . Apabila kalian pernah berlangganan internet tapi modem WiFi nya tidak diambil oleh ISP tempat kalian langganan internet, lumayan modem itu bisa kalian manfaatkan sebagai Access Point / penyebar sinyal WiFi. Daripada beli baru, mending memanfaatkan yang sudah ada kan? Termasuk ZTE F609 ini, bisa dimanfaatkan sebagai Access Point. Modem ini bisa juga kalian beli di toko online dengan harga yang relatif murah, mulai dari 70 ribu sampai 150 ribu, tergantung yang jual. Sedangkan saya dapat modem ZTE F609 ini dikasih oleh salah satu teman saya. Hehehe, lu...
Posting Komentar
Baca selengkapnya

RUFUS TERBARU

Sebuah Aplikasi bootable sebagai pengganti CD Rom untuk melakukan install ulang komputer dengan berbasis windows baik itu windows 7, windows 8, windows 10 dengan aplikasi ini mampu meminimalisir alat sederhana yaitu dengan menggunakan USB instaler (Flashdisk) Cara Menggunakan Rufus untuk Install Windows 10 Untuk membuat flashdisk bootable , pastikan terlebih dahulu kamu memiliki file mentahan Windows 10 yang berformat .iso . Selain itu tentu juga sediakan flashdisk dengan kapasitas minimal 8GB ya! Sudah siapkah? Langkah - 1 (Download Rufus) Setelah memastikan beberapa persyaratan di atas, pertama kali kamu bisa men-download Rufus dan melakukan instalasi di PC atau laptop kamu. Untuk tautan download Rufus sudah Jaka sediakan di bawah ini ya. Langkah - 2 (Instalasi Rufus) Lakukan instalasi Rufus seperti layaknya kamu meng-install software PC atau laptop. Jika sudah, kamu bisa menancapkan flasdisk ke P...
Posting Komentar
Baca selengkapnya

Microsoft Office

Microsoft Office Enterprise Pro Plus Original Installer October 21, 2019   Microsoft Office Microsoft Office Enterprise Pro Plus Original Installer merupakan kumpulan software microsoft office yang terdiri dari Office 2007 Enterprise, Office 2010 Pro Plus, Office 2013 Pro Plus, Office 2016 Pro Plus dan Office 2019 Pro Plus… Microsoft Office 2016 Pro Plus 1909 Full Version October 17, 2019   Microsoft Office , Office Microsoft Office 2016 Pro Plus 1909 Full Version Terbaru merupakan microsoft office versi 2016 yang sudah di tambahkan update sampai dengan bulan Oktober 2019. Secara fungsi tentu tidak perlu di jelaskan lagi apa gunanya microsoft… Microsoft Office 2019 Pro Plus 1909 Full Version October 15, 2019   Microsoft Office , Office Microsoft Office 2019 Pro Plus 1909 Full Version Terbaru merupakan product microsoft yakni software office yang terdiri dari word, excel, power point dan sebagainya yang sangat di butuhkan komputer kita untuk me...
Posting Komentar
Baca selengkapnya