Tutorial :follow & dashboard kawaii

ASSALAMMUALAIKUM :)

         hai pak cik mak cik,.. XD hehe wah apa yang aku buat.. hari ini iera nak bagi tutorial macam mana nak buat follow and dashboar yang comel macam iera tuh,.. comel kan, macam blog skin.. 

        iera memang penuh dengan tutorial cara buat style blogskin, keh x3 sebab kan comel, tapi kan ada orang tak pandai guna blogskin, jadi pakai modern template jer kan,.. so iera bawak keluar segala blog skin style disini XD.. mungkin tuto yang iera buat baru sikit, tak apa lama nanti banyak lah tuh~ ^_^

okey what the tutorial today? it's about this :

comel tak? ada gambar comel kan? hehe.. nak buat? teruskan membaca...

ikut step yang iera suruh kat bawah:

1) HOME BLOG > TEMPLATE > EDIT HTML > TEKAN ctrl+F : search : /* header

copy kod di bawah :

.circle {
height: 20px;
width: 20px;
-webkit-transition: 0.5s;
text-align: center;
}
.circle1 {
height: 20px;
width: 20px;
-webkit-transition: 0.5s;
text-align: center;
}
.image {
position: fixed;
top: 20px;
right: 100px;
}

paste kan dekat atas kod yang dicari tadi ..

2) PAGE ELEMENT > ADD GADGET > EDIT HTML :

copy kod di bawah :

<div class="circle" style="background: #fff; border-radius: 350px; position: fixed; top: 30px; right: 110px; z-index: 99;"><a href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID "><img src="http://4.bp.blogspot.com/-uxCKDcQx9sI/TwNWZGTKBFI/AAAAAAAAAbs/MtCJzsj32G0/s1600/heart9.gif"title="follow"/></a></div>
<div class="circle1" style="background: #fff; border-radius: 350px; position: fixed; top: 50px; right: 100px; z-index: 99;"><a href="http://www.blogger.com/"><img src="http://3.bp.blogspot.com/-z3DGL9LcCRc/TwNWev3U6MI/AAAAAAAAAd0/AFr49_JYqlM/s1600/skull1.gif"title="dashboard"/></a></div>
<div class="image"><img style="width: 120px; border: 5px solid #fff; border-radius: 350px;" src="URL GAMBAR COMEL" /></div>

pastekan dekat html/ javascript tadi, ..

biru : url icon comel untuk follom dan dashboard, korang boleh tukar kalau nak

merah : url untuk gambar hiasan, cari kat google lah, iera ada bagi freebies jugak >_<

oren : gantikan dengan id belog korang

http://s3.amazonaws.com/puricute.answers/2011/07/29/a5f00290e22adf42a36b5b9b5ea7d2734.jpg

http://cdnimg.visualizeus.com/thumbs/4d/60/kawaii,hipster,bear,bear,hipster-4d606c55793ecae61b82e6008e05b7a8_h.jpg

https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQcO7DpWupbvfzVKkDdMbmEaQxysnU8qRExA942DCt-FVkbgN5CxQ

https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcRwRUxaod3O8E8Lrtm6eJUTG_jJO0JJzECyeZGvuu5gqTYzw3nO

p/s: okay,.. kalau dah siap koment kay~ kalau ada masaalah tanya jer iera , yang pasti(!) komne(!) ><