Widget Animasi

Widget Animasi

WIDGET ANIMASI LUCU BUAT BLOG DAN CARA MEMASANG NYA :OKE GUYS TAK BANYAK BASA BASI.." 1.Copy script yang ingin anda munculkan animasinya 2.Login ke Blog 3.Pilih Rancangan 4.Tambah gedget 5.Pilih edit html JAVAscript, 6.Pastekan script 7.Lalu save.. LIHAT HASILNYA"“

 

Hellikopter

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020389.gif" title="widget animasi lucu bergerak atau gif" alt="animasi bergerak naruto dan onepiece"/></a></div>

Ekspresi muka

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/742/th/74214.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Kodok mata Belo

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/466/th/46606.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Spiderman

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/3/th/312.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Babi Lucu

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/110/th/11046.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Muka Senyum

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/197/th/19769.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Monyet

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/458/th/45845.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Doraemon

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1031/th/103123.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Spongebob

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/1028/th/102882.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Panda

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/212/th/21215.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Monyet Lompat

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/539/th/53966.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Kartun Cewe

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/228/th/22801.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Saringgan

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com//" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/712/th/71266.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Naruto Berubah

<div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://s.myniceprofile.com/myspacepic/656/th/65649.gif" title="My widget" alt="animasi bergerak gif" /></a></div>

Gajah Loncat

<div style="position: fixed; bottom: 0px; left: 20px;width:120px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BC.gif" title="Click to get more." /></a></div>

Lumba Lumba

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:160px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203BA.gif" title="Click to get more." /></a></div>

Kucing Tidur

<div style="position: fixed; bottom: 0px; left: 10px;width:110px;height:140px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/000203C0.gif" title="Click to get more." /></a></div>

Ayam Bertelur

<div style="position: fixed; bottom: 0px; left: 10px;width:100px;height:130px;"><a href="http://www.cakrawaladunia.com/" target="_blank"><img border="0" src="http://content.sweetim.com/sim/cpie/emoticons/00020541.gif" title="Click to get more." /></a></div>

==========================================================================

Color Code

Color Code

                               ==== TOOL WARNA HTML 1 ====

                               ==== TOOL WARNA HTML 2 ====

                             ==== TOOL WARNA HTML 3 ====

Cara Memasang Menu Accordion Tanpa HTML

Cara Memasang Menu Accordion Tanpa HTML

MENU ACCORDION BERGUNA UNTUK MEMPERSIMPLE TAMPILAN BLOG" SELAIN ITU TAMPILAN MENU ACCORDION DINAMIS DAN MEMBUAT TAMPILAN BLOG TERLIHAT LEBIH ELEGAN: JIKA INGIN MEMBUAT /MEMASANG NYA IKUTI LANGKAH BERIKUT:

1.LOGGIN KEBLOG

2.EDIT GADGET

3.PILIH HTML javascript

4.COPY code dibawah ini lalu paste ke dalam kolom yang disediakan

 <style type="text/css"> #accordion{width:100%;margin:auto;border:0px solid white} #accordion h2{background-color:#transparent;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkemTAZmeVkJwvuR_EakZTfgX4TZWxvpXRLIumq3j2L9QJX3mQinSugWuA0m4T1OWwEFANw7qqkFZi4PLrZ25xJLDb2clv5LGm8_hIFQIBISJC2sFOb97psR6Xojgyhc6Dhg8L6apgJKc/s1600/arrow_right.gif);background-repeat:no-repeat;background-position:right center;color:#d0cfce;font:normal 11px Tahoma;border-bottom:1px solid #323333;cursor:pointer;padding:5px 10px} #accordion .content{font:normal 11px Arial;background:#333;padding:5px 10px} #accordion .content li{background-image:url();background-repeat:no-repeat;background-position:left center;text-indent:0;border-bottom:1px dotted #595959;line-height:1.3em;margin:0;padding:2px 0 3px} #accordion .content li a:hover{text-decoration:none;color:#ff3c00} #accordion h2.active{background:#00FFFF;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEwSlW3XF9c4u6a7xDfVFzMnfeI9c7ldTIjdnvDMMstDBiZIxrGE5y9kewhlecdQFE1rGVZn46IW39GbLLlTs3Xe4mUpWzmvOZBotm5ZJBYvl3ytcGT4HHLw5lUxdAp1iIA8Qt3cOsXU8/s1600/arrow_down.gif);background-repeat:no-repeat;background-position:right center;font-weight:700} </style> <script type="text/javascript" src="http://yourjavascript.com/121511228073/accordion-menu.js"></script> <script type='text/javascript'> $(function() { $('#accordion .content').hide(); $('#accordion h2:first').addClass('active').next().slideDown('slow'); $('#accordion h2').click(function() { if($(this).next().is(':hidden')) { $('#accordion h2').removeClass('active').next().slideUp('slow'); $(this).toggleClass('active').next().slideDown('slow'); } }); });

</script>

<div id="accordion">

<h2>Arycode 1</h2>

<div class="content">

Isi Arycode 1 </div>

<div id="accordion">

<h2>Arycode 2</h2>

<div class="content">

Isi Arycode 2 </div>

<div id="accordion">

<h2>Arycode 3</h2>

<div class="content">

Isi Arycode 3 </div>

<div id="accordion">

<h2>Arycode 4</h2>

<div class="content">

Isi Arycode 4 </div>

<div id="accordion">

<h2>Arycode 5</h2>

<div class="content">

Isi Arycode 5 </div>

<div id="accordion">

<h2>Arycode 6</h2>

<div class="content">

Isi Arycode 6 </div>

</div></div></div></div></div></div>

KET :

Arycode      :  Judul heading menu accordion

Isi Arycode  : Silahkan Anda isi dengan widget yang akan dipasang (bisa tulisan, script iklan maupun script widget =================================================================================================================================

Cara Menambah Satu Kolom Gadget Di Bawah Header

Cara Menambah Satu Kolom Gadget Di Bawah Header

CARA MENAMBAH GADGET SATU KOLOM DIBAWAH HEADER TIDAKLAH RUMIT 

Langkah - langkah yang perlu diperhatikan adalah : 

1. Login bloger teman. 

2. Klik tata letak atau layout. 

3. Pilih Edit HTML. 

4. Sebelum memulai pengeditan alangkah baiknya temen sekalian membackup datanya terlebih dahulu, caranya pilih Download Template Lengkap. 

5. Cari kode  ]]></b:skin> 

bisa menekan Ctrl + F, kemudian paste kode tersebut di sebelah tulisan Find. 

6. Paste copy berikutdan paste diatas kode ]]></b:skin>

 #satu_kolom{ margin:10px 0; padding:1%; width:98%; } 

7. Copy kode berikut ini : 

<div id="satu_kolom"> <b:section class='header' id='satukolomajah' preferred='yes'/> </div>

8.Paste di bawah kode ini : 

<div id='header-wrapper'> <b:section class='header' id='header' maxwidget="1" showaddelement="no"> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> </b:section> </div> 

9.Simpan template 

10.Lalu Lihat perubahannya pada tata letak. 

=========================================================================

Cara Menghilangkan Atribut Blogger

Cara Menghilangkan Atribut Blogger

OKE TEMEN" LANGSUNG SAJA YAH" TRIK KALAI INI TENTANG CARA MENGHILANKAN ATRIBUT BLOGGER"atau tulisan DIberdayakan oleh blogger di blog"    1. JELAS log in dulu  2. Trus ke Template -> Klik Edit HTML  3. Setelah itu centang "back up template" takut terjadi kesalahan"  4. Cari kode ]]></b:skin>  tekan Ctrl+f untuk memudahkan pencarian  5. Copy kode dibawah ini dan letakkan tepat diatas kode  ]]></b:skin>   #Attribution1 {
height:0px;
visibility:hidden;
display:none
}
6.SIMPAN COBA lihat sekarang tulisan DI BERDAYAKAN BLOGGER SUDAH HILANG

Cara Membuat Background MATRIX Diblog

Cara Membuat Background MATRIX Diblog

OKE GUYS LANGSUNG SAJA: Login » blogger. Rancangan » Edit HTML
>>> cari kode   body { 
setelah ketemu tambahkan kode berikut:
background: black url(http://i1223.photobucket.com/albums/dd501/prialembut/matrix_zps0bf67015.gif) repeat center; background-attachment: fixed;
}

sehingga menjadi seperti ini:

body { background: black url(http://i1223.photobucket.com/albums/dd501/prialembut/matrix_zps0bf67015.gif) repeat center; background-attachment: fixed;
}

 KET : GANTI TULISAN BERWARNA MERAH DENGAN URL gambar yang ingin di jadikan background /latar belakang blog kalian lalu simpan" SELESAI" LIHAT HASILNYA....

PILIHAN MATRIX:

 

 http://i1223.photobucket.com/albums/dd501/prialembut/port_listener_zps1574112a.gif

 

 http://i1223.photobucket.com/albums/dd501/prialembut/sangppencintamatrixgif_zpsc86264a9.gif

 

 http://i1223.photobucket.com/albums/dd501/prialembut/matrix_zps07ebf6bb.gif



 http://i1223.photobucket.com/albums/dd501/prialembut/mat_zps781b0f04.gif



 http://i1223.photobucket.com/albums/dd501/prialembut/bluematrix2_zpsc9b8d9e9.gif



http://i1223.photobucket.com/albums/dd501/prialembut/bluematrix_zps2172d56d.gif



http://i1223.photobucket.com/albums/dd501/prialembut/black_red_matrix_zps403baad7.gif

Cara Membuat Menu Blog Keren

Cara Membuat Menu Blog Keren

Pertama log in ke blog kamu Kemudian pilih "Tata Letak" Lalu tambah gadget dan copy kan KODE DIBAWAH INI pada konten HTML javascript 


<style type="text/css"> #black{background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); width:930px; height:32px; color:#5A6C8C; margin:0 auto; padding:0 5px; font:bold 8px Arial, Tahoma, Verdana; border-top:1px solid #666; border-bottom:1px solid #666;-moz-box-shadow: 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; -webkit-border-radius: 6px; -moz-border-radius: 6px;border-left:1px solid #333} #NavbarMenuleft{width:700px; float:left; margin:0; padding:0;} #search{width:240px; font-size:11px; float:right; margin:0; padding:0;} #nav{margin:0; padding:0;} #nav ul{float:left; list-style:none; margin:0; padding:0;} #nav li{border-left:1px solid #ff0000;list-style:none; margin:0; padding:0; text-shadow:1px 1px 1px #000;} #nav li a, #nav li a:link, #nav li a:visited{color:#fff; display:block; text-transform:uppercase; margin:0; padding:9px 15px 9px; font:bold 11px Arial, Times New Roman;} #nav li a:hover, #nav li a:active{background:#4a4d4c; color:#fff; padding:9px 15px 9px; text-decoration:none;} #nav li li a, #nav li li a:link, #nav li li a:visited{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOu7SmvMuxmZnv89rxjhK_kItjLmiQQ0cKl3iKkuYF8h2oyOrLaJgGsl5997neMb9P0UI6NBnHS090WYZxI0S3hBgYMiPrAFDkcqfX7qG6xw-XYxVdXMGHt1TXPgvgso7k-4P8Wz9-sz9w/); width:150px; color:#e5e3e3; text-transform:capitalize; float:none; margin:0; padding:3px 10px; border-bottom:1px solid #151f23; border-left:px solid #151f23; border-right:2px solid #151f23; font:normal 14px Georgia, Times New Roman;-moz-box-shadow: 1px 1px 10px #888; -webkit-box-shadow:1px 1px 10px #888; -webkit-border-radius: 6px;} #nav li li a:hover, #nav li li a:active{background:#4a4d4c; color:#fff; padding:3px 10px;} #nav li{float:left; padding:0;} #nav li ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px; margin:0; padding:0;} #nav li ul a{width:140px;} #nav li ul ul{margin:-24px 0 0 170px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul{left:-999em;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul{left:auto;} #nav li:hover, #nav li.sfhover{position:static;} #searchbox{padding:0; margin:0;} #search input{background:#fff; color:#000; float:left ;margin:5px 0 0 10px; width:168px; padding:3px 7px; border:1px solid #cdcdcd; font:normal 11px arial, verdana, Times New Roman;} #search .btn{background:#333; color:#fff; font-size:11px; margin:5px 0 0 3px; padding:2px; width:30px; cursor:pointer; border-left:1px solid #666; border-top:1px solid #666; border-right:2px solid #111; border-bottom:2px solid #111;} #top{background:#f6f6f6; margin:10px auto 0; padding:10px; width:918px; border:1px solid #ccc; word-wrap: break-word; overflow: hidden; font-size:13px;} #top a, #top a:visited{font-weight: normal; color: #00338F; text-decoration: none;} #top a:hover{color:#cc0000; text-decoration: underline;} #top p {font-size: 14px; font-weight: bold; padding: 0; margin: 0;} .topleft {width: 304px; float: left; margin: 0; padding:0;} .topleft img a, .topleft img {border:1px solid #ccc; margin: 0; padding: 1px;} .topright {width: 600px; float: right; margin:0; padding:0; text-transform: normal;}
</style>
<div id='outer'>

<div id='black'>
<div id='navbarmenuleft'>
<ul id='nav'>

<li><a href='http://arycode.blogspot.com'>Home</a></li>
<li><a href='http://arycode.blogspot.com'>Tutorial</a> <ul>
<li><a href='http://arycode.blogspot.com'>Tutorial Blogspot</a></li>
<li><a href='http://arycode.blogspot.com'>Tutorial</a></li>
</ul></li>

<li><a href='#'>Tips</a> <ul>

<li><a href='http://arycode.blogspot.com'>Tips Blogspot</a></li>
<li><a href='http://arycode.blogspot.com'>Tips Sosial</a></li>
<li><a href='http://arycode.blogspot.com'>Tips Kesehatan</a></li>
</ul></li>

<li><a href='#'>Download</a> <ul>

<li><a href='http://arycode.blogspot.com'>Software</a></li>
</ul></li>

<li><a href='#'>Masteran</a> <ul>

<li><a href='http://arycode.blogspot.com'>Laporan</a></li>

</ul></li>

 <li><a href='http://arycode.blogspot.com'>Puisi</a></li>

 </ul> </div>
<div id='search'>
<form action='/search/' id='searchform' method='get' style='display:inline;'> <input id='searchbox' maxlength='200' name='q' onblur='if (this.value == "") {this.value = "search...";}' onfocus='if (this.value == "search...") {this.value = ""}' type='text' value='search...'/> <input class='btn' type='submit' value='go'/> </form>
</div></div>
</div>

KET: GANTI TULISAN " http://arycode.blogspot.com " dengan link blog dan menu yang diinginkan