Cara Membuat Widget
Pesan ( Note ) Melayang Di Bawah Blog - Trik ini asalnya saya dapat dari
kucoba.com yang sudah saya modif ulang sehingga bisa valid terpasang di blog.
Widget yang satu ini berfungsi untuk memberitahu kepada pengunjung seperti Taq
headline news, tapi tulisan kita masukkan secara manual.
Keunggulan widget
ini adalah tidak terlalu memberatkan blog. Dan mempunyai tombol close, yang
bisa kita hilangkan dengan menekan tombol Close itu sendiri. Untuk lebih jelas,
dalam proses pembuatannya ikuti langkah-langkah di bawah ini :
1.Pertama Login
Blogger.com
2.Langka kedua Masuk
Dashboard - Tata Letak - Tambah Gadget - Add Java Scrip - Kemudian masukkan
Kode di bawah ini kedalam Java Scrip Tersebut :
<script
type='text/javascript'>
function
closeTopAds()
{document.getElementById("floating-ads").style.visibility =
"hidden"; }
</script>
<div
id='floating-ads'>
<div
align='center' class='bgfloat'>
<table
align='center' width='970px'>
<tr>
<td width='494px'>
<span
class='Apple-style-span'
style='color:white;font-size:14px;font-weight:bold;padding-left:6px'>
Mari Gabung Di Grup
KOMUNITAS BLOGGER NEWBIE di Facebook.
</span>
</td>
<td
width='80px'>
<a onclick='window.open('
https://www.facebook.com/groups/473605909318645/');' style='cursor:
pointer;'>
<span
class='Apple-style-span'
style='color:#e7e7e7;font-size:15px;padding-bottom:12px;'>
@Gabung
</span>
</a>
</td>
<td width='282px'>
<span
class='Apple-style-span'
style='color:white;font-size:15px;font-weight:bold'>
FACEWOMAN on
twitter
<a
onclick='window.open(' http://twitter.com/cintakubaca');' style='cursor:
pointer;'>
<span
class='Apple-style-span' style='color:#e7e7e7;font-size:15px;padding-bottom:12px;'>
@andikwin<
/span>
</a>
</span>
</td>
<td
width='20px'>
<img alt='close'
height='23' onclick='closeTopAds();return false;'
src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZv_WtIgRWDgguxE4SMuMQyBgGeGqkZpK9sj1XbhMUTAvXWyI5w_8BnvpZ4TN7aEoEdgVgHywmp3SRN82JFu6P6ViVXZDmGc-TjicAF8RFttY7tIdQ742u2LNYtO8QyH3LY-XNOkpoGNKR/s1600/close.png'
width='25'/>
</td>
<td
width='10px'>
<div
style='padding-right:6px;padding-left:1px;color:white;font-size:11px;bottom:6px'>
(close)
</div>
</td>
</tr>
</table>
</div>
</div>
Keterangan :
Ganti Tulisan "
Mari Gabung Di Grup KOMUNITAS BLOGGER NEWBIE di Facebook. " Dengan kata-kata
pesan anda.
Ganti Link
https://www.facebook.com/groups/473605909318645/ dengan alamat Facebook anda.
Ganti Tulisan "
FACEWOMAN on twitter " dengan pesan anda.
Ganti Link
http://twitter.com/cintakubaca dengan alamat twitter anda.
3.Langkah terakhir Simpan
Java Scrip.
Itulah ulasan
facewoman Tentang Cara Membuat Widget Pesan Melayang Di Bawah Blog.
Semoga bisa jadi refrensi untuk anda yang membutuhkan.
No comments:
Post a Comment