Awesome Slider With Progress Bar for Blogger

Earlier I have shared with you a simple CSS slider with many effects. And now I am going to share another Slider which is really awesome. This slider is little different than previous one. I have added a program bar when sliding image will change then the progress bar will complete loading. You would see when you mouse over on the slider then a pause button will appear as well as the slider will pause.  A beautiful image border added and it will change color on mouse over as well as you would see a shadow of the slider below frame. This slider...

Read more →

Cara Membuat Biodata Penulis Dengan CSS Efek Hover

Beberapa Blogger profesional sering menggunakan atau menampilkan biodatanya dapa Blog nya supaya mudah dikenal oleh para pengunjung. Dan selama ini yang kita lihat tampilan biodatanya biasa - biasa aja. Tapi pada tips kali ini saya akan berbagi tutorial cara membuat biodata penulis yang berbeda, yaitu dengan CSS efek hover. Widget HTML/JavaScript untuk biodata penulis ini bisa di letakkan pada pada sidebar ataupun footer. Oh ya kode CSS ini dibuat oleh Mohammad Fazle Rabbi dan disini saya hanya sharing aja. . Sobat bisa lihat demo nya di...

Read more →

Effect Lipat Join Us On Facebook Pada Sudut Blog

Effect Lipat Join Us On Facebook Pada Sudut Blog - Begitu banyak sekali cara yang dapat kita lakukan supaya blog berpenampilan semakin menarik, tidak hanya manusia blog juga harus berpenampilan menarik agar para pengunjung blog betah dan nyaman saat berada di halaman blog kita. Pada kesempatan kali ini disini akan dibahas cara memasang effect lipat join us on facebook pada sudut blog, karena selain penampilan blog akan lebih menarik bermanfaat juga untuk mempermudah pengunjung mengetahui keberadaan halaman fans page di facebook. Effect lipat...

Read more →

Memasang Widget Metro Style Social Media

Ayo sob hias blog kita dengan widget sosial media . Widget yang satu ini selain indah untuk tampilan blog juga berguna sebagai tombol share ke media sosial seperti facebook, twitter, dan google plus. Widget ini di beri nama oleh penciptanya Metro Style Social Media. Bagi sobat yang suka widget silahkan dicoba, berikut ini adalah langkah sederhana untuk memasang widget Metro Style Social Share: 1. Login ke akun Blogger. 2. Pilih Template » Edit HTML » Lanjutkan » Expand Template Widget. 3. Cari kode ]]></b:skin> dengan menggunakan...

Read more →

Menarik Pengunjung Blog Melalui Gambar

Meningkatkan jumlah pengunjung tentunya sangat diperlukan, seperti yang telah saya bahas pada artikel yang berjudul Kenapa Pengunjung Blog Kita Harus Banyak. Hal ini masih berkaitan dengan optimasi blog atau trik SEO. Jadi selain dengan mengirim artikel ke situs sosial bookmark, share ke komunitas Google+, Facebook, Twitter, dan lain sebagainnya. Kita juga dapat menarik pengunjung blog melalui gambar yang ada di dalam postingan kita. Bahasa simpel nya gini sob, ketika pengguna internet membuka gambar kita yang ada pada search engine google image ...

Read more →

Cara Membuat Scroll Pada Blog Archive (Arsip Blog)

1. Login ke Blogger.2. Di halaman Dasbor, kita pilih Rancangan Blogger. 3. Kemudian pilih Edit HTML 4. Beri tanda centang pada Expand Template Widget 5. Cari kode berikut...... <b:widget id='BlogArchive2' locked='false' title='Arsip Blog' type='BlogArchive'> 6. Lalu Terapkan Seperti di bawahh ini..... <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <div style='overflow:auto; width:ancho; height:200px;'> <div expr:id='data:widget.instanceId...

Read more →

cara membuat kolom scroll pada blog archive ( arsip blog )

cara membuat kolom scroll pada blog archive - Trik cara membuat scroll pada arsip blog, cara membuat scroll pada arsip blog (blog archive), cara membuat kolom blog archive dengan scroll. apapun itu judulnya pasti hasilnya tetap sama. cara membuat kolom scroll pada blog archive ini tergolong cara untuk mempercantik blog, pada umumnya arsip blog itu puanjang buanget. hehehe namun bisa dipendekkan tanpa merubah subtansinya. ok dengan membuat efek scroll widget jadi ringkas dan keren. sobat blogger juga bisa membaca postingan saya kemarin Cara Membuat...

Read more →

Cara Membuat Widget Recent Comment Dengan Avatar Untuk Blog

Widget - Kali ini saya akan membahas bagaimana cara membuat widget recent comment dengan avatar untuk blog. Fungsi widget ini akan menampilkan komentar terbaru secara otomatis ditambah avatar, yang dimaksud avatar adalah gambar profil orang yang berkomentar. Berikut cara membuat widget recent comment dengan avatar 1. Login ke blog kamu. 2. Pilih Rancangan > Add Gadget > HTML/JavaScript.3. Copy kode di bawah ini. <div style="overflow:auto;width:300px;"> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments...

Read more →

Cara Membuat Tombol Share Di Bawah Posting Blog

1. Login ke blog kamu 2. Pilih Edit HTML > Jangan lupa Centang Expand Widget Template > Cari kode <data:post.body/> 3. Setelah ketemu letakan kode di bawah ini tepat di atas kode nomor 2. <style> /*--------Social Sharing Widget Below Blog Post ------*/ .sharebelow a { display:block; height:48px; width:48px; padding:0 4px; float:left; background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFmW7xaQ3ob8bPY3V34RIe0kQoJHSbiDizkP3vWt0lV_FxzFTvb4utPkO0amvk66e5L21kKXa5DVsgyK1zUje-AKeDyL4b4dXR610nALCkZRefnlaAC8jK6n-CUkLQGclQIs-2a7MkVPE/s1600/sharebelow.png) ...

Read more →

MEMBUAT TOMBOL SHARE UNIK

  Menu sosial bookmark adalah salah satu komponen penting untuk sebuah blog anda. Selain untuk mempercantik tampilan blog, juga untuk mempermudah pengunjung blog anda untuk membagikan / share ke jaringan sosial yang lain. Bentuk menu sosial bookmark share sangat bermacam-macam. Sudah banyak tutorial di blog-blog dan situs yang telah membagikan cara membuat tombol menu share sosial bookmark. Kali ini akan berbagi tutorial cara membuat tombol menu share sosial bookmark berbentuk slide telur yang bisa membuka dan menutup berada di pojok bawah...

Read more →