Blog Avatar Companion

Maksimalkan blog sobat dengan widget Blog Avatar Companion v1. Layaknya sebuah perusahaan yang memiliki customer service untuk mendampingi klien perusahaan, Blog Avatar Companion juga memiliki fungsi yang hampir sama dengan customer service yaitu untuk memberikan greetingdan product knowledge dari blog kita selain itu biar pengunjung blog ga kesepian sewaktu mengunjungi blog kita, sobat... hehehe... asik-kan... sik...asik... Widget ini cukup ringan dan tidak memberatkan waktu loading blog... Oke sob buat yang tertarik langsung aja ke TKP...

Cara Pembuatan :

Kunjungi situs SitePal kemudian klik "SignUp" untuk mendaftar.
Seperti biasa konfirmasi di akun email kemudian login ke SitePal.
Kemudian klik "Enter" untuk masuk ke dashboard SitePal.
Klik gambar avatar untuk mengkostumasi avatar dan atributnya.
Seteleh selesai memodifikasi avatar kemudian disimpan.
Klik gambar panah yang ada di kolom publish.
Klik "Embed in Flash".
Pada step 1 pilih "Blogger" kemudian pada kolom 3 sesuaikan ukuran dimensi avatar.
Copy kode javascript pada kotak no. 4, biasanya terletak di bawah.

Cara Pemasangan :

Klik "Design" kemudian klik "Edit HTML" setelah itu klik centang pada "Expand Widget Templates", seperti gambar dibawah ini.

Cari kode <Body> pada template blog (tekan tombol keyboard CTRL+F untuk menampilkan kotak pencarian di browser dan mempercepat pencarian) kemudian copy kode di bawah ini dan taruh di bawah kode <Body> tersebut. Penempatan kode di bawah ini juga bisa ditempatkan sebagai widget sidebar atau upbar.

<style>
.gb {
position:fixed;
top:0px; left:0px;
z-index:+10;
}
#gbcontent {
height: auto;
width: auto;
padding: 10px 10px 5px 10px;
border: #000;
box-shadow:inset 0 0 1px #fff;
-moz-box-shadow:inset 0 0 1px #fff;
-webkit-box-shadow:inset 0 0 1px #fff;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
background-color:#619bb9;
background-image:-moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image:-webkit-gradient(linear, center top, center bottom, from(#327aa4),color-stop(45%, #2e4b5a), to(#5cb0dc));
}
</style>
<div class="gb"><div id="gbcontent">


Taruh Kode Script dari SitePal Disini


<div align="left">
<img src="https://lh4.googleusercontent.com/-OU72qj2_Zfg/T7fLcZpb5rI/AAAAAAAABww/vpyHLKADLoY/s800/Female-Face-Icon.png" style="vertical-align: middle;" /> <a href="http://monozcore.blogspot.com/" style="color: white; text-decoration: none;" target="blank" title="Get this widget"><b style="font-size: 14px;">Blog Avatar Companion</b></a>
</div></div></div>

- Keterangan :
- not available.