.jpg)
Recent post
Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Selamat Sore sobat Blog Taretan Mania .. Kali ini saya membuat postingan tentang Cara Memasang Kode Tool Warna di Blog . Dalam dunia blogging memilih warna yang tepat bisa membuat tampilan blog kita menarik. Saat ini Blogger terus menyempurnakan tool editing yang memudahkan para pemula (bisa dilihat dalam fitur template desainer). Dengan begitu sobat tidak perlu mahir kode HTML untuk memilih warna yang sesuai keinginan. Namun tetap saja, mengerti kode HTML meskipun sedikit akan sangat bermanfaat.
Kode HTML untuk warna berupa simbol “#” diikuti dengan 6 deret angka atau huruf dimana jumlah ini juga ada dalam sistem heksadesimal. Dengan kata lain kombinasi huruf dan angka tersebut akan menunjuk pada warna tertentu. Misalnya: kode HTML untuk warna putih adalah #FFFFFF dan kode heksadesimalnya adalah 255, 255, 255.
Jika masih bingung dengan penjelasan tadi, coba sobat perhatikan tool eksaminasi warna buatan 2createawebsite.com dibawah ini. Untuk menggunakannya cukup klik pada bagian warna yang diinginkan dan perhatikan kode yang muncul di sebelahnya.
Kode HTML untuk warna berupa simbol “#” diikuti dengan 6 deret angka atau huruf dimana jumlah ini juga ada dalam sistem heksadesimal. Dengan kata lain kombinasi huruf dan angka tersebut akan menunjuk pada warna tertentu. Misalnya: kode HTML untuk warna putih adalah #FFFFFF dan kode heksadesimalnya adalah 255, 255, 255.
Jika masih bingung dengan penjelasan tadi, coba sobat perhatikan tool eksaminasi warna buatan 2createawebsite.com dibawah ini. Untuk menggunakannya cukup klik pada bagian warna yang diinginkan dan perhatikan kode yang muncul di sebelahnya.
Jika sobat suka dengan tool diatas silahkan copy kode dibawah ini dan letakkan ditempat yang diinginkan (area posting atau kolom widget).
<center><div style="text-align: center;"> <object align="middle" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" height="480" id="col" width="480"> <param value="sameDomain" name="allowScriptAccess" /> <param value="http://www.2createawebsite.com/build/col.swf" name="movie" /> <param value="high" name="quality" /> <param value="#ffffff" name="bgcolor" /> <embed pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" src="http://www.2createawebsite.com/build/col.swf" bgcolor="#ffffff" name="col" width="480" align="middle" height="480"></embed> </object></div> </center>
Sekian Dulu postingan dari saya kurang dan lebihnya saya mohon maaf .
SALAM BLOGGER !!
Apa kabar Sobat Blogger !! Kali ini saya akan membuat postingan tentang "Cara Membuat Kotak Author Box",, Kalo mau liat gambarnya itu ada di smping kana blog saya ,, yang tulisannya "Author" itu kawan . Langsung aja nih ke step nya :
1. Login ke Blogger
2. Klik ke Template
3. Edit HTML
4. Lalu, tambahkan kode dibawah ini dan taruh tepat diatas ]]></b:skin>
/* Author Blog */.AHSadmin {width:auto; height:83px;padding:5px}.AHSadmin-gambar {float:left;width:75px;height:75px;margin:4px 1px 0px 0px;border-radius:90em;opacity:0.8;border-top:2px solid #cf2031;border-right:2px solid #0f7dc8;border-bottom:2px solid #2eb31a;border-left:2px solid #eab823;}.AHSdeskripsi{width:auto; padding:1%;font-family:arial,sans-serif; margin:-85px 0 0 110px; font-size:11px; color:#fff;}.AHSfb, .AHSgp, .AHStw {color:#fff!important; display:block;font-weight: bold; line-height: 14px; height: 14px; width: 14px; border: 3px solid #444;text-align: center;padding:3px;border-radius:15px;font-size: 13px;text-decoration:none!important;margin: 1px;position:relative;margin-right:0px}.AHSfb {background: #3B5998;margin-left:73px}.AHSfb:hover {border-color: #4F77CC; box-shadow: 0 0 3px #4F77CC;}.AHSgp {background: #D34836;font-size:11px;margin-left:85px}.AHSgp:hover {border-color: #EB503C; box-shadow: 0 0 3px #EB503C;}.AHStw {background: #4099FF;margin-left:73px}.AHStw:hover {border-color: #36D0FF; box-shadow: 0 0 3px #36D0FF;}
5. Setelah itu menuju ke Tata Letak
6. Kemudian Add Gadget > HTML/Javascript7. Tambahkan Kode Dibawah ini
<!-- Author Box Start -->KETERANGAN :
<div class='AHSadmin'>
<img alt='Alif Lo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCosD3dFzJfvHnpWKkijxKVOcBVd2dWLWDoKq6rBFGhcuTZE1GRjJNgfSYizuFiXOski-pam38fTVaCF1lYpTV0s1bN7kytixamkL5OIeYIWdXBuUTbOo-WRzDCXKE2sPBMBsrUxLWlUY/s1600/kyuubi.jpg' title="Harun Lo" class='AHSadmin-gambar' />
<a class='AHSfb' href='http://www.facebook.com/harun.barue' rel='nofollow' target="_blank">f</a>
<a class='AHSgp' href='https://plus.google.com/104538829110848188070' rel='nofollow' target="_blank">G</a>
<a class='AHStw' href='http://twitter.com/TaretanPamexs' rel='nofollow' target="_blank">t</a>
<div class='AHSdeskripsi'>
Hai, Perkenalkan Nama Saya Harun Lo. Hehehehe.
<br/><a style="color:#888;" href="#" target="_blank"> Read More » </a>
</div></div>
<!-- Ends -->
1. Perhatikan Tulisan Biru silahkan ganti dengan URL : FB, G+, Twitter
2. Perhatikan Tulisan Hijau silahkan ganti dengan Kata" mu Sendiri
3. Perhatikan Tulisan Orange silahkan ganti dengan URL Gambar Profil Sobat.
Semoga bermanfaat. Jika ada yang kurang jelas silahkan tanyakan di Komentar..
SALAM BLOGGER !!
Hai sobat blogger,,udah hampir satu bulan nih saya tidak membuat postingan . soalnya di rumah lagi banyak kerjaan ,, kali ini Taretan Mania akan mengeposkan "Cara Membuat Kotak Banner 88 x 31", caranya tidak terlalu sulit kok, daripada penasaran ayo kita simak secara bersama-sama.
Login ke blogger- Masuk ke template
- edit HTML
- Cari kode ]]><b:skin jika sudah ketemu
- letakan script di bawah ini tepat di atas kode ]]><b:skin
#sidebarLank{
box-shadow: 0 0 15px white;
background: #0E090D;
border: 4px solid #9F1111;
border-left: 4px solid #9F1111;
float: left;
margin-top: 175px;
margin-left: -135px;
width: 88px;
height: auto;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
z-index: 10px;
line-height: 10px;
box-shadow: 0 0 15px blackred;
background: #222;
background-image: -webkit-linear-gradient(top, #393939, #222);
background-image: -moz-linear-gradient(top, #393939, #222);
background-image: -o-linear-gradient(top, #393939, #222);
background-image: -ms-linear-gradient(top, #393939, #222);
background-image: linear-gradient(to bottom, #393939, #222);
position:absolute;
}
#sidebarLank img{opacity:0.5;-webkit-filter:saturate(0.0);-moz-filter:saturate(0.0);-ms-filter:saturate(0.0);-o-filter:saturate(0.0);filter:saturate(0.0);-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out;padding:0}
#sidebarLank img:hover{opacity:1;-webkit-filter:saturate(1.1);-moz-filter:saturate(1.1);-ms-filter:saturate(1.1);-o-filter:saturate(1.1);filter:saturate(1.1);-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out}
Cari kode <div id='header'>, tidak semua template sama jadi jika tidak ketemu kode tersebut cari saja kode yang intinya "header", jika sudah ketemu dengan kode tersebut. Lalu kalian letakan kode di bawah ini tepat di atas kode <div id='header'>
<b:section id='sidebarLank' maxwidgets='5' showaddelement='yes'>
</b:section>
Keterangan :
Kode yang berwarna pink itu tinggi dari banner tersebut
Kode yang berwarna hijau itu adalah lebarnya
tidak semua template sama, jadi disesuaikanlah dengan ukuran template anda.
Yang terakhir simpan, dan lihat hasilnya.
Sekian dulu postingan dari saya tentang Cara Membuat Kotak Banner 88 x 31 .
