0
komentar
Buka Generator Widget ...
Friday, 16 August 2013
Saturday, 27 July 2013
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...
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...
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...
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...
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
...
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...
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...
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...
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)
...
Subscribe to:
Posts (Atom)
.gif)
