Tutorial : Floating Page ( Like Me )
Mau tau apa itu floating page? kalau mau tau lihat gambar di bawah ini :
1. Dasbor > Rancangan > Elemen Laman > Tambah Gadget > Html/javascript
2. Copy kode di bawah ini dan letakkan di Html/javascript tadi :
<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>
<div style='display:scroll; position:fixed; top:240px; left:25px;'>
<a class='linkopacity' href='URL BLOG' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='facebook'><img border="0" src="URL Image" /></a><br />
<a class='linkopacity' href='URL Page 1' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='twitter'><img border="0" src="URL Image 1" /></a><br />
<a class='linkopacity' href='URL Page 2' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL Image 2" /></a><br />
<a class='linkopacity' href='URL Page 3' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL Image 3" /></a><br />
</div>
3. Sudah di copy? lihat keterangan di bawah ini dulu :
* MERAH : yang URL BLOG ganti dengan url blog kamu dan yang lain ganti dengan url page kamu =)
* BIRU : masukkan URL gambar sesuai kemauan kamu =)
* Orange : ganti dengan judul pagenya kalau yang di URL BLOG bisa kamu kasih judulnya home =)
Dan kamu bisa tambah kode :
<a class='linkopacity' href='URL Page' imageanchor='1' rel='nofollow' style='margin-left: 1em; margin-right: 1em;' target='_blank' title='feed'><img border="0" src="URL Image" /></a><br />
letakkan kode tersebut di
atas kode
</div> kalau page kamu lebih dari 3 =)
Kalau semua tutorial di
atas sudah di ikuti klik
Simpan =)
Selesai =)
( kok aku suka pake gambar ini =) ya? )
Little Note For You : Ini bukan tutorialku sendiri, tapi kodenya aku ambil dari SINI aku cuma ganti gambar sama bahasa aja =) Thank you kak Fazeera Kahar
Labels: tips dan trik blogger
OLD • NEW
