- Home >
- Blogger , Original By Rendy , Tips And Trick >
- Float Widget Mini Banner Show/Hide
Posted by : Rendy Note
Minggu, 24 Maret 2013
Hay Sob !
Udah Sekian Lama XT Tidak posting Tentang Trick Blog ya .. :D Udah Berapa lama tuh ? :/ Gw Juga gk tau hahaah!!! sebab gw jarang posting, karna gw banyak urusan penting di dunia nyata terutama sekolah gw, Karna gw banyak ujian jdi nya gw jarang post deh, Maklum Klo Udah kelas 9 Pasti waktu OL dikit, krna fokus belajar dan mungkin beberapa hari kedepan gw lebih jarang ol karna mau persiapan UN tanggal 22 April sampai 25 april (pas banget ultah gw XD), okey berubung gw lg libur gw akan sempetin post nih, tentang trick blog, gk perlu tau gw mau post apa karna lu udah tau dri judul post nya kan ? :D
Bagi Yang Penasaran Bentuk Widget nya gimana nih gw kasih Screenshot ....
Gimana Udah tau kan bentuk nya ?
Bagi yang Penasaran Bisa Liat Live Demo nya Di http://rendy-trick.blogspot.com/
yang di kanan bawah itu contoh widget nya arahkan saja cursor mu ke situ dan rasakan sensasi nya :)
okey kita masuk Ke Tutor nya :
- Siapin Kopi
- Siapin Komputer atau laptop
- siapin modem XD
- Letakkan HTML ini di atas <div id='header'> atau <div id='header-wrapper'> atau yang sama kyk gitu dan pkok nya ada kata "header"
<div id='XTaffliates'>
<div style='background:#0800a2;border:6px solid transparent;border-radius:10px;width:90px;'>
<h2> banner </h2>
<a href='http://idbacktracker.blogspot.com/' target='_blank'><img alt='ss' height='31' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZQQ0jvT3PhHw68sqqoXBndTzMySRVn6KBvsa5KoM_MHUsw0MinKYiYd64bVBgQtpb6j6oWN6sRiJvRAM2jgEQ_sQx0nXx7woLoWWEzK2il8VVXDW26eyw85YI1qblht0a_5VbLbecnuYF/s1600/BannerVenom.png' width='88'/></a>
<a href='http://kadexanagzu.blogspot.com/' target='_blank'><img alt='ss' height='31' src='http://i49.tinypic.com/oj2ed5.gif' width='88'/></a>
<a href='http://www.aregalank.com/' target='_blank'><img alt='Aregalank' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXbS8W_pakyeIwlXtMCuLZxT_teEXWltpVgHI3yKXn0cBVBtZDCpctIUFIEGN0SltazNxFOLXCL234GC-1ZNNz4GkdlPCd7bT-UpwRvjf5N55TpYGLa1r88lJ9K_77OrzCzVYpgq-gmMUx/s1600/th_xq0FM_zps2fb5f5d9+(1).png'/>
</a>
<a href='http://arvimalice.blogspot.com'><img alt='RVMALICE' src='https://lh4.googleusercontent.com/-nGjSW8FMYlA/URu9HoC67TI/AAAAAAAAEgE/nEWprPIBBLE/s88/bannerrv2.jpg'/></a>
<a href='http://www.ardi007jr.blogspot.com/' target='_blank'><img alt='ardi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgSKghq4Rnk8wDaNqzywP6LWQK8PCO_tkG2RXBi86ylKtoByYLZSn6eLFb5Mqndmqc74pyhZrBxEX-xt8umIDM3rNawytrGwuDOVbRooYX6NjQYs3RWX-EciXWFcDttsuDGbfdpCYwrkyO/s1600/th_8NwRP_zpsdb12535f+(1).png'/>
</a>
<a href='http://www.shoetanz-cyber4rt.blogspot.com/' target='_blank'><img alt='heidi' src='http://i.imgur.com/lZNGm.png'/>
</a>
<a href='http://fadeleecious.blogspot.com/' target='_blank'><img alt='fadhelee' src='http://lh6.googleusercontent.com/-1JXQ7RL1mjY/UFWb3NY4xxI/AAAAAAAAAlY/Ga2zxjsSueM/s88/ban.jpg'/>
</a>
<a href='http://penyolongan-cheater.blogspot.com/' target='_blank'><img alt='penyolongan' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjvemKDLd1wXgK_OC5iMPY1Fj2lrbMwwehxvN96ToKvNweGZK1TqCogdY1UWQJDYCnFtE4zOfQoq_kMNnDGtHfo4QJOaxOX0v52QQFG1CmUkY0Zm5xqJ3gsHCL_vlDPcXcqj0VVEFiQy8O/s1600/th_PyAmr_zps992de5b5+(1).png'/>
</a>
<a href='http://yanz-degru.blogspot.com/' target='_blank'><img alt='Yan'z :Degru Creative' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmx75jizZrn9H7aoPGiEldqJzFw7RrWzs4WwQFGDgU_6GAJONLnQGr8194quaRKejDtmJdNGuPXJbPc_BVi7bqjNqwDKCky4msEfNzGtrgPzAmGCSuK8gsAwrLIovgZxBFDmPf1m7D70cH/s1600/45.bmp'/></a>
<a href='http://cyber-programming.blogspot.com/' target='_blank'><img alt='penyolongan' src='http://i1115.photobucket.com/albums/k554/nuel02/banner88x31-1.png'/>
</a>
<a href='http://gilang-cyber4rt.blogspot.com' target='_blank'><img alt='Gilang Cyber4rt' src='http://i1061.photobucket.com/albums/t479/Gilang28k/tes1_zpsfa85fde9.png'/></a>
<a href='http://deny-4stroom.blogspot.com/' target='_blank'><img alt='deny' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdcFc_LeW3lyZPFq7BAinyhE4nN3ugnrGNIvKCcQxdG6roi_K3IH-v603wqXIccXLZZYxAdn0rjUhUI-sgHKkvOjyDi_ntOXbEIbgKZPAnA9_yDhLflRYS_QrZXeXxwBp4WM6Y3m2TuzoS/s1600/88X31+(1).png'/>
</a>
<a href='http://arnoldi-technology.blogspot.com/' target='_blank'><img alt='arnoldi' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3FdroahkOTdslU48RgBXYkz7zh3s8IONFyNnWxy9fS-lKuOAyOpQcgZ1xK2rqbir22WnjipKhyOWAQms55WuAgCGglYgNuNWGhmS84TAHpj6CkJtjzZ_FbI53xRQPXtmz6F1jYYsJ57CM/s1600/Banner+88x31+(1).png'/>
</a>
<a href='http://altecdz.blogspot.com//' target='_blank'><img alt='SSS' height='88' src='http://i.imgur.com/MV2Fs.png' width='31'/>
</a>
<a href='http://thelastboys.blogspot.com/' target='_blank'><img alt='FORUM FAN' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKUQOhoLU5BvHdM1yaSgiaOFwdfXRJLCYh-Ogey3jsqvZwCX4RIM9_BJSoK0uzKG3OFd8t8xqptD2aubQsVuGe8yrgctffXa9QzNPV7DFGFo4bwfUlhPcwsmUiS592c9kb9hW1jq-MNPo/s1600/Banner+88+x+31.png'/>
</a>
<a href='http://satria-cyber.blogspot.com' target='_blank'><img alt='satria' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiETHb7-F65ZiuWJSM1z2pPNW527XMF1nhT4WXQdw-2KzHuvAeIsrYjdWfkFMTOf6IjoSIaWl9-liaVYTbVaugGSFCtMaE-GVmEknKUcAlhJ6VBIDr_gkneXG193EVIoWDfnI9PdQ4aivdZ/s1600/th_BxfFe_zpsd9db7e4b+(1).png'/>
</a>
</div></div>
- Dan script Ini letakkan di atas Tag </head>
<script src='https://xkresssx-technology.googlecode.com/files/trick%20mini%20banner%20by%20rendy.js' type='text/javascript'/>
- Dan Nih Css Untuk Ngatur Judul Widget nya
#XTaffliates h2{font-size:17px;border-radius:6px 6px 0 0;line-height:30px;text-align:center;font-family:'Harrington',cursive;font-weight:normal;margin:auto;color:#fafafa;padding:3px 5px;padding-left:15px;background:url(http://i.imgur.com/AktLGbO.png) no-repeat;margin-top:2px;text-shadow:1px 1px 1px #362c30;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
- Itu Semua Tinggal Kamu Edit Saja...
NOTE :
- Tulisan Yang aku beri warna merah itu kamu atur saja dengan keinginan kamu
- Saya tidak bertanggung jawab atas kerusakan template anda
- Dan jangan lupa comment ya ? :D
- Mau Copas? Sertakan Sumber nya !!
- Slot Banner nya Hanya Pas 16 Banner
Backlinks Please Thanks ^_^
URL |
Code For Forum |
HTML Code |
{ 32 komentar... read them below or Comment }
[X-T] COMMENTS RULE :
-DONT SPAM
-DONT FLOOD
-BILA ANDA SUKA DENGAN ARTIKEL INI SILAHKAN BERKOMENTAR
-BILA ANDA INGIN MENDAPATAKAN INFO DI BLOG INI SILAHKAN FOLLOW BLOG INI
-GUNAKANLAH BAHASA YANG SOPAN
-FOLLOW THIS BLOG I WILL FOLLOWBACK !!
Author/Admin = RendyBoyz_25
Add Facebook admin : Klik Disini
Blog ini Telah Saya Setting Jadi Blog Dofollow :D
- Alexa Rank 169,500+
- Links in 117
- Jadi Berkomentar Lah Yang Sopan :)
keren bro..
BalasHapusizin gw coba dulu ya...
bermanfaat sekali..
thanks info
BalasHapusapdet terus ya :)
keren nih tutornya bro
BalasHapus#yeah (9'-')9
HapusKeren Bro Izin Bookmars
BalasHapusSilahkan :D
Hapusw cuma ga bisa bikin keren yg tempat judul widgetnya!!
BalasHapusaryoz-comunity.blogspot.com
WOW tricknya , tapi gue rasa itu bagusnya di GC doank, pas gue test di MOZILA acak"an :/
BalasHapusgk terlalu acak²an kok :v tpi pas hover nya emang gk ada transition nya .. besok gw betulin :D
HapusBang, Blog abang udah saya follow+Comment+Taruh Banner 88x31 di blog saya http://www.alvincelebration.blogspot.com Taruh Kembali yaaaa http://alvincelebration.blogspot.com/2013/03/link-exchange-banner.html
BalasHapusWess
BalasHapusKeren abis..
tapi pas saya cari tulisan "Header"
Ga Ada Bang di blog saya, Jadi ga bisa di Pake, By the way, Music blog'a koq di Ganti -_-
Ga Asik ( Sok Sedih ) Enakan yang dulu
Eh Bang Banner 88x31 kamu udah saya Tarok di blog saya,cek http://www.alvincelebration.blogspot.com Tarok Balik boleh Ga? Neh http://alvincelebration.blogspot.com/2013/03/link-exchange-banner.html
Bang Comment back ya http://alvincelebration.blogspot.com/2013/03/cara-cepat-dan-termudah.html
Terimakasih
iya,, nanti saya pasang ya :D
Hapusthank's infonya sangat membantu :D
BalasHapustank infonya sob
BalasHapuscomment back at http://dst-dark.blogspot.com/
Kurang Greget kak
BalasHapusO iya lagunya ganti donk -__- Membuat saya sedih :3
Udah gw ganti !! -_-
Hapuskk aq mw request cara bikin fb comment berdampingan dengan blog comment
BalasHapusjawab di http://dst-dark.blogspot.com
gunakan google please .. 'o'
Hapusterima kasih infonya ya gan
BalasHapuschkme
judul lagu blognya apa nih?
BalasHapusgk tau :v
HapusTerimakasih sudah berbagi sob :D
BalasHapus====>> KOMENG BACK SOB <<====
http://bandi-bloggers.blogspot.com
Ijin Coba Tempat Banner'nya :D
BalasHapushttp://cisaga-cyber.blogspot.com/2013/04/download-template-gratis-di-miftahus.html
BlogWalking Coyy
BalasHapus#http://thelastboys.blogspot.com/
Mantap
BalasHapusBlog Walking sob........
http://indraahmadrobani.blogspot.com/
Kode yang ini
BalasHapus#XTaffliates h2{font-size:17px;border-radius:6px 6px 0 0;line-height:30px;text-align:center;font-family:'Harrington',cursive;font-weight:normal;margin:auto;color:#fafafa;padding:3px 5px;padding-left:15px;background:url(http://i.imgur.com/AktLGbO.png) no-repeat;margin-top:2px;text-shadow:1px 1px 1px #362c30;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out}
di letakkan dimana kk
biasa nya naro CSS dimana ? ._.
Hapusmakasih infonya sob,, :D
BalasHapusdi taruh di mana?
BalasHapuscara biar gak hide kyk mana ?
BalasHapuskalo yang judul widget di mana naruhnya?
BalasHapusDi Atas ]]>
Hapus