Cara membuat blog serta mendesain agar lebih bagus

Posted by MYUS.Blog - At 00:27 - Have 0 comments


Bagi anda yang belum punya usaha atau yang belum bekerja tenang saja . Dengan kita membuat blog dan memasang iklan di blog kita , kita bisa dapatin uang . meskipun kita hanya duduk menghadap laptop atau komputer dan menulis artikel . Enak kan kerjanya , Naaah makannya mulai dari sekarang mari kita ngeblog yuk ...Mari simak pembuatan blog serta disainnya

1. Kita harus memiliki e-mail terlebih dahulu . Kalau yang belum tahu caranya klik di sini
    cara membut gmail

2. Kemudian buka blogger , juga bisa langsung klik blogger
3. Isikan g-mail yang sudah anda buat tadi , lalu klik masuk
4. Setelah itu pilih acoun yang anda inginkan , kalo saya sih G+


5. Tulislah nama tampilan anda


6. Sesudah itu klik blog baru



 7. Tentukann judul dan template anda , pilih template yang cocok dengan mater postingan anda nantinya

 

8. Lalu langkah terakhir yang sanat sulit sekali , yaitu selesai 
tinggal ngepost materi deh...



Pembuatan blog di atas masih mentahan , di ibaratkan makan nasi tanpa lauknya .

> Langkah-langkah agar blog anda menjadi bagus bisa membaca artikel artikel di bawah ini :

1. Pasang animasi di blog anda
2. Cara membuat dropdown di blog anda
3. Memasang judul bergambar
4. Membuat readmore di blog anda agar tampilannya ringkas
5. Membuat menu untuk memisahkan artikel yang berbeda
6. Membuat link download
7. Pasang TRANSLATE
8. Menambahkan sosial media ke blog
9. Membuat font awesome agar terlihat cantik

Dengan menambahkan asesories di atas blog anda di jamin rapi dan bagus.

Sekian materi / artikel saya hari ini tunggu artikel / materi selanjutnya 
Jangan bosan bosan mengunjungi blog saya ya karena ada meteri di setiap harinya .... Da da 


Read more
at
Labels:

Cara membuat font awesome di blogger dengan mudah

Posted by MYUS.Blog - At 20:45 - Have 0 comments

Dengan membuat font awesome ini blog kita lebih menarik

1. Klik dasboar
2. Edit template
3. Pastekan code berikut
 <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" />
    di atas code </head>

4. Kemudian Pilih icon sesuai keinginan anda di sini lalu pastekan dimana saja , yang anda suka/inginkan , misal kalo saya di menu android caranya begini :

> tinggal tulis atau pastekan kode ini 
class="fa fa-icon yang anda inginkan fa-lg' 
di samping kode menu yang anda inginkan setelah <li><a lalu pastekan kode di atas.

misal , kalo saya memakai kode menu android , letaknya di header . kemudian cari kode menu android . lebih jelasnya lihat gambar berikut :


kalau sudah selesai langsung simpan saja . dan coba hasilnya


Read more
at
Labels:

Cara menambahkan sosial media di blog dengan benar

Posted by MYUS.Blog - At 19:10 - Have 0 comments
1.       Masuk dasbor
2.       Tata letak
3.       Tambahkan template
4.       HTML/java script
5.       Masukan script sosial media yang anda punya



Facebook :
<a href='https://www.facebook.com/yusrilihza.mahendra.967' target='_blank'><img alt='Facebook' src='https://lh6.googleusercontent.com/-DDBzF64PrRQ/VJ66Llwc7uI/AAAAAAAAI44/9cZaAsCSBOM/s32-no/facebook.png' title='Facebook'/></a>

Twitter     :
<a href='http://www.twitter.com/' target='_blank'><img alt='Twitter' src='https://lh6.googleusercontent.com/-40NMu9YKlek/VJ66NcYZy3I/AAAAAAAAI5Y/9Yn9ZtLQb18/s32-no/twitter.png' title='Twitter'/></a>

Instagram :
<a href='https://instagram.com/yusril_ihza_25/' target='_blank'><img alt='Instagram' src='https://lh4.googleusercontent.com/-3MPofh4xhe4/VJ66Ma_XWaI/AAAAAAAAI5E/6d8mLJBvFFU/s32-no/instagram.png' title='Instagram'/></a>

Youtube    :

<a href='http://www.youtube.com/' target='_blank'><img alt='Youtube Channel' src='https://lh3.googleusercontent.com/-iuHC7JsIgz0/VJ_WHFriyOI/AAAAAAAAI9I/S2gf8lcU8uA/s32-no/youtube%2Bicon.png' title='Youtube Channel'/></a>
Keterangan : yang berwarna hijau diganti dengan alamat sosial media anda
   
       6. Kemudian save / simpan
Read more
at
Labels:

Cara mudah memasang translate di blog

Posted by MYUS.Blog - At 19:33 - Have 0 comments


1. Buka dasbor
2. Masuk tata letak
3. Klik tambahkan widget
4. Pilih terjemah / translate
5. lihat gambar di bawah ini :
Read more
at
Labels:

Cara membuat posts download

Posted by MYUS.Blog - At 03:04 - Have 0 comments

Saya pengen punya blog download , tapi saya tidak tau caranya . bagaimana sih caranya membuat posts download ...?
Pastinya anda pernah bertanya-tanya seperti itu , iya bukan . tapi tenang saja saya mau berbagi ilmu sedikit buat anda . yuk mari kita simak .
   1.       Buka https://www.mediafire.com kemudian kamu daftar terlebih dahulu, caranya seperti di bawah ini :
  • Pilih Get Started di Basic/ Free (untuk membuat akun gratis, jika ingin yang premium klik di pro/premium)
  • Isi data anda di form yang disediakan serta jangan lupa mencentang dan mengisi kode captcha, selanjutnya klik “Create Account & Continue”
  • Buka email anda untuk melihat pesan verifikasi dan klik link yang disediakan
  • Klik “Verify Email” dan akun mediafire anda telah selesai dibuat dan diverifikasi

   2.       Sesudah terdaftar klik UPLOAD > choose file > komputer
   3.       Pilih file yang ingin anda UPLOAD , kemudian ok
   4.       Klik begin UPLOAD tunggu sampai selesai
   5.       Lalu klik share , blog link yang sudah muncul lalu copy, caranya klik pada kolom link > ctrl A > ctrl C .
   6.       Kemudian masuk ke dasboar anda
   7.       Entri baru
   8.       Klik tab link di atas yang berwarna biru
   9.       Pastekan link yang anda copy tadi di Web address
   10.   Di atas web address itu kan ada kolom yang berisi tulisan . tulisannya hapus kemudia ganti dengan tulisan DOWNLOAD Di sini lalu OK


Selesai mudah bukan
tunggu tips and tricks selanjutnya
Read more
at
Labels:

Cara mudah dan benar membuat menu di blog

Posted by MYUS.Blog - At 22:32 - Have 4 comments
Fungsi dari membuat menu ini . kita dapat membuat postingan kita menjadi beberapa jenis . dan kita juga bisa memperbanyak postingan yang berbeda beda jenisnya.langsung aja ya gaes jangan panjang lebar , langsung capcus ..

  1. Buka blog anda 
  2. Kemudian klik tab tata letak
  3. Lalu tambahkan widget
  4. pilih laman


    
       5. kemudian tulis menu yang anda inginkan 



       6. kalo masih bingung bagaimana cara kita mengetahui alamat postingan kita ...?
           begini caranya :   1 . postingan anda beri label dulu . semisal postingan anda ingin anda taruh di menu tips and trick caranya :
                                      2.  centang postingan anda yang sudah anda pos kemudian klik anak panah kebawah .
                                      3.  kemudian label baru
                                      4.  tulis tips and trisk

                                      5.  sesudah ada labelnya . kita klik lihat
                                      6.  kemudian klik labelnya
                                      7.  lalu copy alamatnya di menu tata letak tadi.

tunggu tips and triks selanjutnya :)
         
Read more
at
Labels:

Cara mudah membuat read more manual dan otomatis di blog

Posted by MYUS.Blog - At 19:06 - Have 0 comments

CARA MEMBUAT READMORE MANUAL

      1.   Tulis dulu apa yang ingin anda posting 
      2.   Setelah menulis selesai , yang harus kita lakukan adalah mengeblog tulisan postingan anda                   kira kira 3 baris (terserah anda)
      3.   Kemudian klik tanda seperti gambar di bawah ini
            

       4.   Kemudian publikasikan postingan anda dan lihat hasilnya

CARA MEMBUAD READ MORE OTOMATIS

1.       Buka dashbor anda
2.       Cari tab template , kemudian klik
3.       Klik edit html
4.       Cari kode </head> dan copykan script di bawah ini di atasnya kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;float&quot; ; summary_noimg = 150; summary_img = 150; img_thumb_height = 80; img_thumb_width = 120; </script> <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(b,a){if(b.indexOf("<")!=-1){var d=b.split("<");for(var c=0;c<d.length;c++){if(d[c].indexOf(">")!=-1){d[c]=d[c].substring(d[c].indexOf(">")+1,d[c].length)}}b=d.join("")}a=(a<b.length-1)?a:b.length-2;while(b.charAt(a-1)!=" "&&b.indexOf(" ",a)!=-1){a++}b=b.substring(0,a-1);return b+" [...]"}function createSummaryAndThumb(d){var f=document.getElementById(d);var a="";var b=f.getElementsByTagName("img");var e=summary_noimg;if(b.length>=1){a='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+b[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';e=summary_img}var c=a+"<div>"+removeHtmlTag(f.innerHTML,e)+"</div>";f.innerHTML=c}; //]]> </script>
NB :
Kode yang berwarna merah bisa anda ganti sesuai keinginan anda sendiri
                Keterangan : summary_noimg      : banyaknya huruf jika tidak ada gambar
         summary_img            : banyaknya huruf juka ada gambar
                                         img_thumb_height    : ukuran tinggi gambar
         img_thumb_width      : ukuran lebar gambar
   5.    Kemudian setelah itu  cari kode <data:post.body/> biasanya anda temui kode lebih dari  satu. sehingga kita harus coba-coba, tapi mulailah dari <data:post.body/> yang paling bawah.
Jika sudah ketemu yang paling bawah, ganti kode tersebut dengan script ini:
 <b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:left'> <a expr:href='data:post.url'><b>Readmore</b> &#8594; <data:post.title/></a></span>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
   6.       Setelah itu pertinjau dulu jangan di simpan dulu . sesudah mempertinjau baru di simpan .

Tunggu trick selanjutnya ....
Read more
at
Labels:

Cara mudah memasang animasi blog

Posted by MYUS.Blog - At 00:35 - Have 0 comments

Hay sobat bagaimana sih caranya memasang animasi di blog ...? caranya sangat mudah sob , langsung carannya aja ya sob . cekibrot J
  1.       Klik dashbor
  2.       Kemudian klik anak panah kebawah
  3.       Pilih tata letak
  4.       Tambahkan widget
  5.       Pilih HTML/java script
  6.       Masukan judul di kolom pertama kalau yang ingin dikasih judul , kalo tidak , tidak apa apa. 
  7.       Masukan code script animasi tersebut kedalam kolom yang kedua
  8.       Kemudian simpan
  9.       Klik Simpan setelan di pojok kanan atas
  10.   Kemudian lihat blog anda J selesai

Mudah kan sobat ,,,, tunggu trick and tips blog selanjutnya ya....!
Read more
at
Labels:

Cara mudah memasang judul bergambar di blog

Posted by MYUS.Blog - At 20:59 - Have 2 comments

saya akan berbagi ilmu buat pemula . bagaimana cara memasang gambar di judul blog . mari kita simak .

  1.       Klik dashbor
  2.       Kemudian klik anak panah kebawah
  3.       Pilih tata letak
  4.    Klik edit header 
  5.    Klik choose file
  6.    Kemudian pilih gambar yang anda ingin jadikan judul di blog anda 
  7.    Setelah itu simpan 
  8.    Lalu simpan setelan yang berada di pojok kanan atas
  9.    Lihat blog anda 
      sangatlah mudah bukan...?
      tunggu tips and ticks selanjutnya ya

Read more
at
Labels:

Cara membuat dropdown di blog yang bagus dan benar

Posted by MYUS.Blog - At 23:00 - Have 3 comments

1. Masuk dasbhor
2. Klik template
3. Edit template
4. Cari kode </b:skin> . biar mudah tekan Ctrl+f kemudian masukan </b:skin> enter . setelah ketemu     klik simbol(...) di tengah tulisan </b:skin> kemudian copykan script ini di atas kode </b:skin> .

nav{text-transform:uppercase;position:relative;font:bold12px Arial,Sans-Serif;background:#e74c3c} nav *{margin:0 0 0 0;padding:0 0 00;list-style:none} navul{overflow:hidden;background:rgba(231,76,60,0.84);float:left} navli{float:left;display:inline} nav li a{padding:3px15px;line-height:40px;color:#fff!important;display:block;text-decoration:none}nav li a:hover{background:rgba(231,76,60,0.84)!important} nav liul{display:block;width:170px;position:absolute;left:auto;z-index:10;visibility:hidden;opacity:0;height:auto;transition:all0.26s ease-out 0.2s} nav li li{display:block;float:none;width:100%} navli:hover > ul{visibility:visible;width:200px;opacity:1} nav li liul{left:200px;margin-top:-40px} nav li.sub >a{position:relative;padding-right:30px} nav li.sub >a:after{content:"";width:0;height:0;border-width:4px;border-style:solid;border-color:#eeetransparent transparent transparent;position:absolute;top:20px;right:10px} navli.sub li.sub > a:after{content:"";width:0;height:0;border-width:4px;border-style:solid;border-color:transparenttransparent transparent #eee;position:absolute;top:16px;right:10px}

5. Supaya tampilan menu bisa responsive , yang kita harus lakukan adalah mengcopykan script di bawah ini di copy di atas kode </b:skin>

@media screen and (max-width:600px){#nav2{display:inherit;margin:5px;float:left;padding:8px}nav ul{display:none}}@media screen and (max-width:380px){#nav2{padding:3px}#search-top{padding:5px}input[type="text"]{padding:5px;width:90px}#search-button-top{background-image:url("http://3.bp.blogspot.com/-60fYApN0j2M/Ub8uXOv4rNI/AAAAAAAACBs/6PDa4uu3cHk/s1600/csg-51bf2d6764c79.png");background-repeat:no-repeat;transition:all 0.7s ease 0s;height:26px;width:29px;background-color:#34495e;background-position:7px -247px;border:none;float:right;cursor:pointer}}}


6. Kemudian letakkan script ini suka-suka anda .tapi kalo saya di bawah <header>


<nav><ul><li><a href="/search/label/Tutorial">Tutorial</a></li><li class="sub"><a href="/search/label/Template">Template</a><ul><li><a href="/search/label/CSS3">CSS3</a></li><li><a href="/search/label/HTML5">HTML5</a></li><li><a href="/search/label/Responsive">Responsive</a></li><li><a href="/search/label/SEO">SEO</a></li></ul></li></ul><select class="nav2" id="nav2" onchange="document.location.href=this.options[this.selectedIndex].value;"><option value="/">Home</option><option value="/search/label/Tutorial">Tutorial</option><option value="/search/label/Template">Template</option><option value="/search/label/CSS3">- CSS3</option><option value="/search/label/HTML5">- HTML5</option><option value="/search/label/Responsive">- Responsive</option><option value="/search/label/SEO">- SEO</option></select><form action="/search" id="search-top" method="get"><input name="q" placeholder="Search..." type="text"/><input id="search-button-top" type="submit" value=""/></form></nav>

Kemudian simpan lalu reload blog anda dan coba hasilnya

Read more
at
Labels:

Kumpulan Beberapa Animasi Untuk Mempercantik Blog

Posted by MYUS.Blog - At 20:44 - Have 0 comments

Kreasi | Informasi | Selamat malam sobat, kali ini saya akan share Kumpulan animasi untuk blog anda. Gunanya animasi ini tentu saja untuk mempercantik tampilan blog kita. 




Jika sobat berminat untuk memasangnya, silahkan ikuti caranya berikut ini :

  1. Login ke Akun Blogger Anda
  2. Buka Tata Letak
  3. Klik "Tambah Gadge=> HTML/Javascript"
  4. Copy dan Pastekan kode masing-masing animasi yang Anda senangi.
  5. Lalu Klik Simpan atau Save




  1. Kembang Api

     

    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire.gif" /></a>

  2. Pelaut
     

    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/tutuktutuk.gif" /></a>

  3. SpongeBob Ngantuk
     

    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/bob.gif" /></a>

  4. SpongeBob Lari
     

    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/boblari.gif" /></a>

  5. Ubur - Ubur
     
    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/ubur2.gif" /></a>

  6. Seluncur
     

    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Skate.gif" /></a>

  7. Bajak Laut
     
    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Fire-1.gif" /></a>

  8. Dancer
     

    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Dance.gif" /></a>

  9. Petir
     
    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/Cloudelec.gif" /></a>

  10. Murid
     
    <a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" style="bottom: 5px; display: scroll; left: 5px; position: fixed;" title="Want more... Click it."><img src="http://i1242.photobucket.com/albums/gg532/faizkr8/jln.gif" /></a>

    11. SpongeBob Gembira


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>



    12. Naruto



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/692/th/69207.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    13. Gaara



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53973.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    14. Labu



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="myusril77.blogspot.com/" target="_blank"><img border="0" src="http://sig.graphicsfactory.com/Halloween/a.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    15. Tengkorak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1/th/152.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    16. Ekspresi Wajah


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>


    17. Animasi




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="myusril77.blogspot.com/" target="_blank"><img border="0" src="http://i.mnpls.com/715/71510.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    18. Main Taplak


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/0/th/72.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    19. Pasangan




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/229/th/22949.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    20. Zoombie



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46602.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    21. Pigglet



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/438/th/43833.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    22. Mini Mouse




    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/485/th/48554.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>


    23. Hello



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    24. Hi Friend!



    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/243/th/24365.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>

    25. Star


    <div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/102/th/10221.gif" title="My widget" alt="animasi bergerak gif" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">My Widget</a></center></small></div>



    26. Gajah Loncat


    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>

    27. Boring...



    <div style="position: fixed; bottom: 0px; left: 20px;width:80px;height:120px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002016B.gif" border="0" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>

    28. Bayi Tertawa-1


    <div style="position: fixed; bottom: 0px; right: 20px;width:82px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002031F.gif" border="0" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>

    29. Dance



    <div style="position: fixed; bottom: 0px; left: 20px;width:82px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002013F.gif" border="0" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>

    30. Main Bola


    <div style="position: fixed; bottom: 0px; right: 30px;width:160px;height:160px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img src="http://content.sweetim.com/sim/cpie/emoticons/0002032D.gif" border="0" /></a><small><center><a href="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi-Blog</a></center></small></div>

    31. Bayi Tertawa-2



    <div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:100px;"><a href="myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget-Animasi</a></center></small></div>

    32. Panda Biru



    <div style="position: fixed; bottom: 0px; left: 20px;width:100px;height:100px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Free-Widget-Animasi</a></center></small></div>

    33. Panah



    <div style="position: fixed; bottom: 0px; left: 10px;width:210px;height:120px;"><a href="myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    34. Bunga




    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:160px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    35. Anjing Laut


    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    36. Lumba - Lumba



    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    37. Kucing Tidur




    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    38. Kelinci


    <div style="position: fixed; bottom: 0px; left: 10px;width:125px;height:160px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    39. Dragon


    <div style="position: fixed; bottom: 0px; left: 10px;width:150px;height:130px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    40. Ikan


    <div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://myusril77.blogspot.com/" 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://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div>

    41. Pinguin




    <div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://myusril77.blogspot.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020484.gif" title="Click to get more." /></a><small><center><ahref="http://myusril77.blogspot.co.id/2016/02/kumpulan-beberapa-animasi-untuk.html" target="_blank">Widget Animasi</a></center></small></div> 
     
     
     
    Catatan !! Anda bisa mengatur dimana ingin meletakkan animasi tersebut sesuai keinginan. Caranya dengan mengedit tulisan bottom (bawah), top (atas), left ( kiri), right (kanan). Contoh : jika anda ingin memasang di pojok kanan atas, berarti anda harus mengubahnya menjadi top dan right. 
    Demikian informasi tentang kumpulan beberapa animasi sebagai kreasi yang berguna untuk mempercantik tampilan blog kita, semoga bermanfaat. 
    jika ada sobat blogger yang ingin menambahkan, silahkan tambahkan di kolom komentar...!
Read more
at
Labels: