Selasa, 05 Februari 2013

widget blog

1. Memasang Animasi Widget Orang Berlari di Blog - Selamat datang di postingan Master chef dapur Tutorial Blogspot kalai ini. Disini master chef ingin berbagi resep soal animasi widget orang berlari di sisi kiri blog. gambar animasi sepertinya memang populer digunakan oleh para blogger untuk menghias halaman blognya agar tampil unik dan menarik. gambar animasi kurang lebih seperti pada gambar berikut :


Animasi tersebut akan kita pasang disisi kiri blog anda. apabila ada sobat blogger Dapur Tutorial Blogspot yang tertarik memasangnya dihalaman blog masing-masing tinggal Copy kode berikut ini dan letakan didalam widget HTML Java/Script tetapi widgetnya jangan diberi judul lalu save dan lihat hasilnya.

<div style="position: fixed; bottom: 0px; left: 10px;width:82px;height:180px;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq4VdUVRkdb0kz07ndMgmhc9CtmKNiPUXN7wSu4-pf40RCo010Bo0W-8a8-3HznhDFdE40R_vNTVvujwF9B45xPGO4pSwUAJBiteh9DvNaHYr12TzmCbxUI1nGA0f-o8GpcDEjVFybzEti/s1600/animasi+bergerak-4.gif"height="140px" border="0" /></a><small><center><a href="http://dapur-tutorial.blogspot.com/2012/10/memasang-animasi-widget-orang-berlari-diblog.html" rel="dofollow"target="_blank"style="display:yes;">Ged a Widget</a><br/><a href="http://dapur-tutorial.blogspot.com/" target="_blank"style="display:none;"rel="dofollow">dapur tutorial blogspot</a></center></small></div>
2. Pasang Animasi Pinguin Di Sudut Blog - Animasi Dihalaman Blog belakangan ini banyak digemari oleh pengguna blog karena dapat membuat tampilan halaman blog menjadi lebih unik dan menarik. Dalam Kesempatan kali ini master chef juga akan berbagi animasi pinguin keren. animasi ini akan kita tampilkan pada bagian pojok halaman blog milik anda. contoh animasi seperti berikut :


 

kode widget pinguin:

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"font-size:8px;><a href="http://dapur-tutorial.blogspot.com/2012/11/pasang-animasi-pinguin-di-sudut-blog.html" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><a href="http://dapur-tutorial.blogspot.com/2012/11/pasang-animasi-pinguin-di-sudut-blog.html" target="_blank">Get a Widget</a></center></small></div>

3. Pasang Widget Naruto VS Sasuke Di Blog - Ingin membuat blog yang tampil unik dan menarik, Disini Master Chef punya salah satu Widget yang bisa sobat gunakan untuk mempercatik tampilan blog sobat yaitu widget Naruto Vs Sasuke yang lagi berantem seperti terlihat pada gambar dibawah.

gambar

Widget ini jika dipasang akan berada disudut bawah sebelah kiri halama blog sobat. 
Kode Widget Naruto VS Sasuke sebagai berikut :
<div style="position: fixed; bottom: 0px; left: 20px;width:110px;height:80px;"><a href="http://dapur-tutorial.blogspot.com/2012/10/pasang-widget-animasi-naruto-vs-sasuke-di-blog.html"target="_blank" rel="dofollow"><img src="http://i1210.photobucket.com/albums/cc417/kusanagiblog/NarutoVSSasuke.gif"alt="gambar"title="Widget Naruto VS Sasuke"/></a></div>
4. berikut kode yang sudah diperbaharui untuk memasang widget Welcome spiderman pada blog.
<div style="position: fixed; top: -10px; left: 50px;"><embed src="http://www.widgipedia.com/widgets/orido/RedSpidey-5671-8192_134217728.widget" swliveconnect="true" quality="best" loop="true" menu="false" wmode="transparent" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="200" height="350"></embed></div>
jika ingin posisi disebelah kanan tinggal ganti tulisan berwarna biru menjadi "right" itu dia update kode nya semoga bisa bermanfaat.
5. berikut kode-kode untuk memasang salju bertaburan dihalaman blog.

  • Kode Untuk Salju Yang berwarna Putih
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju.js"></script>
  • Kode Untuk Salju Yang berwarna Merah
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-tes.js"></script>
  • Kode Untuk Salju Yang berwarna Biru
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Biru.js"></script>
  • Kode Untuk Salju Yang berwarna Hijau
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-hijau.js"></script>
  • Kode Untuk Salju Yang berwarna Kuning
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Kuning.js"></script>
  • Kode Untuk Salju Yang berwarna Pink
  • <script src="http://dapurtutorial.googlecode.com/files/Hujan-salju-Pink.js"></script>
6. Cara Memasang Animasi Cewek Dance Di Blog - Suka dengan Widget Animasi-animasi keren !, Kali ini Master Chef akan bagikan animasi seru lagi. Animasi Ceek Dance ini sama seperti pada animasi-animasi sebelumnya yang akan kita tampilkan pada bagian sisi kiri dan sisi kanan blog.



    Posisi Widget Animasi di Sisi Kanan
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Animasi-Cewek-Dance.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i1069.photobucket.com/albums/u466/dapur_zone/Cewek-dace_zps38e55ab5.gif") </script>
    Posisi Widget Animasi di Sisi Kiri
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Cewek-dance-kiri-Bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("http://i1069.photobucket.com/albums/u466/dapur_zone/Cewek-dace_zps38e55ab5.gif") </script>
    7. Cara Memasang Widget Burung Twitter Di Blog - Pernahkan sobat blogger melihat ada burung yang merupakan logo twitter berterbangan dihalaman blog?, tentunya sudah tidak asing lagi karena banyak orang sudah memasang widget burung Twitter dihalama blognya.



    Banyak orang Tau bahwa twitter adalah salah satu jaringan Sosial yang sangat populer sehingga sudah wajar banyak orang yang menjalin hubungan atau koneksi dengan twitter baik itu untuk keperluan bisnis ataupun menjaring pertemanan saja, untuk itu buat sobat Blogger Dapur Tutorial Blogspot yang suka banget menghias tampilan halaman blog tidak ada salahnya untuk memasang widget burung twitter ini pada blog.

    Sangat mudah untuk memasang widget twitter ini. seperti memasang widget-widget lainnya sobat tidak perlu melakukan Edit HTML. berikut  langkah-langkah untuk memasang widget burung twitter diblog :
    1. Login terlebih dahulu keblogger menggunakan akun masing-masing
    2. selanjutnya pilih Tata Letak Atau Layout
    3. Jika sudah klik Tambah Gadget atau Add a Gadget
    4. Pilih Widget HTML/JavaScript
    5. Copy kode berikut ini dan masukan kedalam kolom Widget HTML/JavaSript
    6. <script type="text/javascript" src="http://dapurtutorial.googlecode.com/files/tripleflap.js"></script>
      <script type="text/javascript">
      var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg97A3asZifdMvWc78df_xpc4rzD0HwtHfipTEUMsIUOHguTmy4r0U_eowrF-cS-QLb-7Px6tUGPMEvz1qR0nPoKjPMeVUMkDMFMRUkrKYBUoZ-wwo_18szpkMvySFBv5xvyj9dAnbgXvU/s1600/burung+twitter+terbang.png";
      var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span");
      var twitterAccount = "http://twitter.com/Username";
      var tweetThisText = "Twitter - UserID http://dapur-tutorial.blogspot.com/";
      tripleflapInit();</script><a href="http://dapur-tutorial.blogspot.com/" rel="dofollow"target="_blank"style="display:none;">Ged a Widget</a>
      Keterangan :
      • Kode warna hijau dalah gambar burung twitter dengan warna default ( silahkan diganti dengan URL gambar dibawah berikut)
      • Kode Warna biru gani dengan akun twitter anda
    7. Klik Simpan dan lihat hasilnya
    8. Selesai
    Nah itu dia cara memasang widget burung twitter. Widget Twitter diatas merupakan widget burung secara default untuk mengubah tampilan warna burung twitter sobat bisa menggantinya dengan url gambat berikut ini.
    • Warna Merah
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlFs1mcSjdRWrT-yaMx1SiTPssl1qX6uBDwMHiT-FlX5mejgTrWHGMJOCtUe0Mgg6awrASuzDGmZyG8FOBwc95Y6Vfmvo1_Mycko1cqeEGiyiE7DJR9sJHf6QDpeccZfADAkV0D90F1hA/s1600/red+bird.png
    • Warna Putih
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMrMfsM5FHIjeJrhD1fxDbGDgN1isrtag-LfXKLaYJTVR4P2q1xvHI2l39WUycmccEsJfsoRErtOAnBE6-lvUblNCOljdS6hfvYe9DfHY0nfKu1U9ZSl01rQfLsLUAtR5oO-LGxnJ46mk/s1600/white+bird.png
    • Warna Ungu
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4s8suwYccW3L_YpCsmTgh_rGRtLa9TWk9ny598iwMLKN27yekGGc3s24Dl6IAgNq3GPObgAVapgiGMviM3aEGVUBsjhhRimjg9zW4HhP1akplFFZ8_Mif7e5MVm0asmbYfhlvFDJ8cNo/s1600/purple+bird.png
    • Warna Hijau
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1EBArMaI2WlUEQ1EwC9XmQ7FPVbVSmZRXUPAtfiKsE0sDQjy9NLTKgH_44bsjnBhv7ppTVlXZZh_lxNXUljG1iEJYgw0l76hVrWLsh7uz-pUYL8rh_gVMTUVPRfntq8mvoNF7Rj87O8/s1600/Green+bird.png
    • Warna Coklat
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-QcL-In8iptTePmx2eby27mNBJH7MHbh90dFfvx-joxLV4WEqfpZ8_gWfkBsMMckvk_akmjpwVw7EuiiEQiA3m6e34jLqq28M5sx2RpUFkebMoRZlf2MnnII3SfqHLsl65nkDv34r5Po/s1600/brown+bird.png
    • Warna Biru
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOAICJvSD335kUp0OOr0KhigdNKD7KqOJey8AnTVC5npPxDrF88a-Om0iGTIBAzp274myEw63AVbHgA7xrlsM1JE82XOusyeUJr_FFrujV6Up1tKOaDxVtW6AA1-YOuNBT3AYvDEQuF8s/s1600/Blue+bird.png
    • Warna Hitam
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwKhJvE3LhMOrNT92Twumr3fx5cOnCI_HNqsNpFrLOvSbzYuw2208TTDE_yXw4TqsuF_Xb-KiD_xeyrPmaMNxyw_KJTQpOhFeoHlr-USoifnZin2oLT5fnKdyHqxsCn4KAhEDwWdElAzY/s1600/black+bird.png
    • Warna Kuning
    • https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT6BbFYXHyMZfdRoDSLMd5rM8XOJbgRnMqW2smw3XsPdBqUeB7avcsYh2m1IJoZE-efHjPfFDrLS-r5BsrVI4hoLqEaxw7hv4zOcJR80v3A5-iRTut7SQKC77_ywXIVzYbRj7ZdNN7GMY/s1600/yellow+bird.png

      8. logo blogger

    Logo Blogger Indonesia Pojok Kiri Atas 
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-Indonesia.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi38dx8o8431Lmse3OYe3I301_rArYHShGuhGYq0yzRSXA7FbrLd88hmarDjxLmSKxWkwP0ayoFso7V2VNn0ABAs_QCfef_PEvI-5jX-3UKdvSc1brSggxNPAadPrdSF8CZAt1Ucr1hTtw/s1600/Blogger-Indo-Kiri.png") </script>

    Logo Blogger Indonesia Pojok Kanan Atas
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-Indonesia-kanan.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioOg_1FOdKUhU3FvzOyNeiKYJeN90b7SqKtPAZKnBfrOvPl_Zrthtgh3kRKZkKSH-RJ9aAEGh22SdAfxJYDg2vzSsjfzrwZFFWI0lQ_7YfPMuEqf71XgiQYRI3JQbr5-_M-xTorWmcRBs/s1600/blogger-indo-kanan.png") </script>

    Logo Blogger Indonesia Pojok Kiri Bawah 
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-kiri-bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1CNUoqriqFtWpye2kuwOmmMQzaqHHGUzFlr7VWw9v_keI92o5Ze5hLVrCttfDudlGiGd_lIUIyWD7IUtO70FIYv9qVflteR02nRx4R-IDLadJF608knoTznxSem3c1g83xE5KuV_Hmw/s1600/blogger-indo.png") </script>

    Logo Blogger Indonesia Pojok Kanan Bawah
    <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/Logo-Blogger-kanan-bawah.txt" type="text/javascript"></script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjU1CNUoqriqFtWpye2kuwOmmMQzaqHHGUzFlr7VWw9v_keI92o5Ze5hLVrCttfDudlGiGd_lIUIyWD7IUtO70FIYv9qVflteR02nRx4R-IDLadJF608knoTznxSem3c1g83xE5KuV_Hmw/s1600/blogger-indo.png") </script>

    Tidak ada komentar:

    Posting Komentar

     
    Yuda rustanda © 2011 Templates | uzanc