http://saaqinah.blogspot.com/p/alhamdulillah.htmlwww.saaqinah.blogspot.comhttp://www.saaqinah.blogspot.com/2013/12/tutorial-blog-unyu-unyu.html#morehttp://saaqinah.blogspot.com/p/blog-page_23.htmlhttp://saaqinah.blogspot.com/p/komputer.htmlhttp://saaqinah.blogspot.com/p/catatan-muslimah.htmlhttp://saaqinah.blogspot.com/p/unduh.html

Widget Bunga-bunga Bertaburan di Blog

Hai Sahabat Blogger.... Mau tampilan blog anda terlihat berbeda dari yang lain ??? Khususnya buat yang putri pasti pengen blognya penuh dengan sesuatu yang unyu-unyu kan ?? , hehehe 
Baik kali ini saya akan membagikan cara menambahkan widget bunga-bunga... yang mana bunga-bunga itu nanti akan bertaburan di area blog kita... oke langsung saja ikuti langkah-langkah berikut ....

1. Masuk ke Akun Blogger Anda
2. Pilih Tata Letak > Tambah Gadget > HTML/JavaScript
3. Copy code di bawah dan paste ke dalam Html/Java 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>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'}).append(a).appendTo('body')});</script>

Setelah itu simpan gadget yang adna buat kemudian masuk ke tampilan Blog anda dan refresh ....
Sekarang Blog anda terlihat beda dari sebelumnya bukan ??? Ok selamat mencoba :) terimakasih telah berkunjung ke Blog saya ...


Credit By <a href="http://bicarafarah.blogspot.com/p/blog-tutorial_1005.html">Cik Nurfarah</a>

9 comments:

  1. Hi Salam kenal....
    Blognya bagus banget, lucu dan imutt hehehe #gemes
    terimakasih ya sudah bagi2 tipsnya... bermanfaat sekali.
    Oya mau tanya dong. Disinikan sudah dibahas cara menambahkan Instagram Botton pada Blog, kalau mau menambahakn Facebook Botton, ada tipsnya g?
    Terimakasih sebelumnya

    ReplyDelete
    Replies
    1. Salam kenal juga..
      terimakasih atas kunjungan dan pujiannya hehe..
      Tutorialnya menyusul ya...

      Delete
  2. Wow .. blog nya keren ..
    Unyu2 banget ..

    ReplyDelete
  3. salam kenal,,blognya unyuuuuu ya :) designe sendiri?

    ReplyDelete
    Replies
    1. Salam kenal juga,, iya Alhamdulillah saya desain sendiri blog ini :)

      Delete
  4. ngomong2, caranya gimana ya, biar blognya cantik kyk begini? kasih tutorialnya donk..

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. tampilan blogernya cantik banget mba,,, secantik pemilik blogernya,,, hhehehee nice

    ReplyDelete