Postingan

Menampilkan postingan dengan label Menu navigasi

Membuat breadcrumbs, label navigasi diatas posting

Gambar
Breadcrumbs   Merupakan sebuah navigasi label yang biasanya terletak diatas posting sebuah blog yang berfungsi untuk memberikan informasi peta atau navigasi label posting yang dibaca oleh para pembaca di blog, sehingga akan lebih memudahkan  pembaca dalam mencari artikel yang berhubungan dengan label artikel yang sedang dia baca. Contoh navigasi label atau breadcrumb diatas posting biasanya akan berbentuk link seperti ini: Home > label > judul posting  Anda dapat melihat contoh gambarnya di gambar pertama posting ini. Karena di blogger.com belum menyediakan fasilitas ini,maka kali ini saya akan share caranya.Caranya mudah, kita hanya perlu menambahkan beberapa kode di template blog. Berikut cara membuat navigasi label (breadcrumb) diatas judul posting blog Pertama-tama yang anda harus lakukan adalah masuk ke halaman dashboard blog anda dengan menggunakan akun blogger yang anda miliki. Setelah masuk ke halaman dashboard, silahkan anda klik nama blo

Document Text sizer widget

Gambar
Widget ini adalah sebagai alternatif tambahan untuk variasi pada blog agar lebih menarik dan inovatif. Fungsi dari widgets ini adalah untuk mempermudah kita untuk mengatur ukuran huruf pada tampilan sesuai dengan kebutuhan lebih besar atau lebih kecil. Untuk lebih jelasnya silakan lihat uraian dibawah ini : Langkah Pertama Login ke akun Blogger kamu. Dari halaman dashboard, pilih Edit HTML. Pada halaman Edit HTML, cari kode ]]></b:skin> Copykan script berikut dan letakkan di bawah kode ]]></b:skin> tersebut. Tekan Control F atau F3 untuk mencarinya. < script src =' http://hdesign-ideas.googlecode.com/files/textsizer.js '> </ script > Download external .js file textsizer.js Langkah Kedua Klik Page Element Klik Add Gadget   Klik plus button (+) for HTML/JavaScript. (img) Copy and paste kode dibawah ini ( letakkan sesuai kebutuhan ) <a href="javascript:ts('body',1)"

Membuat Menu Horizontal Sederhana

Menu horizontal/vertikal memang dibutuhkan karena bisa membuat blog kamu menjadi tampak lebih proffesional dan salah satu alternatif dimana kamu bisa menghemat tempat dengan menampilkan label atau link URL kamu sesuai dengan tema / label blog kamu. Disini kamu bisa membuat menu dengan langkah sederhana dan sudah tentu hasilnya juga sederhana, tapi dengan sedikit kreativitas kamu bisa membuat menu ini jadi tampil lebih bagus. Nah..! kalau kamu pingin ikuti langkah2 berikut : Langkah Pertama Login ke akun Blogger kamu. Dari halaman dashboard , pilih Edit HTML . Pada halaman Edit HTML , cari kode ]]></b:skin> pada script template blog kamu. Tekan Control F atau F3 untuk mencarinya. Copykan script berikut dan letakkan di atas kode ]]></b:skin> tersebut.. /* Menu Horizontal ----------------------------------------------- */ .menuhorisontal{width:100%; overflow:hidden; border-bottom:0px solid #000000;} .menuhorisontal ul{margin:0; padding:0; padding

Berita terbaru