cara membuat menu horizontal di blog

Tutorial Blog : Cara Membuat Menu Horizontal di Blogspot.

Tutorial Blog : Cara Membuat Menu Horizontal di Blogspot.

Kali ini ada yang istimewa dengan postingan tentang tutorial kali ini,karena biasanya saya selalu mempostingkan tentang tutorial autoCAD,atau solidwork dsb yang kaitanya erat dengan dunia drawing / gambar desain engineering atau pembuatan moulding,tapi untuk episode kali ini saya akan membagikan sebuah tutorial blog tentang bagaimana cara membuat menu horizontal pada blogspot.

Menu horizontal tentu bukan hal yang baru dan asing bagi para blogger kawakan alias master blogger,dan cara membuatnya pun sudah hapal luar kepala fasih sampai ketitik yang paling dalam,tetapi tentu ada rekan rekan blogger yang belum tau dan mengerti cara membuat menu horizontal pada blogspot,atau sudah lupa cara caranya.

Unutk itulah saya mencoba mengungkap kembali tutorial bagaimana cara membuat menu horizontal pada blogspot seperti yang bisa rekan rekan lihat pada blogautoCAD tangerang kesayangan saya ini,baiklah sebelum memulai cara membuat menu horizontal pada blogspot alangkah lebih baik kita mengetahui terlebih dahulu tentang makna menu horizontal itu sendiri.

Menu horizontal adalah sebuah menu yang berisi rangkuman dari beberapa kategori dari seluruh postingan yang ada di blog tersebut,dengan kata lain menu ini adalah menu rangkuman dari segala jenis postingan yang ada di blog tersebut,Menu horizontal menjadi sangat penting untuk mengoptimalkan isi atau content dari suatu blog atau wap. Dengan menu horizontal di suatu blog atau wap pengunjung / visitor akan dengan mudah menemukan artikel yang sesuai yang di harapkan. Tak ayal dengan menu horizontal seluruh isi atau content suatu blog atau wap akan dengan mudah tersentuh oleh pengunjug.

Adapun cara membuat menu horizontal adalah sbb :

Cara membuat burung Twitter terbang di Blog

Cara membuat / memasang widget burung Twitter terbang di Blogger, mungkin trik ini sudah tidak asing lagi bagi sobat dan sudah banyak sekali saya melihat blog yang sudah memasang widget burung Twitter terbang ini dengan berbagai macam style dan warna burung Twitter yang berbeda-beda, sekarang saya akan mengulas kembali khusus buat teman-teman blogger yang baru membuat blog dengan platform blogspot

Twitter adalah layanan jejaring sosial yang sangat populer sekarang ini selain Facebook dan Google+ dan tidak salah banyak orang yang beramai-ramai untuk menjalin koneksi melalui Twitter apakah itu untuk keperluan bisnis maupun hanya sekedar berteman saja, nah bagi sobat yang mempunyai blog tidak ada salahnya memasang widget burung twitter terbang ini selain membuat blog sobat cantik dan unik, widget ini juga mempermudah sobat untuk menjalin pertemanan baru dengan pembaca blog sobat, hanya dengan sekali klik pada burung twitter yang terbang maka akan otomatis terhubung dengan profile Twitter sobat,
Ok tanpa panjang lebar mari kita kupas bersama-sama cara memasang widget ini

Membuat Link Hover Dengan Bintang Berpijar Diblogspot

Mungkin mendengar judulnya saja anda mungkin sudah banyak yang tahu, karena saya mengira masih banyak yang belum tau Cara Membuat Link Hover Dengan Bintang Berpijar ini maka saya share aja. Supaya anda tidak suntuk dan mengantuk, coba langsung terapkan diblog anda dengan cara berikut :

• Masuk ke blogger.
• Pilih Rancangan - Edit Html
• Kemudian anda cari kode a:hover {
• Tambahkan kode berikut kedalamnya :

background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCCGI-Om4lYzjkVcUNN9FlWz8EHwRgoeFayB7xqA86b63ZC1jDmdMWq2uj3hn97oI4UxUwu9VPEhvr4DmLpAYZvXrOHENLCA3mZO9Sis5VvmNLZScEABB8oHB6eEoqqE0UXjw_sKkKWEO/s1600/stars.gif); 

• sehingga susunanya menjadi seperti ini :

a:hover { background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjCCGI-Om4lYzjkVcUNN9FlWz8EHwRgoeFayB7xqA86b63ZC1jDmdMWq2uj3hn97oI4UxUwu9VPEhvr4DmLpAYZvXrOHENLCA3mZO9Sis5VvmNLZScEABB8oHB6eEoqqE0UXjw_sKkKWEO/s1600/stars.gif);}

• Lalu Save Template.

Semoga Cara Membuat Link Hover Dengan Bintang Berpijar Diblogspot berguna dan bermanfaat bagi anda.

postingan bergerak

Setelah kemaren sempat memposting "Cara menampilkan Top Comment Berjalan (Marquee)", nah, kali ini mencoba memaparkan "Cara Membuat Random Posting Title Berjalan (Marquee)". Postingan kali ini juga untuk menjawab pertanyaan dari sobat blogger pada waktu yang lalu sempat bertanya kalau cara membuat Recent Postingnya bagaimana? Thanx ya buat sobat Ngeposting ni yee + sobat yang satu lagi saya lupa (karena beliau bertanya via shoutbox dan sekarang shoutbox sudah saya ganti, jd maaf kl saya lupa yaaa...) karena pertanyaan anda memberikan saya ide untuk membuat postingan yang baru, abisnya saya sempat bingung mau membuat postingan apalagi yaaa....heheheheheeee....

Sebenarnya mau dikasi judul Recent Posting Title.....namun rasanya kurang pas kl mau bilang tentang tool ini Recent Posting Title, karena tool ini menghadirkan judul-judul posting blog kita secara acak bukan menampilkan judul postingan terbaru pada blog kita. Tapi ga apa-apa dech, ada baiknya juga sih, karena postingan-postingan lama pada blog kita bisa dilirik lagi sama pengunjung, jadi tidak terabaikan deh postingan lama kita.
Code ini sebenarnya berupa recent posting yang berurutan kebawah seperti daftar isi pada menu disamping, namun sedikit saya poles agar bisa menghasilkan daftar posting yang berurutan kesamping, supaya bisa menghemat ruang pada blog kita.

Oke deh, langsung saja.....

• Seperti biasa masuk dulu ke Blogger
• Terus Tata Letak/Layout
• Pada halaman Page Element/Elemen Laman, klik Add a Gadget
• Pilih HTML/Javascript
• Copy code dibawah ini dan paste ke dalamnya :