Qiu-Qiu

KODE WARNA KEREN UNTUK HTML

Warna sangatlah memegang peranan penting dalam dunia desain Bahkan kini warna menjadi trensetter untuk suatu event, kejadian dan situasi. Selain dalam desain, untuk tampilan web maupun blog, warna itu sangat penting dan sangat berpengaruh terhadap penampilan web/blog. Warna-warna biasanya digunakan untuk background, text, links, table dll. Kalo kombinasi warna pada web/blog kita tidak sesuai, atau tidak enak dipandang mata, maka hal itu akan membuat pengungjung web/blog kita menjadi kurang nyaman, dan kemungkinan akan malas untuk mengunjungi blog kita lagi. Tapi karena untuk untuk membuat warna-warna ini harus menggunakan kode-kode warna, maka bagi yang tidak begitu mahir tentang html akan kesulitan untuk mendapatkan kode-kode warna ini. Apalagi saat ini dah banyak program aditing secara online.

SELAMAT BEREKSPERIMEN DENGAN KODE WARNA LENGKAP WEB,BLOG,BACKGROUN,TEXT,LINK,TABLE DLL

<a href="Ganti Nama Blog Kalian (link harus begini " http://satria-cyber.blogspot.com/ " " onmouseover="window.location=this.href"><img src="URL Banner Kalian" height="31" width="88" title="Ganti Dengan Nama Blog Kalian"/></a>

oiya,lumayan deh buat hemat tempat widget sidebar,ya gak?? dan kesan nya rapi gimana gitu.... yeay?? XD

• Login ke blogger
• Masuk ke template
• Pilih "EDIT HTML"
• Cari kode ]]></b:skin>
• Letakkan kode di bawah ini di atas kode tadi

/*ZNdz*/
	#ZNdz{float:left;background:rgba(0,0,0,0.6);border:0px solid transparent;position:absolute;padding:3px;border-radius:0px;width:90px;margin-top:-200px;margin-left:-744px;margin-right:5px}
	#ZNdz img{opacity:.5;width:88px;height:31px;margin-bottom:-5px}
	#ZNdz img:hover{opacity:1.0}
	#ZNdz img{width:88px;height:31px}

• Next,cari kode <div id='sidebar-wrapper'>  (biasa nya setiap template,kode nya berbeda beda)
• Masukkan kode di bawah ini di bawah kode tadi

<div id='ZNdz'>
<a href='LINK TEMAN' target='_blank'><img alt='Evolution Hacker | Creative Is Art' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='ardi' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='heidi' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='fadhelee' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='penyolongan' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='penyolongan' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='deny' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='arnoldi' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='wildan' height='88' src='URL GAMBAR' width='31'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='FORUM FAN' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='satria' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='david' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' title='MAMZE®D Blog'><img alt='MAMZERD' src='URL GAMBAR'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='ßîmà  ÄŒÃ½bÄ“Å™4řť' height='31' src='URL GAMBAR' width='88'/>
</a>
<a href='LINK TEMAN' target='_blank' title='Daniel-Xp'><img alt='ss' src='URL GAMBAR'/></a>
<a href='LINK TEMAN' target='_blank'><img alt='ßîmà  ÄŒÃ½bÄ“Å™4řť' height='31' src='URL GAMBAR' width='88'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='ßîmà  ÄŒÃ½bÄ“Å™4řť' height='31' src='URL GAMBAR' width='88'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='ßîmà  ÄŒÃ½bÄ“Å™4řť' height='31' src='URL GAMBAR' width='88'/>
</a>
<a href='LINK TEMAN' target='_blank'><img alt='ßîmà  ÄŒÃ½bÄ“Å™4řť' height='31' src='URL GAMBAR' width='88'/>
</a>
</div>

• Login ke blogger
• Pilih menu template >> edit HTML >> lanjutkan
• Cari Kode ]]></b:skin> Lalu letakkan code di bawah ini tepat diatasnya...

a.thumbopacity img {  -moz-transition: all 0.3s ease-out;    -o-transition: all 0.3s ease-out;    -webkit-transition: all 0.3s ease-out;    -ms-transition: all 0.3s ease-out;    transition: all 0.3s ease-out;margin-top:5px;margin-left:230px; position:absolute; }
a.thumbopacity:hover img{  margin-left: 175px;  padding-left: 0px;  }

• Sesuaikan letak Gambar kalian dengan mengedit marginnya 
• Lalu copy code di bawah ini dan pastekan tepat dibawah code </head> 

<a class='thumbopacity'>
<img border='0' src='URL gambar sobat'/></a> 

• Ubah kode yg berwarna kuning dengan URL gambar kalian 
• Setelah itu simpan HTML kalian dan lihat hasilnya. 

<marquee align="center" direction="up" height="200" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="2" width="210">Taruh text / script banner anda disini </marquee></div>

#sfaffliates{float:left;background:#77C2A7;border:5px solid transparent;position:absolute;padding:3px;border-radius:0px;width:90px;margin-top:-843px;margin-left:-157px;margin-right:5px;box-shadow: 6px 6px 0px 3px rgba(0, 0, 0, 0.3);}#sfaffliates img{width:88px;height:31px}

<div id='sfaffliates'>
<a href='http://surajiyeon.blogspot.com/' title='SuraJiyeon! | Thingking Out of the box'><img alt='SuraJiyeon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6HwLyxlyXIBlgMlVmZNY6AoOgn_SP5NfEoig6X-qmQEn4tQlqK6E_GJ3taAmUiKL251LFuCvw4BChTTinpUWoX982A3zPFVxZwmQ3REBnQAB4mUGMLz-UgI4zyCuptQYca19wFoIZIeo/s1600/8831.jpg'/></a>
<a href='http://penyolongan-cheater.blogspot.com/' target='_blank'><img alt='penyolongan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq6KUEJ8xTEqa4F_TnDcGLyvk2IOl73NurjMPHUV9KQESk2ba93Tnr1DbSKOSIK5axWw6Z_GL76kTNUdVqcVcUiyuEhq8_EI2CHPNoX1XjidUAy6pk9K31GcJ0DyV9yo91vWu1lc7C0tMM/s1600/th_PyAmr_zps992de5b5+(1).png'/>
</a>
<a href='http://arnoldi-technology.blogspot.com/' target='_blank'><img alt='arnoldi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg07Aq__TPxVuFkEHE0Ybe-QIYXghaI4ZLQ__0nzSh7nAyREkbYuMVnk34tRQ6nHPtNKHJ7dt9Ksd5lpH_5cfYeN_Sbe5x8Kneo1R-ZGUBcLYFzqbP_s11qfXs2HIKkUmcfOIdg6qaWTc4j/s1600/Banner+88x31+(1).png'/>
</a>
<a href='http://mamzerd.blogspot.com' title='MAMZE®D Blog'><img alt='MAMZERD' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDH2AbVHDwbkspvNlm7aI2ZrmLY1EI90l_WdnclOvHf8pRWlxEAKs34gZ_uRtSpFjcCzuTomBLc2Z0zEYCQNdsKJ70BYz3Gf3UrUOQYdvSK1ILbLiJKHYlRpR9fiTGHdGjztzkjkEVUyZN/s1600/MAMZ_BBanner88x31_1.jpg'/>
</a>
<a href='http://animeswebsite.blogspot.com/' target='_blank'><img alt='Animes Website' src='http://3.bp.blogspot.com/-LNwmEvZwNII/UNc3WjLXHXI/AAAAAAAAIZc/9oo3vmQ2ln4/s1600/banner3.png' title='Animes Website | All About Animes Website'/></a>
</div>