Online Visitor

Online Peoples

Benner Friends

gambar
NEW Action
Saya Seorang pemula dari Blogger yang kerjaannya cuman iseng yang tak berguna,Saya ni pendiam kalau lagi ribut pasti ikut ribut juga NO PROBLEM FOR ME XD.Favorit saya adalah mendengarkan lagu-lagu dari Big Bang, G-DRAGON , 2PM dan DOMO KUN yang sebagai maskotnya. Dan jangan lupa ngeAdd Facebook Follow Blog ini, dan bisa begabung di :Deezclan Komunitas orang kreatif.

Cara Membuat Widget Awan Akatsuki Di Blog



Malam all, kali ini saya akan share ilmu cara membuat Awan Akatsuki di Blogspot, oke berikut caranya :
  • Login ke Blogger
  • Rancangan > Edit HTML
  • Centang "Expand Template Widget"
  • Lalu cari kode ]]></b:skin>
  • Jika sudah ketemu copy paste kode dibawah ini tepat diatas kode  ]]></b:skin>
#akatsuki{position: absolute;
z-index: 0;
width:100%;
margin-top: 0px;
height: 0px;}
.akatsuki {
width: 200px; height: 138px;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB15DCBevEwfrEnClpNJTGsB_uHgzyYDWHRCP-VcZ9-q4YGACeGywWyJm-NK4_rdmMLLfbcvhxoLfbisPdEnwD0Wrtd4LS9yVjvTeUCl3-N_LiIdnrTPkfarzpgtGKMz0ThKZ4eg4HgQM/s1600/Untitled-1.png") no-repeat top center;
position: relative;
}
.awanmerah1 {
-webkit-animation: moveclouds2 15s linear infinite;
-moz-animation: moveclouds2 15s linear infinite;
-o-animation: moveclouds2 15s linear infinite;
}
.awanmerah2 {
left: 200px;
-webkit-transform: scale(0.6);
-moz-transform: scale(0.6);
transform: scale(0.6);
opacity: 0.6;
-webkit-animation: moveclouds2 25s linear infinite;
-moz-animation: moveclouds2 25s linear infinite;
-o-animation: moveclouds2 25s linear infinite;
}
.awanmerah3 {
left: -250px; top: -200px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
.awanmerah4 {
left: 470px; top: -250px;
-webkit-transform: scale(0.75);
-moz-transform: scale(0.75);
transform: scale(0.75);
opacity: 0.75;
-webkit-animation: moveclouds2 18s linear infinite;
-moz-animation: moveclouds2 18s linear infinite;
-o-animation: moveclouds2 18s linear infinite;
}
.awanmerah5 {
left: -150px; top: -150px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
opacity: 0.8;
-webkit-animation: moveclouds2 20s linear infinite;
-moz-animation: moveclouds2 20s linear infinite;
-o-animation: moveclouds2 20s linear infinite;
}
@-webkit-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds2 {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}

  • Lalu Simpan Template
  • Setelah itu cari Rancangan > Tata Letak 
  • Tambah Gadget > HTML/JavaScript
  • Kalo sudah copy pastekan code dibawah ini :
<div id='akatsuki'>
<div class='akatsuki awanmerah1'/><div class='akatsuki awanmerah2'/><div class='akatsuki awanmerah3'/><div class='akatsuki awanmerah4'/><div class='akatsuki awanmerah5'/></div> 

1 comment

25 Oktober 2012 pukul 18.58

Punya Johanes Djogan kok d'copas credit'a diganti -_-

Posting Komentar - Back to Content

[X-Artz Blog] Rules In Coment

[-] Not Spam
[-] No Flood
[-] Do Not Use Offensive Language

Thanks ^_^