Ads 468x60px

Tampilkan postingan dengan label TIPS AND TRICK BLOG. Tampilkan semua postingan
Tampilkan postingan dengan label TIPS AND TRICK BLOG. Tampilkan semua postingan

Cara Menambahkan Efek Burung Twitter Pada Blog

Sobat pasting pernah atau sering melihat di beberapa blog yang ada efek burung twitternya. Nah, kali ini saya akan mempostingkannya. Sobat hanya tinggal copy kode di bawah ini :

<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7eZp-HJ_X3iy0pyTBeDVQ5bHCHxnXMidlhm4zp_bpkWW55teRHKNTV5ID51T6W4xxMxTlvF9k-sdy8WLms4TqfJ87u2KHCg6_Jdv7DRhCobNy5q8QrUxgCJ3ihyXBI2YsWsOOEHEGZOf/s1600/birdsprite.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/#!/Nukublfbuangetz";var tweetThisText = "Twitter - NukuDta Blog http://thebestweddinggallery.blogspot.com/";triplefla
pInit(); </script>

Caranya :

  1. Login ke dasbor sobat
  2. Pilih Tata Letak ~> Tambah Gadget ~> HTML/SCRIPT
  3. Kemudian sobat paste kode di atas
  4. Simpan
  5. Lihat hasilnya deh sobat ,,,
    Good Luck . . .

Cara Menambahkan Animasi Pada Pojok Blog


Hy sobat, kalian ingin menghiasi blog sobat dengaan animasi lucu yang dapat sobat pasang. Mau ? jika mau, kebetulan nih saya akan mengepostkan artikelnya. Tidak usah panjang lebar deh langsung aja yuk ke TKP. (hahahaha)
Biasanya para blogger ingin blognya terlihat lebih menarik. Mereka memasang efek” dan animasi pada blog mereka. Pada artikel ini saya akan menjelasan memasang animasi lucu di pojok blog sobat. Sobat bisa memasang animasinya di mana saja, bisa di pokok bawah dan bisa di pojok atas, biasa di pojok kiri dan bisa juga di pojok kanan.
Yang sobat lakukan meng-copy dulu script di bawah ini :


1.Gajah loncat



Script:

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>



2. Boring


 

                Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>

3.Tuyul ketawa


Script:


<div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


4.Boneka joget


Script :


<div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi</a></center></small></div>


5. Panda main bola


Script :


<div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget-Animasi-Blog</a></center></small></div>]


6. Tuyul baring
 

Script :

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002031E.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>



7. Panda biru



Script


<div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/0002033D.gif" title="Click to get more." /></a>
<small><center><a href="http://www.komputerseo.com" target="_blank">Free-Widget-Animasi</a></center></small></div>




8. Panah



Script:


<div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020236.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>



9. Bunga



Script :


<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020322.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>



10.Anjing laut



Script:


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203B5.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>



11.Lumba-lumba



Script :


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


12.Kucing tidur



Script :


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


13.Kelinci



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203A0.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


14.Dragon



Script:


<div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020478.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>



15.Ikan



Script :


<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020479.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


16.Pinguin



Script :


<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" 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://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>


17. Helikopter



Script :

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.sweetim.com/s.asp?im=gen&lpver=3&ref=10" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="Click to get more." /></a><small><center><a href="http://www.komputerseo.com" target="_blank">Widget Animasi</a></center></small></div>

Caranya :
  1. Masukn ke dasbor sobat
  2. Kemudian Pilih Tata letak ~> Tambah Gadget ~> HTML/Script
  3. Masukan atau paste Kode/script animasi di atas yang sudah sobat pilih
  4. Simpan
  5. Lihat deh hasilnya ..
  6. Good Luck ...
Perhatian :
  • Ganti kode href="http://www.komputerseo.com" dengan URL blogsobat contoh  href="http://nukudta.blogspot.com"
  • Jika ingin mengganti atau merubah posisi samping animasinya anda tinggal ganti  0px; left: dengan posisi yang anda mau contoh  0px; right:
  • Jika ingin mengganti atau merunah posisi atas atau bawah animasinya anda tinggal ganti  fixed; bottom: dengan posisi yang anda mau.


Cara Membuat Kotak Komentar Show Hide



  1.  Login ke blog sobat
  2. Kemudian pilih Template ~> Edit HTML
  3. Jangan lupa click expand widget template
  4. Setelah itu sobat cari kode <dl id='comments-block'> atau cari kode <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  5. Kalo sudah ketemu sobat masukan kode di bawah ini di atasnya :

&lt;div style=&quot;margin: 5px 20px 20px;&quot;&gt;
&lt;div class=&quot;smallfont&quot; style=&quot;margin-bottom: 2px;&quot;&gt;&lt;b&gt;Spoiler&lt;/b&gt; Untuk lihat &lt;b&gt;komentar yang masuk&lt;/b&gt;: &lt;input value=&quot;Lihat&quot; style=&quot;margin: 0px; padding: 0px; width: 60px; font-size: 10px;&quot; onclick=&quot;if (this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display != &#039;&#039;) { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;&#039;; this.innerText = &#039;&#039;; this.value = &#039;Tutup&#039;; } else { this.parentNode.parentNode.getElementsByTagName(&#039;div&#039;)[1].getElementsByTagName(&#039;div&#039;)[0].style.display = &#039;none&#039;; this.innerText = &#039;&#039;; this.value = &#039;Lihat&#039;; }&quot; type=&quot;button&quot;&gt;
 
&lt;/div&gt; 
&lt;div class=&quot;alt2&quot; style=&quot;border: 1px inset ; margin: 0px; padding: 6px;&quot;&gt; 
&lt;div style=&quot;display: none;&quot;&gt;
6. Jika sudah selesai sobat cari kode  </dl>
7. Letakan kode di bawah ini di bawah kode di atas :

&lt;br&gt;
&lt;/div&gt; 
&lt;/div&gt; 
&lt;/div&gt;
8. Selesai deh, save dulu lalu lihat hasilnya sobat ...
9. Good Luck . . .

Cara Menambahkan Efek Burung Twitter Di Blog


    1. Login ke blog sobat
    2. Pilih rancangan ~> tambah gadget ~> HTML/Script
    3. Masukan kode di bawah ini

    <script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii7eZp-HJ_X3iy0pyTBeDVQ5bHCHxnXMidlhm4zp_bpkWW55teRHKNTV5ID51T6W4xxMxTlvF9k-sdy8WLms4TqfJ87u2KHCg6_Jdv7DRhCobNy5q8QrUxgCJ3ihyXBI2YsWsOOEHEGZOf/s1600/birdsprite.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/#!/Nukublfbuangetz";var tweetThisText = "Twitter - NukuDta Blog http://thebestweddinggallery.blogspot.com/";triplefla
    pInit(); </script>

    Ganti teks yang berwarna merah dengan nama account twitter sobat

    5.Simpan.

    Udah jadi deh burung twitternya . . .

    ATENTION :

    Jangan lupa follow twitter aku sobat !!!
    @Nukublfbuangetz

    Ha ha ha . . .

Cara Menambahkan Efek Kembang Api Pada Blog


·         Cara  1 :

1. Login blog
2. Rancangan --> edit HMTL
3. Lalu cari kode </body>
4. Lalu masukkan kode script dibwah ini diatas kode </body>

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

5. Simpan

·         Cara 2 :

1. Login blog
2. Rancangan --> elemen halaman --> tambah gadget --> HTML/JavaScript
3. Lalu masukkan kode

<script language="javascript" src="https://sites.google.com/site/vikrymadzblogspotcom/vikrymadz/kembangapi.js"></script>

4. simpan

Udah selesai deh & sekarang coba lihat hasilnya.

·         Cara 3 (versi flash):

<div style="position: fixed; bottom: 0px; right: 2px;"><br /><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="160" height="600" title="grab this widget @ widgetindex.blogspot" src="http://5433001315082274311-a-1802744773732722657-s-sites.googlegroups.com/site/widgetindex/fireworks.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div>

Simpan.