Cara Membuat Widget Slidenote / Pesan Notifikasi Untuk Blogger

Kali ini Anthzo's Blog memposting tentang cara membuat Pesan Notifikasi Untuk Blogger, yang dimana fungsinya untuk memberitahukan segala macam hal yang memang anda perlukan untuk menyebarkan informasi. Berikut adalah caranya!

1. Login ke Blogger
2. Klik Template --> Klik Template --> Back Up Template terlebih dahulu untuk keamanan
3. Klik Edit HTML --> Klik Lanjutkan --> Centang "Expand Template Widget" --> Cari kode </head>, gunakan CTRL + F untuk memudahkan Pencarian.
4. Salin kode di bawah ini dan letakkan di atas kode </head>

 <style type="text/css">
.slidenote { width: 230px; height: 140px; background: #FBEC78; padding: 1em;
-moz-box-shadow: -0.2em -0.2em 0.7em #121212; -webkit-box-shadow: -0.2em -0.2em 0.7em #121212;}
.slidenote img { float: left; margin-left: -2em; margin-top: -2em; }
.slidenote img:hover { margin-top: -1.95em; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://hzndi.googlecode.com/files/hzndi.blogspot.com-jquery.slidenote.min.js" type="text/javascript"></script>

5. Sekarang cari lagi kode </body>
6. Salin kode di bawah ini dan letakkan diatas kode </body>

<div class='slidenote' id='note'>
<div id='container'>
<h2>PENGUMUMAN :</h2>
<p> Blog ini sedang tidak di aktifkan | MAINTENANCE |. Silahkan Kunjungi Blog Sahabat yang masih Aktif :D www.anthzoblog.blogspot.com -> <a href='http://anthzoblog.blogspot.com/'>Anthzo's Blog</a></p>
</div>
</div>
<script type='text/javascript'>
$(&#39;#note&#39;).slideNote({
closeImage: &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs2erkLrnTeRya0CGy2rb5PxBXRq5e-zqcbPRKvxVlO2cOXS91sDo-m3s-gZhFUClRo88FxsnB9XfbRDFRkqA3fFG8WvrBj4Jo4d6w6S-yxASdFQH9uWABbSAtC7wCmaeLV_H3vOYeGVI/s320/slidenote.close.png&#39;
});
</script>

7. Simpan dan lihat hasilnya (pindahkan scrool ke bawah untuk melihatnya)

NOTE :
-kata2nya bisa sahabat ganti dengan yang sahabat inginkan :)
-ukurannya bisa diganti untuk sperti gambar di atas ganti saja menjadi width: auto; height: auto;
-sumber : http://nemukalidisana.blogspot.com/2013/03/cara-membuat-widget-slidenote-pesan.html

[update title="Informasi buat sobat" icon="info-circle"]Saat ini sobat sedang membaca artikel Cara Membuat Widget Slidenote / Pesan Notifikasi Untuk Blogger
Sumber:https://anthzoblog.blogspot.com/2013/03/cara-membuat-widget-slidenote-pesan_13.html
Jangan lupa untuk memberikan komentar supaya situs ini terus update, terima kasih.[/update]