Ada banyak jenis gaya CSS Border Style yang bisa kita buat. CSS Border Style lebih jadi menarik dan cantik jika dipadukan dengan banyak warna / kombinasi CSS Border Style yang satu dengan yang lain.Berikut macam-macam CSS Border Style dan contoh nya:CSS...
[[..selengkapnya..]]

"Breadcrumbs" biasanya terletak pada bagian atas halaman web atau biasanya di bawah header nav bar. Breadcrumbs manampilkan link ke setiap halaman sebelumnya dan memberikan link terkait ke halaman sebelumnya. Breadcrumbs memberikan jejak bagi user untuk...
[[..selengkapnya..]]

Seperti yang sama-sama kita ketahui, bagi para sobat blogger yang tidak ingin orang lain meng copas isi artikel nya bisa pakai scrip ini.Langkah-langkah nya cukup Tambah Gadget baru dan masukkan scrip dibawah ini.Anda juga bisa meletakkan scrip nya diatas...
[[..selengkapnya..]]

Apa Itu -border-radius? -border-radius adalah salah satu property css3, sedangkan fungsi dari border-radius adalah untuk membuat lengkungan pada box-box tag html! -border-radius properti digunakan dalam CSS dan beberapa tag HTML khusus untuk membuat...
[[..selengkapnya..]]

Ngantuk bangat..... bubu dulu yah semua para sobat blogger.....
[[..selengkapnya..]]

Comment Bubble merupakan lingkaran bulat seperti balon di pojok kanan judul posting yang sangat membantu kita seberapa comment yang ada dalam postingan kita. Hal ini sangat membantu pada saat kita tidak sempat Login ke akun kita untuk mengcek comment...
[[..selengkapnya..]]

Facebook telah datang dengan satu set baru plugin Sosial yang memungkinkan Anda untuk memberikan pengalaman menarik sosial kepada pengguna dengan hanya garis dari HTML. Facebook Like Button salah satu nya. Anda dapat melihat demo dari tombol seperti...
[[..selengkapnya..]]

Dengan adanya fitur ini berbagi di blogger menjadi semakin mudah dengan menyelipkan ikon-ikon dibawah atau di atas postingan.Kode nya:<div style="text-align: right;"><a class="google-buzz-button" data-button-style="normal-count" href="http://www.google.com/buzz/post"...
[[..selengkapnya..]]

Ini adalah tutorial tentang cara menambahkan yang sederhana untuk menambahkan "Aboout Author" di bawah setiap posting di Blogger yang hanya muncul di halaman posting. Pertama saya bingung cara membuat nya padahal saya ongin bangat ada itu, setelah saya...
[[..selengkapnya..]]

Jika blog Anda mendapatkan pengunjung dari seluruh dunia, maka lebih baik untuk menempatkan sebuah widget terjemahan. Sehingga, mereka akan tinggal lebih lama di halaman Anda dan mereka dapat mengunjungi blog Anda lagi. Berikut ini adalah koleksi terjemahan...
[[..selengkapnya..]]

Menampilkan link ke posting terkait bersama dengan thumbnail pos yang sesuai akan membantu Anda meningkatkan tampilan halaman blog anda. Pengguna akan tergoda untuk pergi untuk posting yang bersangkutan pada saat mereka disajikan menarik dengan thumbnail.Berikut...
[[..selengkapnya..]]

Berikut ini adalah kumpulan widget shoutbox untuk blog. A shoutbox, yang juga dikenal sebagai buku tamu, Chatbox, saybox adalah sebuah platform komunikasi yang memungkinkan pengunjung untuk meninggalkan pesan untuk Anda dan Anda dapat meninggalkan pesan...
[[..selengkapnya..]]

Ada 2 cara untuk membuat label pada blog, yaitu:A.melalui menu posting1.login ke blogger.com2.klik new post2.sekarang anda ada didalam menu posting.lihat dibagian paling bawah kiri.disana ada tulisan label3.anda bisa menuliskan label di kolom tersebut.nanti...
[[..selengkapnya..]]

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan...
[[..selengkapnya..]]

Lansung saja cara nya yah....Pertama anda Login terlebih dahulu ke blogger,com kemudian masuk ke Dasboard pilih Tata Letak lalu masuk menu EditHTML1. Cara pertama, tambahkan kode di bawah ini diatas kode ]]></b:skin>:#navbar-iframe {height:0px;visibility:hidden;display:none}2....
[[..selengkapnya..]]

Kalau dulu kita sudah mempelajari tentang membuat tampilan berbeda antara homepage dan isi dengan menyembunyikan widget, sekarang kita akan mencoba bereksperiment untuk memunculkan gadget hanya pada Static Page, Postingan, Halaman Arsip, bahkan pada...
[[..selengkapnya..]]

Silahkan lihat contoh Daftar Isi Efek jQuery Accordion disini.Berikut langkah-langkah membuat Daftar Isi Efek jQuery Accordion:Langkah 1Login ke BloggerLangkah 2Masuk ke "Rancangan - Edit HTML"Langkah 3Cari kode dibawah ini:]]></b:skin>Langkah...
[[..selengkapnya..]]

Cara nya mudah untuk mengganti icon Blogger.Cari gambar atau icon yang mau diganti untuk blog kita, setelah itu copy URL gambar tersebut. Untuk memasukkan ke blog anda silakan kembali ke Dasboard blogger anda,silakan ke menu Layout->Edit HTML->jangan...
[[..selengkapnya..]]

Membuat arsip blog menjadi scroll. Trik ini sama seperti model scroll yang lain, contohnya Label Scroll dan Scrolling pada Box Comments. Kita hanya menambahkan script berikut:<div style='overflow:auto; width:ancho; height:100px;'>....</div>Untuk...
[[..selengkapnya..]]

Nah mungkin tutorial ini dapat membantu, meskipun ini sederhana namun cukup cantik bila dipasang di blog kita. Manfaatnya juga agar tampilan lebih minimalis. Jadi jika kita memiliki Link yang cukup banyak tak kan jadi masalah.1. Blogroll dengan Drop...
[[..selengkapnya..]]

Tiap bloger pasti ingin tampilan blog nya terlihat rapi,begitu bukan? Ada yang merasa kerapian blog kita terganggu dengan adanya tulisan di "Langgan: Entri (Atom)"? Jika tulisan itu yang menurut kita tidak penting dan tempatnya juga kurang sesuai, maka...
[[..selengkapnya..]]

Gak usah panjang lebar sob, langsung saja sobat copy paste code dibawah ini di ADD PAGE ELEMENT ..<style>.showpageArea a {text-decoration:underline;}.showpageNum a {text-decoration:none;border: 1px solid #bbb;margin:0 3px;padding:3px;}.showpageNum...
[[..selengkapnya..]]

Secara default, setiap template blogger akan dilengkapi dengan older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.Agar tampilannya lebih menarik, anda bisa menggantinya dengan icon.Caranya:1. Pada menu klik...
[[..selengkapnya..]]

Copyright 2010 Tutorial, Tips & Trik..!!