Membuat Notice Box atau Papan Informasi dengan animasi di Blogger

Yang terbaru kali ini adalah cara untuk membuat Notice Box animated untuk dipasang pada widget blogger.

Notice Box animasi / Papan Pemberitahuan pada Blog

Notice Box adalah kotak untuk memberikan pemberitahuan berupa apa saja yang berkaitan dengan blog kita, yang pemberitahuan ini ditujukan dan akan dibaca oleh pengunjung.
Banyak juga fungsinya kok, selain untuk keperluan pribadi ini juga menarik untuk hiasan dinding halaman blog.

Silahkan yang berminat memilikinya pasangkan segera pada halaman blog anda dengan mengikuti tutorial berikut ini.

Cara membuat Notice Box dengan Animasi

Step Pertama :

• Login ke Blogger pilih >> Layout. 
• pilih add a Gadget of  HTML/JavaScript type.
• Dan tinggal masukan kode berikut ini :

<script src="http://code.jquery.com/jquery-1.2.3.min.js" type="text/javascript">
</script>
<script src="https://making-different.googlecode.com/svn/trunk/makingdifferent_widget2012.js" type="text/javascript">
</script>
<style>
#makingdifferent_widget2012{
font-family: "Consolas", "Courier New", Courier, mono, serif;
border: 1px solid;
margin: 10px 0px;
padding:15px 15px 15px 50px;
background-repeat: no-repeat;
background-position: 5px center;
position:relative;
color: #00529B;
background-color: #BDE5F8;
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuRaLeTX_eA-BOowuxJpDN_N3ApYBvQZO7fVVES-Y0OPCF9qwS36Xp0lhzj6Bm5oPyu_q13drDnmHwL5rx5S6SPPic1y2bIB3A7s1AvRWYneqRgo3AHYhAdPNiaIdN-fCyEzvuaVB2_lDS/s1600/icon-info.png');
}
</style>
<div id="makingdifferent_widget2012">
<a class="close"  href="#close" style='position:absolute;right:0px;top:0px;margin-right:-1px;margin-top:-1px;'><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLlar8hjthQpNTw-NGii7XYGAsp_0DgrOJrEl-uUR-mr9Vh94YIp79JDQWGIJM1I5NBoTgi4uo5_FtUoXMEgv_AW4A628cOtWUiOUEVAvSZU_bnmRhFX0Sb2fj1CKnaJScKPekWLN_92kO/s1600/popover-close-button.gif" /></a>This Is Your Message .You can change it to Your need. Click on close button on right to exit this box.
</div>

Step terahir tinggal Save

Anda baru saja membaca artikel yang berkategori Tips Blogging / WIDGET dengan judul Membuat Notice Box atau Papan Informasi dengan animasi di Blogger . Anda bisa bookmark halaman ini dengan URL https://sisatruk.blogspot.com/2012/11/membuat-notice-box-atau-papan-informasi.html .

Artikel Terkait Tips Blogging , WIDGET

Ditulis oleh: Pramudya Ksatria Budiman - Rating : 4.5