Membuat Catatan Slide Pada Blog

Slide Notes

Salam Blogger!

Bagi Pembaca Setia blog RIEFSAZ yang ingin membuat Catatan Slide pada blognya Bang Kamplenk akan mengshare artikel tersebut, bagi sahabat yang ingin mempercantik blognya silahkan ikuti tutorialnya berikut ini :

1.Login ke Blogger 
2.Pilih Rancangan-Edit HTML 
3.Centang (√) Expand Template Widget. 
Jangan lupa Save dahulu tamplate anda - untuk jaga-jaga. 
4.Cari kode lalu </head> kode dibawah ini sebelum kode tersebut.

<style type="text/css">
.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; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://latest-hacks.googlecode.com/svn/gadgets/Sliding Description Panel/jquery.slidenote.min.js" type="text/javascript"></script>

C O D E

Kemudian cari kode </body> lalu letakan kode dibawah ini sebelum kode tersebut :

<div class='slidenote' id='note'>
<div id='container'>
<h2>LATESTHACK</h2>
<span><em>Get All Blogger Tricks And Tips !!! :) </em></span>
<p>Visit now : <a href='http://latesthack.com/'>http://latesthack.com/</a> and learn ... </p>
</div>
</div>
<script type='text/javascript'>
$(&#39;#note&#39;).slideNote({
closeImage: &#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6ZXiyjv51_-uCyGU-VkYbY789lHQdMSlndEJqGfssniEPbkZoD95-4Xi-6lMX9F9UvkYaUt5xL0BncyYT0Yx0CJbUXTShsVe9AlulVlOM2uJrEt0l_lOsgYm2e1knPS0tjJhiI-seyuk/s320/slidenote.close.png&#39;
});
</script>

C O D E

Lalu Simpan Templete sahabat. 
Semoga Bermanfaat