Cara Membuat Teks Berjalan di Menu Bar

Pernak pernik pada website/blog bagi sebagian orang mungkin diperlukan supaya terlihat unik dan menarik, meskipun terkadang pernak-pernik itu tidak memberikan manfaat terhadap perkembangan website/blog itu sendiri, namun selama itu tidak mengganggu dan/atau merusak website/blog tidak ada salahnya digunakan.


Label: Tutorial Blogger

Cara Menambah 3 (tiga) Kolom di Bawah Header

Gambar 3 Kolom di Bawah Header

Langsung saja, jika Anda ingin menambah 3 (tiga) kolom di bawah header blog Anda, berikut ini Cara Membuat 3 (tiga) Kolom di Bawah Header:

Label: Tutorial Blogger

Cara Memberi Background Warna Pada Paragraf Posting

Memberi background warna terhadap sebagian tulisan pada posting, bertujuan selain untuk membuat tampilan posting lebih menarik juga sebagai tanda bahwa kalimat/kode yang diberi background warna tersebut adalah yang harus diperhatikan.


Label: Tutorial Blogger

Cara Menambah Image Pada Link Download

Tujuan menambah gambar/image/icon pada link download adalah selain untuk mempercantik tampilan juga bisa mempermudah pengunjung untuk menemukan link download yang harus diklik.


Label: Tutorial Blogger

Cara Pasang dan Hapus Widget Blog di Blogspot

Tutorial Cara Pasang dan Hapus Widget Blog di Blogspot ini adalah untuk memenuhi permintaan sahabat blogger kita yaitu kang Widodo yang disampaikan melalui kolom komentar di posting saya yang berjudul Cara Memperbaiki Tampilan Form Komentar Yang Bermasalah.

Label: Tutorial Blogger

Kode HTML Tampil di Postingan

Para Blogger yang ingin menerangkan kepada pengunjung blog yang mengharuskan adanya kode HTML di dalam postingan pasti membutuhkan tips ini. Ada 2 cara membuat kode HTML muncul di dalam postingan blog kita.
Yang pertama dengan mengganti kode - kode HTML yang akan ditampilkan dengan notasi tertentu atau bisa dengan menggunakan cara text area.

Label: Tutorial Blogger

Cara Membuat Artikel Terkait

Untuk membuat artikel terkait atau related post, kita akan sedikit mengubek-ubek kode HTML template kita. Jadi seperti biasa saya sarankan untuk membackup template sobat terlebih dahulu sebelum membuat artikel terkait ini.

Buat blogger baru yang belum mengerti tentang artikel terkait akan saya beri sedikit gambaran, kurang lebihnya seperti ini, dalam setiap postingan tentunya kita akan mengelompokkan postingan kita dalam beberapa kelompok atau yang biasa disebut dengan label (kategori).

Label: Tutorial Blogger

Menampilkan Artikel Terkait di Sidebar

Postingan tentang artikel terkait (related post) ini sudah sering saya bahas, tepatnya disini, disono dan nengkene. Namun ketiga postingan tersebut tidak ada yang membahas cara menampilkan artikel terkait di sidebar.

Pengunjung akan disuguhkan artikel terkait milik sobat di sebelah postingan atau di sidebar, bukan dibawah postingan yang selama ini kita lihat.

Sebenarnya artikel terkait ini bisa juga diletakkan dibawah postingan, tapi saya tidak akan membahasnya karena sudah pernah saya bahas di postingan saya yang lalu.

Label: Tutorial Blogger

Membuat Daftar Isi dengan Efek Accordion

Untuk sebelumnya saya meminta maaf kepada sobat-sobat semua. Postingan sebelumnya tentang Font Handwriting, ternyata mempunyai kendala. Terutama yaitu tiadanya screenshot contoh gambar fontnya. Bukannya gak mau ngasih, tetapi sepertinya terjadi keerroran pada tempat hostingannya. Jadi saya meminta maaf buat sobat-sobat semua, trutama untuk Bung Lebond, Bang Zippy, dan Brader Karlz.

Label: Tutorial Blogger

Cara Memasang Tabel Kode Warna Pada Blog

Untuk mengedit atau mendesain blog kita pasti butuh referensi kode warna. Untuk itu terkadang kita harus bolak balik situs yang memiliki postingan tabel kode warna, capek nggak? Mungkin kalau capek tidak ya, tapi pernah kah terlintas dibenak sobat bagaimana cara menampilkan tabel code warna tersebut dalam postingan atau pada elemen blog kita (Sebagai gadget githu)?
Contohnya bisa lihat disini
Nah berikut rahasianya eh tutorial cara memasang tabel kode warna pada blog.

Label: Tutorial Blogger

30 Tab Menu Navigation Horizontal Untuk Blogger

Sebelumnya saya pernah posting cara membuat menu tab navigation horizontal. Mungkin ada diantara teman-teman blogger yang menemukan kesulitan dalam meletakkan kode CSS pada tahapan pengeditan template, untuk itu pada postingan kali ini saya mencoba memberikan solusi ringan berupa sajian 30 tab menu horizontal instant yang siap pakai hanya dengan menambahkan gadget HTML/JavaScript dan meletakkan kode tab pada konten, sekaligus menekankan akan urgennya fungsi tab navigation pada sebuah template.

Label: Modifikasi Tab Menu, Tutorial Blogger

Membuat Tabber Tab Menu Dengan JQuery #1

Saat ini tabber tab mulai banyak terkenal dalam dunia desain web. Banyak situs yang menggunakan tabber tab dan mengisinya dengan berbagai konten untuk menghemat ruang halaman web site. Diantara yang banyak saya lihat menggunakan tabber tab untuk kategori recent post, comments dan random posts adalah template atau theme wordpress.

Label: JQuery, Tutorial Blogger, Widget

Widget Related Post With Thumbnails

Related post atau postingan terkait tentu sudak kita ketahui bersama fungsi dan manfaatnya, karena sebelumnya saya pernah mengetengahkan tutorial cara menambahkan related post pada blogger. Widget ini sebagaimana widget lainnya memang memiliki banyak versi, kalau yang sebelmnya hanya dilengkapi judul, widget berikut dilengkapi juga dengan thumbnails (image/gambar) yang dapat mempercantik tampilan related post pada blog anda. Widget ini juga bisa dengan mudah anda atur dan sesuaikan jumlah artikel terkait yang ingin ditampilkan atau merubah jenis huruf dan background hover dari link dll.

Label: Tutorial Blogger, Widget

Multi Level Drop-Down Menu Dengan CSS dan JQuery

View Demo
Pada postingan saya sebelumnya yang berjudul 30 tab menu navigasi horizontal, seorang pengunjung bertanya pada kolom komentar cara membut menu drop-down. Alhamdulillah setelah search digoogle, saya temukan tutorial membuat multi level drop-down menu dengan CSS dan JQuery untuk web dari Dinamic Drive. Setelah saya modifikasi tutorial ini bekerja dengan baik pula pada template blogger. Contohnya bisa lihat pada diatas atau free blogger template dalam pengembangan saya disini
Nah berikut langkah-langkah membuat multi level drop-down menu dengan JQuery pada template blogger
1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML
2. Tambahkan script JQuery berikut sebelum tag </head>

Label: JQuery, Modifikasi Tab Menu, Tutorial Blogger