Wednesday, November 16, 2011

Cara Memperindah Blog | Bunga Berguguran


Blog yang bagus adalah blog yang memiliki content bermamfaat dan blog yang memilki penampilan menarik. Blog yang memiliki tampilan menarik, akan memancing pengunjung atau visitors untuk menjelajahi semua content blog. Banyak cara yang bisa sobat blogger lakukan untuk memperindah atau mempercantik tampilan blog sobat di antaranya dengan cara menambahkan efek kelopak bunga berguguran. Trik ini merupakan salah satu Cara Memperindah Blog. Untuk membuat Efek Kelopak Bunga Berguguran, sobat blogger hanya menghabiskan waktu tidak lebih dari satu menit. Ikuti langkah-langkah di bawah ini!

Cara Memperindah Blog dengan menambahkan Efek Kelopak Bunga Berguguran:

  • Log in di blog sobat di http://www.blogger.com/
  • Pada Dashboard klik Design
  • Klik  Add Gadget dan klik HTML Javascript
  • Copy kode di bawah ini!
     <script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>if(!image_urls){var image_urls=Array()}if(!flash_urls){var flash_urls=Array()}image_urls['rain1']="http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png";image_urls['rain2']="http://4.bp.blogspot.com/-teXCIicWPF4/TpWcLLg0A2I/AAAAAAAAG0U/IPPCr1gponc/pinkpetal2.png";image_urls['rain3']="http://3.bp.blogspot.com/-3JG9HLECCRU/TpWcLZGSYtI/AAAAAAAAG0g/zIJINua93TE/redpetal1.png";image_urls['rain4']="http://2.bp.blogspot.com/-BByhQEK5E24/TpWcLux4xRI/AAAAAAAAG0s/x2hIr1AV_Ac/redpetal2.png";$(document).ready(function(){var c=$(window).width();var d=$(window).height();var e=function(a,b){return Math.round(a+(Math.random()*(b-a)))};var f=function(a){setTimeout(function(){a.css({left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100)}).animate({top:(d-10)+'px'},e(7500,8000),function(){$(this).fadeOut('slow',function(){f(a)})})},e(1,8000))};$('<div></div>').attr('id','rainDiv').css({position:'fixed',width:(c-20)+'px',height:'1px',left:'0px',top:'-5px',display:'block'}).appendTo('body');for(var i=1;i<=20;i++){var g=$('<img/>').attr('src',image_urls['rain'+e(1,4)]).css({position:'absolute',left:e(0,c)+'px',top:'-30px',display:'block',opacity:'0.'+e(10,100),'margin-left':0}).addClass('rainDrop').appendTo('#rainDiv');f(g);g=null};var h=0;var j=0;$(window).resize(function(){c=$(window).width();d=$(window).height()})});</script><script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'http://2.bp.blogspot.com/-IQXNv-_CBLE/TpWcK7LL4VI/AAAAAAAAG0I/bcxYcqc_uI0/pinkpetal1.png','border':0});$('<a></a>').css({position:'absolute',right:'0px',top:'22px','z-index':'90'}).attr({'href':'http://rinjanilovers.blogspot.com/'}).append(a).appendTo('body')});</script>
  • Simpan Template sobat dan lihat Hasilnya.

    Semoga Tutorial Blog Rinjani Lovers kali ini ada mamfaatnya buat sobat Blogger.

    Dapatkan Artikel terbaru Rinjani Lovers secara gratis! Untuk itu, masukkan Email anda pada kolom di bawah ini. Setiap artikel yang kami publikasikan, akan langsung kami kirim ke Email anda

    Delivered by FeedBurner

    Baca Artikel menarik lainnya di bawah ini...



    15 comments:

    1. makasi kak atas infonya akhirnya berhasil juga :)
      dan kalo mau mengganti templatenya gimana kak?

      ReplyDelete
    2. Makasih kmbali Erinta...
      Posting selanjutnya sy akn buat tutorial tentang cara ganti template...

      ReplyDelete
    3. mantep bgt mas,thanks , aku bru pmula maklumm

      ReplyDelete
    4. gmana cara buat pilihan daftar isi,blogger,tutorial
      kgitu sob?

      ReplyDelete
    5. Seni...
      Gunakan efek marquuee utk membuatnya...
      Dan untuk linkx...
      Buat gunakan anchor tag

      ReplyDelete
    6. kereen ..
      dha lagi gak selain kelopak bunga..

      ReplyDelete
    7. makasih ya....semakin terlihat cantik blognya...

      ReplyDelete

    home

    Copyright © 2012 Tutorial Blogspot | Design by X-Template