===========================================================
ini yg bagus pas di tengah2 blog hasilnya?
logout / utuk iklanpun bisa jg!?
----------------------------------------
<div id="floating_banner_top" style="position:fixed; bottom:0; background:none; width:0 px; height:600 px; z-index:100; ">
<div style="width:0 px; height:20px; text-align:center;">
<a
onclick="document.getElementById('floating_banner_top').style.display='none';return
false;"
href="https://www.blogger.com/rearrange?blogID=3820565639223813094&sectionId=sidebar-right-1&action=editWidget&widgetType=HTML&referrer=directory#">
<img src="http://www.bankhomesdirect.com/images/buttons/closeButtonGradient.gif " border="none" />
</a>
</div>
<div style="width:0 px; height:600 px; background:#FFFFFF;">
<iframe
src="http://www.youtube.com/embed/7aIkJnFuh2w" allowfullscreen=""
frameborder="0" height="320" width="480"></iframe>
</div>
</div>
yg merah2 bisa di ganti2 ikut selera masing2
______________________________________________________________________
CODE WARNA2
Get it
_________________________________________________________
==========================================
code; alquran sampg
__________
<!-- Mulai Hidden Widget -->
<style type="text/css">
.gb_fixed{
position:fixed;
top:5px; /*jarak dari atas*/
right:0px; /*jarak dari samping kanan*/
z-index:+1000;
}
* html .gb_fixed {position:relative;}
#hidden_gb {
display:none;
border:2px solid #A5BD51; /*ketebalan dan warna kotak*/
background:#F0F0F0; /*warna latar*/
padding:1px 0px 0px 0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb" cellpadding="0" cellspacing="0">
<tr><td>
<!-- Gambar Atas -->
<div style="text-align:center;"><a href="javascript:void(0)" onclick="gb_showHideGB()" title="Close/Tutup"><img style="border:0px; width:1000px; height:auto;" alt="Guestbook" src="http://i1101.photobucket.com/albums/g439/abdur10/top_menu_m_bg_zps65efdd12.png" /></a></div>
<a href="http://igambar.com/v/dsh1c" target="_blank"><img border="0" src="http://igambar.com/p/dsh1c" /></a></td></tr></table>
<br />
<div style="height: 1000px; left: 15px; position: absolute; top: 0px; width: 0px;">
<iframe frameborder="1" src="http://quran.ksu.edu.sa/index.php#aya=1_1&m=hafs&qaree=husary&trans=ar_mu" style="border: 1px; height: 460px; width: 980px;"> </iframe>
<br/>
<script type="text/javascript" src="http://enes-sc.googlecode.com/files/hiddenwidget.js"></script>
<!-- Gambar Samping -->
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img style="border:0px;" src="http://i1101.photobucket.com/albums/g439/abdur10/aluran_zps752cf977.png" /></a>
</div>
<!-- Selesai Hidden Widget --></div></div>
=========================================
code;ganti background
__________________
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>
<table border="1" width="280" height="20">
<tbody><tr>
<td onclick="bgChange('#ffffff')" bgcolor="#ffffff">
</td>
<td onclick="bgChange('#000000')" bgcolor="#000000">
</td>
<td onclick="bgChange('#8B0000')" bgcolor="#8B0000">
</td>
<td onclick="bgChange('##FF8C00')" bgcolor="#FF8C00">
</td>
<td onclick="bgChange('#0000CD')" bgcolor="#0000CD">
</td>
<td onclick="bgChange('#808000')" bgcolor="#808000">
</td>
<td onclick="bgChange('#006400')" bgcolor="#006400">
</td>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B">
</td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F">
</td>
<td onclick="bgChange('#1E90FF')" bgcolor="#1E90FF">
</td>
<td onclick="bgChange('#556B2F')" bgcolor="#556B2F">
</td>
<td onclick="bgChange('#DAA520')" bgcolor="#DAA520">
</td>
<td onclick="bgChange('#A9A9A9')" bgcolor="#A9A9A9">
</td>
<td onclick="bgChange('#ADFF2F')" bgcolor="#ADFF2F">
</td>
<td onclick="bgChange('#BC8F8F')" bgcolor="#BC8F8F">
</td>
<td onclick="bgChange('#F5DEB3')" bgcolor="#F5DEB3">
</td>
<td onclick="bgChange('#D2B48C')" bgcolor="#D2B48C">
</td>
<td onclick="bgChange('#778899')" bgcolor="#778899">
</td>
</tr></tbody></table>
<style type="text/css">
.mystyles {
font-size: 12px;
color: #000;
padding: 1px;
background : #F0E412;
border: 2px outset rgb(0, 0, 0);
width:280px;
}
.mystyles option {background: #F9F7C8; color: #000;}
</style>
<select class="mystyles" onchange="document.body.style.background = this.value;" name="BelajarBloggerPemula" title="Change Background Image">
<option value="url(http://sphotos-e.ak.fbcdn.net/hphotos-ak-prn1/546926_428223690571164_1104602934_n.jpg) no-repeat center center fixed black" />BackGround Template
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRfVHMsdpz8xRenE-bRzuAWu7j04YCSUux6rN7ZqaKmWIF45NkIqfekb2O9sgYWh12_zm2hRm4lNWbN1zK22D73gSmcII9ZTBRyoVTueE3BGdrRSvaK_9ZCWA51OB9E7xnw6fuRNsCKR4/s1600/0_1_1.gif) repeat center center fixed" />Matrix 1
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRfVHMsdpz8xRenE-bRzuAWu7j04YCSUux6rN7ZqaKmWIF45NkIqfekb2O9sgYWh12_zm2hRm4lNWbN1zK22D73gSmcII9ZTBRyoVTueE3BGdrRSvaK_9ZCWA51OB9E7xnw6fuRNsCKR4/s1600/0_1_1.gif) repeat center center fixed" />101 Matrix
<option value="url(http://www.abdalhadialkharsa.com/skin/templates/images/skin/upBg.jpg) repeat center center fixed" />Hadial Kalsa
<option value="url(http://i831.photobucket.com/albums/zz240/zikri_photo/kern/1-1.gif" />Matrix Zone
<option value="url(http://i481.photobucket.com/albums/rr172/danzmakina/matrixshow4.gif) repeat center center fixed" />Matrix Exploid
<option value="url(http://i173.photobucket.com/albums/w62/DFWTexan42/RadioFreeTech/Matrix_Code.gif) repeat center center fixed" />Matrix Technology
<option value="url(http://i951.photobucket.com/albums/ad351/venomxvipe/abstract_matrix.gif) repeat center center fixed" />Hidrex Codex
<option value="url(http://i34.photobucket.com/albums/d110/nemack/N3m4cK-GIF.gif) repeat center center fixed" />Nemack
<option value="url( http://i1113.photobucket.com/albums/k514/S4NDMOTION/animated_background_a2.gif) repeat center center fixed" />Discotict
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUX1aBrub5ovn9kGkg3CvHu__xtN_rQYvYpf5PG-eAca3dPPjhr4mFKwxuHOfVYyER7UW2yY6emovif8tpllhib1WIiOuIlC75D0LuVSyDzWoKZtBKGzmnO0BlcaAFubz7hfCWHTms3HzC/s800/black_red_matrix.gif) repeat center center fixed" />Red Matrix
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5HKWZ1jBsOo8hSlrSud-0p8f0LmC3DduNezYOlbdsQHpxSizaXXRNNrDlopE4sxYI9pOLwKVSiMnJaPmtQ9JeEM6inz4Yr1lSEveEUhR2bjIxVTxNt0EmZd-qQ58RJrSEC24YBj6fr_A/s800/matrix.gif) repeat center center fixed" />Blue Matrix
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYKFUBUX0U9IrHGipKdkoGAt4fTAQ7xd2aEAl9D9zKUpDPcSl9upQHoei2Soe7r1zgzCg_Ui4Rv9LRtM17ejkEF10u1zGjcHFSYxJbd71SXK_gXhb8Muoom4VvX5eWOqb5U2x2qEflm5wa/s800/matrix.gif) repeat center center fixed" />Green Matrix
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPZ_QljoSgaRHMKg7E8p4-r7TS5k0bIsZO2X-vJTQbZiU2ygxtSly_RWuGPW-dRgIVHKHfOKC4RG9-JsiYbiIu7Piq7rWobrIjyzxbgoGCLLmRrezksdoHsJb3AEMSA59HdAno-26XD5kn/s800/port_listener.gif) repeat center center fixed" />Port Listener
<option value="url(http://lh4.googleusercontent.com/_GaKwmMcf4N4/TZGC7eK9TtI/AAAAAAAAEvw/Ly5L0UA3D4s/DADcloud.gif) repeat center center fixed" />Akatsuki Cloud
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdIi5JwpakvcsV5ahQdQwpTWsj2pMxYCr9_nlH0z2EPmx21ilZul9iMd_Uf-hPkKfGVJBNJwh4EDAAg5X3pIe_gocTPTkEjlVPWVJ1G8M1I4JE-xmtfgS8lY74XmwahDWFrOB4hARe-I7m/s800/ThighHeels.png) repeat top left fixed" />High Heels
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVBHY2ghkH0PScUYP43N429CnTlY8bdcPm9IfuZehO2Mlj-VOm3isQbbPsfcQYQT0F0DcgBKbl4fJ8BaxPrkQtBUhTvNsUpq1G37yDa4s4Iwmwwle_qW6wtzgln_jeC3BPBLKjZ8pK25yn/s800/animated%2520stars.gif) repeat top left fixed Black" />Space
<option value="url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDV9wYhwnVJbW918DuEuM1JsQNRim9kfvwh3dY0MchWreFjZRHASnPQQGT_tXOXuJu4StaVmGUq1FSTGXXUaJx7V3YmlteH2y0rI5AcDGMv1LX0OXY1BTVGSffl6qUzV0dr5IKKbvpl9B0/s800/devil_angel_lolita_bg.png) repeat top left fixed Black" />Lolita
<option value="url(http://lh4.googleusercontent.com/-EkbrPoPq9Tk/UGK0wQ6ERpI/AAAAAAAAChY/PBkHMEEd63k/s800/3d_smileys_love.gif) repeat center center fixed" />Smiley
<option value="url(http://lh3.googleusercontent.com/-FIPcZlLSG3w/UGLHCNFwGFI/AAAAAAAACh0/Lr8SIgDNVBg/s400/black_latex.png) repeat top left fixed black" />Black</select>
========================================
code sinr bln/ matahari
klik
=======================================
MEMBUAT TOMBOL "SHOW" DI BLOG
ini codenya
__________
Bagi anda yang ingin memasang tombol show hide di blog / postingan,
caranya gampang banget nih. anda hanya perlu mengcopy paste kode HTML di
bawah ini:
<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px;
font-size: 10px;" onclick="if
(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
!= '') {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
= ''; this.innerText = ''; this.value = 'Hide'; } else {
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
= 'none'; this.innerText = ''; this.value = 'Show'; }"
type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
Masukkan tulisanmu di sini
</div></div></div>
Tidak ada komentar:
Posting Komentar