Thursday, November 29, 2012

Membuat Notice Box atau Papan Informasi dengan animasi di Blogger

Notice Box animasi

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('http://3.bp.blogspot.com/-zrDRODUJ1fM/T66Pl4ZSPwI/AAAAAAAADK0/NnAuYxn2OBY/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="http://1.bp.blogspot.com/-xjVGllNNS5Q/T66Pa1LuFZI/AAAAAAAADKs/8Nf9hrNZGpA/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

Artikel Terkait

Membuat Notice Box atau Papan Informasi dengan animasi di Blogger
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email