Posted by : Farizki - M.r
Jumat, 29 Maret 2013
langsung ke tkp aja dehh soalnya temen ane mau tau caranya
- masuk akun blogger anda
- klik desain>>tata letak>>add gadget>>HTML/javascript
- masukin kode berikut
<style type='text/css'>#info-teja {z-index: 1000;background:-moz-linear-gradient(top, #1F2326, #000);background: -webkit-gradient(linear, left top, left bottom, from(#1F2326), to(#000));box-shadow:-2px -2px 8px #464141, 2px 2px 20px #464141;-moz-box-shadow:-2px -2px 8px #464141, 2px 2px 20px #464141;-webkit-box-shadow:-2px -2px 8px #464141, 2px 2px 20px #464141;width:400px;position: fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px;}#info-teja{-o-transition: all 1s ease-in;-moz-transition: all 1s ease-in;-webkit-transition: all 1s ease-in;} #info-teja:hover{width:400px;opacity:1.0;margin-left:0;}.Tejainbox {border:1px solid #444;width:290px; margin:0px 90px 10px 10px;background:#000;color:#ffffff; border-radius :20px; padding:5px 0;-moz-border-radius:20px; -webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:0.2;}.Tejainbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000; -moz-box-shadow: 1px 1px 15px #000; -webkit-box-shadow: 1px 1px 15px #000;background: #000;}.Tejainbox2 {margin:5px 10px;padding:0px 8px 10px;color:#FFFFFF;overflow:hidden;height:410px;}.teja15 {border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}.Teja2 ul.bom {margin: 0; padding: 0;}.Tejainbox2 li {margin-left:20px;}.Tejainbox2 li a {color: #FFFFF; line-height: 4px; font-size: 11px;font-weight: bold; text-decoration:none;}.Tejainbox2 li a:hover {color: red;text-shadow: 0 1px 1px #000;}.Tejainbox2 h2 { font: 18px Droid Serif;font-weight:bold;padding:0 8px;color: #FF0000;text-shadow: 0px 1px 1px #ddd;border-bottom: 1px solid #FF0000;}.Tejatouch {font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin: 3px 10px 0 0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;text-decoration:blink;}.Tejatouch:hover{-o-transform: scale(2) rotate(720deg) translate(0px);-moz-transform: scale(2) rotate(720deg) translate(0px);-webkit-transform: scale(2) rotate(720deg) translate(0px);color: red;}</style>
<div id='info-teja'><span class='Tejatouch'>info</span>
<div class='Tejainbox'><div class='Tejainbox2 teja15'>
<h2>SELAMAT DATANG</h2>
Selamat datang di blogger FREE-96 - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca artikel saya silahkan berkomentar atau like fans page nya atau followjika kalian ingin mendownlaod sesuatu di sini tenang saja karena semuanya gratis!!!!!!! jangan lupa kunjungi blog saya lagi yahhh
<h2>Sekilas Tentang Admin</h2>
<img height='130x' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKlWWqR3nfxMnwObEvMZR9aI0HXEazQbf-vI-m5L0NJJian6f2cku1fuy2PZTwBks_WupVQu-goEB9lGR0nLXu_3UwTbSvf6i5PTS_ZDoZDGBaKXz1TaoGd6Uh1YtHzuaNnSDFkCtHs2w/s1600/author.png' width='100px'/>
<p style='text-align:justify'>Nama saya Farizki, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...</p>
</div>
</div></div>
NB: yang di kasih background hijau ganti dengan sekilas tentang anda<div id='info-teja'><span class='Tejatouch'>info</span>
<div class='Tejainbox'><div class='Tejainbox2 teja15'>
<h2>SELAMAT DATANG</h2>
Selamat datang di blogger FREE-96 - saya senang Anda berada di sini, dan berharap Anda sering datang kembali. Silakan Berlama - Lama di sini dan membaca artikel saya silahkan berkomentar atau like fans page nya atau followjika kalian ingin mendownlaod sesuatu di sini tenang saja karena semuanya gratis!!!!!!! jangan lupa kunjungi blog saya lagi yahhh
<h2>Sekilas Tentang Admin</h2>
<img height='130x' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLKlWWqR3nfxMnwObEvMZR9aI0HXEazQbf-vI-m5L0NJJian6f2cku1fuy2PZTwBks_WupVQu-goEB9lGR0nLXu_3UwTbSvf6i5PTS_ZDoZDGBaKXz1TaoGd6Uh1YtHzuaNnSDFkCtHs2w/s1600/author.png' width='100px'/>
<p style='text-align:justify'>Nama saya Farizki, Saya Bukan Seorang Blogger, Desainer atau Apapun Tapi Saya Hanya Seseorang Yang Ingin Selalu Belajar dan Ingin Tahu Sesuatu Yang Baru...</p>
</div>
</div></div>
dan yang di kasih warna merah ganti dengan sekilas tentang diri anda
yang warna kuning ganti jadi gambar yang anda mau
Related Posts :
- Back to Home »
- trick blogger »
- Cara Membuat Widget Info Melayang Di Blog
