Senin, 17 Desember 2012

Cara Membuat Share Button Melayang

Cara membuat Share Button Twitter, Like Share, Google +1 Melayang. Widget buat share button. Bagi sobat yang belum mempunyai tombol share button alangkah baiknya sobat mempunyai widget ini pada blog sobat. Karena dengan widget ini kita akan lebih mudah...
READ MORE - Cara Membuat Share Button Melayang

Minggu, 16 Desember 2012

Cara Membuat Page Number Navigation With Colour

Page Number Navigation With Colour adalah widget yang berguna untuk navigasi ke artikel berikiutnya namun yang ini dalam bentuk nomor serta dengan berbagai warna. Untuk Demo Silahkan lihat menu beranda blog ini. Cara membuatnya simak langkah-langkah...
READ MORE - Cara Membuat Page Number Navigation With Colour

Sabtu, 15 Desember 2012

Css3 Beautiful Label Widget

Css3 Beautiful Labels Widget. Langsung saja saya kasih screen shootnya : ok bagi sobat yang pengen tahu cara membuatnya silahkan simak cara membuat Css3 Beautiful Labels Widget 1. login blog 2. buka menu template > edit HTML > lanjutkan 3....
READ MORE - Css3 Beautiful Label Widget

Selasa, 11 Desember 2012

Memodifikasi Followers

Tutorial blog yang ringan, tapi mungkin bermanfaat, kita coba memodifikasi followers blogger. Biasanya followers dipasang langsung pada widget yang sudah tersedia di blogger, tapi kali ini kita akan memasangnya di widget HTML/Javascript. Tertarik?...
READ MORE - Memodifikasi Followers

Cara Membuat Menu Tab View

Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi bisa memuat banyak space. Membuat menu dengan tab view memerlukan kode HTML yang lumayan panjang dan agak ribet, jadi sebaiknya simak baik – baik tutorial ini dan...
READ MORE - Cara Membuat Menu Tab View

Selasa, 04 Desember 2012

Cara Membuat Page Navigasi Tombol Halaman

Page Navigation adalah sebuah Widget yang digunakan pada Web ataupun Blog untuk memperlihatkan postingan atau artikel pada Webblog tersebut per halaman (tombol halaman seperti om Yahoo),contohnya seperti gambar dibawah ini: Untuk membuatnya sangatlah...
READ MORE - Cara Membuat Page Navigasi Tombol Halaman

Cara Membuat Scroll Pada Archive Blog

Untuk jelasnya langsung saja ikuti langkah dibawah ini : 1. Login ke Acount Blogger atau Dashboard 2. Pilih Layout 3. Llalu klik Edit HTML 4. Centang dulu Expand Widget Templates 5. Cari kode yang seperti ini : <div id='ArchiveList'>...
READ MORE - Cara Membuat Scroll Pada Archive Blog

Cara Membuat Recent Post Thumbail di Blog

Cara Menambahkan Artikel Terbaru/Recent Post Otomatis Di Blog. Widget ini memiliki tampilan yang tidak kalah menarik dari widget sejenisnya. sebagai contoh silakan lihat gambar diatas. Tertarik? Anda tinggal mengikuti langkah-langkah di bawah ini: 1....
READ MORE - Cara Membuat Recent Post Thumbail di Blog

Membuat Widget Scrolling Related Post di Blog

Widget related post atau artikel terkait yang ingin saya share kali ini sedikit berbeda dengan widget related post statis (diam) yang sering kita lihat pada blog pada umumnya. Kali ini kita akan belajar membuat widget related post dengan fitur Carousel...
READ MORE - Membuat Widget Scrolling Related Post di Blog

Senin, 03 Desember 2012

Cara Membuat Widget Melayang Floating Follower, Twitter dan Facebook Like Box (3 in 1)

3 in 1 floating widget yang menurut saya merupakan salah satu widget blogger terbaik, 3 buah widget melayang yang digabung dalam 1 gadget, dimana dalam gadget ini memuat widget follower blogger (Google Friend Connect), widget update status Twitter...
READ MORE - Cara Membuat Widget Melayang Floating Follower, Twitter dan Facebook Like Box (3 in 1)

Cara Memodifikasi Icon List Pada Postingan

Cara Memodifikasi Icon List Pada Postingan. Belum paham judulnya ya???? nih langsung aja ya tak kasih lihat contohnya... Tertarik? Ikuti langkah-langkah dibawah ini: 1. login blogger 2. rancangan >> edit HTML 3. Cari kode .post ul li { . . ....
READ MORE - Cara Memodifikasi Icon List Pada Postingan

Cara Membuat Kotak Komentar Blogger, Facebook dan Twitter Berdampingan di Blog

Cara Membuat Kotak Komentar Blogger, Facebook dan Twitter Berdampingan di Blogger. Semoga bermanfaat dan dapat membuat blog kita meningkat Trafficnya, hehe Untuk membuat kotek komentar Blogger, Twitter, Facebook dengan digabungkan seperti gambar...
READ MORE - Cara Membuat Kotak Komentar Blogger, Facebook dan Twitter Berdampingan di Blog

Cara Membuat Daftar Isi dengan Efek Sliding JQuery

Cara Membuat Daftar Isi dengan Efek Sliding Jquery. login blog buka menu posting >> entri baru lalu masukkan kode dibawah ini  <link href="http://sites.google.com/site/congcot/kode-1/CCcss1.css" media="screen" rel="stylesheet" type="text/css"></link>...
READ MORE - Cara Membuat Daftar Isi dengan Efek Sliding JQuery

Minggu, 02 Desember 2012

Cara Memasang Komentar Facebook di Blog (Lengkap)

Setelah beberapa waktu lalu saya membuat Cara Cepat Memasang komentar Facebook di Blog, kali ini kita akan sama-sama belajar cara lengkap memasang komentar facebook di blog. Untuk cara yang satu ini memang cukup rumit, untuk itu simak baik-baik tutorial...
READ MORE - Cara Memasang Komentar Facebook di Blog (Lengkap)

Widget Twitter JQuery

Widget kali ini adalah twitter widget dengan efek JQuery. Widget ini di buat oleh Mike More. Widget twitter ini cukup unik karena bisa menampilkan foto wajah-wajah followers dan friends (teman Anda) di twitter. Cara memasangnya: 1. widget Twitter...
READ MORE - Widget Twitter JQuery

Kamis, 29 November 2012

Cara Membuat Galeri Foto Pada Postingan Blog

Cara membuat gallery foto :  1. Upload foto ke hosting (picasa, atau photobucket, atau yang lainnya) dapatkan url foto yang telah diupload  2. Bikin postingan dalam mode HTML (bukan Compose)   3. Masukkan kode di bawah ini...
READ MORE - Cara Membuat Galeri Foto Pada Postingan Blog

Selasa, 17 Juli 2012

Cara Merubah Read More dengan Icon Image

Cara merubah atau mengganti tulisan Read More dengan image agar lebih menarik. Yang pertama harus disiapkan tentu adalah sebuah icon/image seperti ini: kemudian upload-lah image tersebut ke situs tempat penyimpanan image seperti Photobucket....
READ MORE - Cara Merubah Read More dengan Icon Image