Cara Memasang Sub Menu

Template default bawaan blogger biasanya minim sekali dengan widget-widget termasuk menu navigasi. Terkecuali jika kita mendownload sendiri template dari blog lain. Menu navigasi penting artinya untuk meningkatkan kunjungan ke blog kita, walaupun masih ada cara lain seperti menambahkan label, recent posts, related posts ataupun popular posts di blog kita. Menu navigasi biasanya terdiri dua macam; vertikal dan horisontal. Menu navigasi Vertikal atau menu navigasi lurus ke atas biasanya diletakkan di sidebar, sedangkan menu navigasi horisontal kita letakkan di atas judul posting atau di bawah header/judul blog.

menu navigasi horizontal bercabang

Membuat menu navigasi bisa dilakukan dengan berbagai cara, bisa memasukkan kode css ke dalam template, ini permanen tentunya, dan cara yang kedua cukup menambahkan widget dengan memasukkan kode tertentu ke dalam widget/gadget tersebut. Pada tutorial ini saya akan membuat menu navigasi horizontal dengan cara yang cukup mudah yang letaknya di bawah header.

Oke langsung saja bagaimana cara membuat menu navigasi horisontal bercabang,

Cara Memasang Lagu Pada

Cara memasang Musik di Blog - Halo sobat blogger. Kali ini saya mau berbagi trik Cara memasang Musik di Blog. Mungkin kalian sudah tidak asing dengan beberapa blog yang kalian temukan, dimana ketika kalian akses blog tersebut maka blog tersebut akan mengeluarkan suara lagu. Untuk yang penasaran ingin membuat personal blognya dihiasi dengan suara musik, silahkan disimak step-by-step nya .

Cara memasang Musik di Blog:

1. Buka web tersebut musik disini.

2. Lalu pilih nama penyanyi yang kalian suka.

3. Setelah pilih nama penyanyi, silahkan pilih lagunya dan ambil scriptnya.

Contoh beberapa script lagu yang saya suka.

Cara Menyembunyikan Pesan Status di Halaman Label/Search Blogger

        Selamat malam, pagi, siang dan sore buat yang baca. :) Artikel ini adalah post request oleh seorang sobat Blogger yang ingin sekali menghapus, menghilangkan atau menyembunyikan pesan status (status message) yang biasanya muncul di atas halaman label blog atau halaman hasil pencarian Blogger. Istilah dari Blogger nih, "Status Message Bar". Mungkin memang tampak kurang elegan dan menarik apabila pesan status label/pencarian ini muncul di bagian atas kumpulan posting yang dikelompokkan berdasarkan label atau hasil pencarian. Bagi sebagian orang, tampilan ini justru merusak desain blog secara keseluruhan. Sobat semua tentu sangat sering melihat "status", atau yah... katakanlah "informasi", seperti ini ketika mengunjungi halaman label:

Cara Menyembunyikan Sidebar di Halaman Blogger

      Posting ini adalah tips dan trik dan tutorial lengkap untuk menyembunyikan sidebar di halaman-halaman blog Blogger/Blogspot. Bagi sobat Blogger yang merasa risih atau ingin sidebar tidak ditampilkan pada suatu halaman Blogger tertentu, baik di halaman statismaupun di halaman posting, sobat bisa mencoba menggunakan trik ini. 

Namun sebelumnya perlu diperhatikan bahwa trik menghilangkan sidebar Blogger ini perlu sedikit pemahaman mengenai template, terutama dalam mencari deklarator CSS di halaman template XML Blogger, karena tidak semua template memiliki deklarator yang sama tergantung bagaimana si pembuat template merancangnya. Namun rata-rata deklarator tersebut menggunakan bahasa Inggris untuk menyebutnya.

Cara Menghilangkan Underline (Garis Bawah) Link di Blogspot

        Link di dalam blog ataupun website secara default akan nampak memiliki garis bawah (underline). Terkadang tampilan ini terlihat kurang elegan dan terlalu menonjol. Template blogger yang natural, belum diberi aturan CSS untuk menghilangkan uderline (garis bawah) link dan akan nampak seperti contoh berikut:

Tag default link:

<a href="http://buka rahasia.blogspot .com">tips-tricks blogger</a>

Hasilnya:
tips-tricks blogger

Jika ingin menghilangkan garis bawah (underline) pada link, gunakan:

<a  href="http://buka rahasia.blogspot .com" style="text-decoration:none">tips-tricks blogger</a>

Hasilnya:
tips-tricks blogger

Jika ingin mengubah semua link dalam blog/website secara default dan otomatis tidak bergaris bawah (underline), maka anda harus mengedit template HTML:
1. Masuk Ke dashboard > Design/Rancangan > Edit HTML.
2. Cari aturan CSS link (a) seperti ini (biasanya berada di bagian atas namun setiap template tidak sama persis tergantung aturan link dan warna template yang digunakan):

a {color: #1C4991; dst.............}

3. Untuk membuat underline link hilang, tambahkan text-decoration: none; contoh:

a {color: #1C4991;text-decoration: none; dst.............}

4. Save template dan lihat hasilnya.

Jika ada permasalahan dalam mengedit link, memberi aturan CSS, maupun dalam mengedittemplate HTML, silakan gunakan kotak komentar dan saya akan berusaha membantu semampu saya. Anda dapat juga mempelajari cara memberi warna berbeda pada visited link atau lihat secara lengkap tutorial modifkasi tampilan link di blogger/blogspot.

Good Luck !

Cara Menggunakan/Memasang Custom Font di Blogger

         Custom Fonts adalah, singkatnya, font-font khusus yg ditambahkan secara individual & bukan merupakan font-font default yg telah dikenal browser (database-nya tidak dimiliki browser). Custom fonts saat ini telah berjumlah ratusan, memiliki variasi yg bermacam-macam, unik, memiliki tema yg lebih khas daripada font biasa, serta dapat meningkatkan kualitas tampilan blog/web.

Tulisan di atas memberikan kesan yg berbeda; lebih stylish dibanding font default di sekelilingnya. Pada posting Cara Mengubah/Mengganti jenis font di Blogger, Buka Rahasia Blogspot telah share cara mengganti font dengan menggunakan standar. Sebagai langkah advance, Buka Rahasia Blogspot akan share cara menggunakan & mengganti font Blog dengan Custom Fonts bagi sobat blogger yg tertarik untuk membuat font di blog tampak lebih stylish. Di platform Blogger, ada dua cara yg dapat digunakan untukmenggunakan/menampilkan Custom Fonts:

1. Menggunakan fitur Blogger Web Fonts melalui Template Designer.

2. Memasukkan snippets (kode) secara langsung melalui Edit HTML (manual template editing).

Cara Menggunakan Blogger Custom/Web Fonts Melalui Template Designer

Pada akhir Desember 2010, Blogger memperkenalkan fitur Web Fonts yg dapat diakses melalui Template Designer. Saat ini setidaknya telah ada 77 Web Fonts (dan terus bertambah) yg dapat digunakan untuk kostumisasi font blog Blogger guna memperindahdesain blog.

Cara mengakses fitur Web Fonts:

1. Masuk Dashboard Blogger > Template > Customize > Advanced

2. Pada halaman Template Designer, setelah memilih "Advance", sobat dapat memilih bagian mana yg hendak dikostumisasi, misalnya page, header, sidebar header, post title, dan seterusnya. Kemudian pilih Web Fonts yg hendak digunakan.

3. Setelah semua kostumisasi font selesai, klik "Apply to This Blog".

Dengan cara ini, sobat dapat memilih Web Fonts yg telah disediakan oleh Blogger serta mempreviewnya sekaligus (WYSIWYG).
Note: Pengaturan Custom web fonts melalui "template designer" belum tentu dapat diaplikasikan pada custom blogger templates (bukan template bawaan Blogger). Jadi harus menggunakan cara kedua di bawah.

Cara Memasang Custom Fonts Dengan Mengedit Template Blog

Konsep sebenarnya dari memasang custom fonts adalah memasukkan font snippets pada template & merujukkannya pada font family dalam atribut pengaturan CSS elemen blog. Dibanding Blogger Web Fonts pada Template Designer yg jumlahnya masih terbatas, variasi Web Fonts gratis yg tersedia jauh lebih banyak. Kali ini, kita akan menggunakan Web Fonts milik Google (Google Font API), yg sampai saat ini telah memiliki koleksi 397 Font Family (dan terus bertambah), karena memiliki akses yg cepat & stabil.

Tahap 1:

Cara Mengganti Older/Newer Post-Home Blogger dengan Teks/Gambar Icon

    Jika kita melihat dan mengamati tulisan older post, newer post, dan home dalam tampilan template Blogger/Blogspot, tampak kurang menarik, terkesan jadul, dan tidak profesional, bukan? Sebagai alat navigasi, tentunya anda perlu memperhatikan tampilannya agar lebih menarik pengunjung untuk meng-klik-nya.

Anda dapat dengan mudah mengubahnya menjadi tulisan lain atau gambar (icon) dengan cara sebagai berikut: