Add Slider Notification in Blogger using SlideNote
Pasang slide ini di blogmu.

Masuk ke EDIT HTML.
Copas kode berikut di atas </head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="https://sites.google.com/site/bloggerhowto/blogger-how-to/jquery.slidenote.min.js" type="text/javascript"></script>
Copas kode berikut di atas ]]></b:skin>
/* ----- simple-semua.blogspot.com CSS START------ */
.slidenote { width: 540px; height: 140px; background: #FBEC78; padding: 1em;
-moz-box-shadow: -0.2em -0.2em 0.7em #333; -webkit-box-shadow: -0.2em -0.2em 0.7em #333;}
.slidenote img { float: left; margin-left: -2em; margin-top: -2em; }
.slidenote img:hover { margin-top: -1.95em; }
/* ----- simple-semua.blogspot.com CSS END------ */
Copas kode berikut di atas </body>
<!-- Notification Slider Start -->
<div class='slidenote' id='note'>
<div id='container'>
<h2>Blogger How to Tips</h2>
<span><em>Get All The Simple of Sample tips !!! :) </em></span>
<p>Visit now : <a href='http://simple-semua.blogspot.com/'>http://simple-semua.blogspot.com/</a> and learn ... <br/><a href='http://simple-semua.blogspot.com/'>Simple</a> | <a
href='http://simple-semua.blogspot.com/'>Sample</a></p>
</div>
</div>
<script type='text/javascript'>
$(&#39;#note&#39;).slideNote({
closeImage: &#39;http://1.bp.blogspot.com/_1fRuBdlSpLw/TMB7q9wHR6I/AAAAAAAAAsk/qL9qKDOzEr4/s1600/slidenote.close.png&#39;
});
</script>
<!-- Notification Slider Ends -->
Klik Save.




JIKA TRIK INI TIDAK JADI, MOHON DI MAAFKAN.

Posting Komentar

Konversi Kode
[Mulai Senin, 30 Januari 2012] Maaf, Jangan Masukkan Link Pada Komentar