Jangan Lewatkan Artikel Yang Berkaitan Dengan Cara membuat slide dengan efek marquee dibawah ini:
Menambah widget pengatur Ukuran dan Warna teks pada BlogKlik DEMO untuk melihat contohnya.
Ni h langkah"nya:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Disarankan untuk mem-back up template dulu.
6. Cari kode ... lihat selengkapnya
Membuat Back To Top Berefek (Smooth)
Bagaimana Membuat Back To Top / Kembali ke Atas pada Blogger?
Setelah beberapa waktu lalu sharing seputar bagaimana membuat link anchor back to top dalam satu halaman posting blog,dengan konsep ya ... lihat selengkapnya- membuat sitemap kerenLangsung ke TKP ya gan...(lagi males)hehe
klik DEMO untuk melihat contohnya
nih langkah-langkahnya:
1. Masuk ke Blogger
2. Pilih Posting - posting baru
3.Masukan judul Posting misalnya SITEMAP BL ... lihat selengkapnya
cara Memasang Iklan Disamping postingan
Cara Memasang Iklan Disamping postingan - Nah, Bagi Sahabat Sekedarbiasa Yang ingin Memasang Iklan Di samping postingan(Bisa kanan maupun kiri),Nih aku kasih tutorialnya...
Langsung saja yah ikut ... lihat selengkapnya
Cara Membuat Read More Otomatis di Blogger
Read More Otomatis pada Template Blogger
Seperti janji minggu lalu ya sob,kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'm ... lihat selengkapnya
بسم الله الرحمن الرحيم
Maaf untuk Demonya belum dibuat.... بسم الله الرحمن الرحيم
Nih langkah - langkahnya:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Cari kode </head> :
5. Copy kode di bawah ini dan taruh sebelum kode </head> :
<!-- begin Tooltips -->6. Simpan Template.
<script type='text/javascript'>
$(document).ready(function(){
$("a.tooltip").easyTooltip();
});
</script>
<script type='text/javascript'>
//<![CDATA[
(function($){$.fn.easyTooltip=function(options){var defaults={xOffset:20,yOffset:30,tooltipId:"easyTooltip",clickRemove:false,content:"",useElement:""};var options=$.extend(defaults,options);var content;this.each(function(){var title=$(this).attr("title");$(this).hover(function(e){content=(options.content!="")?options.content:title;content=(options.useElement!="")?$("#"+options.useElement).html():content;$(this).attr("title","");if(content!=""&&content!=undefined){$("body").append("<div id='"+options.tooltipId+"'>"+content+"</div>");$("#"+options.tooltipId).css("position","absolute").css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px").css("display","none").fadeIn("fast")}},function(){$("#"+options.tooltipId).remove();$(this).attr("title",title)});$(this).mousemove(function(e){$("#"+options.tooltipId).css("top",(e.pageY-options.yOffset)+"px").css("left",(e.pageX+options.xOffset)+"px")});if(options.clickRemove){$(this).mousedown(function(e){$("#"+options.tooltipId).remove();$(this).attr("title",title)})}})}})(jQuery);
//]]>
</script>
<!-- end tooltips -->
<style type="text/css">
<a href="http://www.carabuatwebgratis.com/2011/05/cara-membuat-slide-dengan-efek-marquee_04.html"/></a>
div.animasislide{margin 2px; padding-top:6px; border: 5px solid #D8D8D8; border-style:double; background-color:#F2F2F2; width:auto; float:left; text-align:center;}
div.animasislide img{margin:3px; width:100px; height:100px; border: 3px solid #D8D8D8; border-style:double; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transition:width 2s; /* Opera */}
div.animasislide a:hover img{width:200px; height:100px;}
</style>
sekarang langkah" untuk menampilkannya:
1. Klik Rancangan dan pilih Elemen Laman
2. Tambah Gadget
3. Pada jendela baru anda Anda pilih gadget HTML/JavaScript
4. Copy dan paste kode dibawah ini pada gadget tersebut :
<div id="tooltip"><a href="http://www.carabuatwebgratis.com/2011/05/cara-membuat-slide-dengan-efek-marquee_04.html"/></a>
<div align="center" class="animasislide">
<marquee direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="100%">
<a href="ULR ARTIKEL" target="_blank" title="KETERANGAN ARTIKEL ATAU GAMBAR >>KLIK UNTUK MEMBACA ARTIKEL INI."><img src="ULR GAMBAR" /></a>
<a href="ULR ARTIKEL" target="_blank" title="KETERANGAN ARTIKEL ATAU GAMBAR >>KLIK UNTUK MEMBACA ARTIKEL INI."><img src="ULR GAMBAR" /></a>
<a href="ULR ARTIKEL" target="_blank" title="KETERANGAN ARTIKEL ATAU GAMBAR >>KLIK UNTUK MEMBACA ARTIKEL INI."><img src="ULR GAMBAR" /></a>
<a href="ULR ARTIKEL" target="_blank" title="KETERANGAN ARTIKEL ATAU GAMBAR >>KLIK UNTUK MEMBACA ARTIKEL INI."><img src="ULR GAMBAR" /></a>
<a href="ULR ARTIKEL" target="_blank" title="KETERANGAN ARTIKEL ATAU GAMBAR >>KLIK UNTUK MEMBACA ARTIKEL INI."><img src="ULR GAMBAR" /></a>
</marquee></div>
</div>
5. Simpan.
Semoga berhasil...good luck..!!
terinspirasi:http://www.carabuatwebgratis.com/2011/05/cara-membuat-slide-dengan-efek-marquee_04.html
Bila anda merasa artikel diatas bagus dan bermanfaat, anda bisa gunakan URL atau HTML dibawah ini. Silahkan anda dipasang dihalaman web atau blog anda untuk menuju kehalaman ini :
...mencuri itu tidak baik...hargailah karya anak bangsa
Post a Comment