Maaf Untuk Semuanya Sekarang Blog Ini Dipindahkan Ke Blog newmuhammadfarizazri.blogspot.com
mohon maaf atas sebesar besarnya :D
mohon maaf atas sebesar besarnya :D
]]></b:skin>]]></b:skin>
/*---------- Keterangn link -----------*/
a.tt{
position:relative;
z-index:24;
color:#3CA3FF;
font-weight:bold;
text-decoration:none;
}
a.tt span{ display: none; }
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
display:block;
position:absolute;
top:0px; left:0;
padding: 15px 0 0 0;
width:200px;
color: #993300;
text-align: center;
filter: alpha(opacity:90);
KHTMLOpacity: 0.90;
MozOpacity: 0.90;
opacity: 0.90;
}
a.tt:hover span.top{
display: block;
padding: 30px 8px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT97nWcAhXu4EmkPCZtlXEkykQAlkl2EC02IwmsAxiyOISqvns8MdGTdWfE2XvdVtwAw0mQtpGGZn3gyttX7FIeEKoPVBoCSNCd9Pwp7X9CUFjuLkBzqV6b_0dk6MWD-reJCurwHLA88M/) no-repeat top;
}
a.tt:hover span.middle{
display: block;
padding: 0 8px;
background:
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk6J1lie5DMoq5UVJuTBLppHL6D6UNbjTOHplVwPYih0MgaD5tY8QrCG307hh8P7yCLgeiSW07oodhBe9rdWM5DvLfRns6hUUs80oSIFO7YP2lIEWNuPTgwk0FAd9ujGuxMVp2I3ByBaY/)
repeat bottom;
}
a.tt:hover span.bottom{
display: block;
padding:3px 8px 10px;
color: #548912;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT97nWcAhXu4EmkPCZtlXEkykQAlkl2EC02IwmsAxiyOISqvns8MdGTdWfE2XvdVtwAw0mQtpGGZn3gyttX7FIeEKoPVBoCSNCd9Pwp7X9CUFjuLkBzqV6b_0dk6MWD-reJCurwHLA88M/) no-repeat bottom;
}<a href="Isi dengan sebuah alamat link tujuan" class="tt">Link yang ingin ditampilkan<span class="tooltip"><span class="top"></span><span class="middle">Teks yang akan tampil ketika link disorot mouse</span><span class="bottom"></span></span></a><a href="http://muhammadfarizazri.blogspot.com/" class="tt"><img src="http://1.bp.blogspot.com/_1j80TgNqd_8/SaESR56aNhI/AAAAAAAAAnY/3YSBhu-aHLU/S220/LOGO+EPG+1.jpg" /><span class="tooltip"><span class="top"></span><span class="middle">Berbagi Ilmu dan Pengalaman</span><span class="bottom"></span></span></a>


<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCSHz4TSmmVz-8disUt4vl4hlP_BxzC14Y4Ts94Qv_vTANomzMTHs9gGMAePTwGGQOsfMmAHjLM6UcsCTZzksgRolSipOvzM95jUNfdBbXC3tBP3eh85SOrfkG25nPFFDb-RgdG8Jlg1Xt/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<--------------Masukkan kode script buku tamu anda disini-------------->
<div style="text-align: right; font-size: 10px;">
Widget by <a href="http://namawebanda.com"> Muhammad Fariz Azri </a> </div>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
|
<div class='titlewrapper'dst..dst..dst..</div>
<div class='titlewrapper' style='background: transparent'>NB : Jika zobat menemukan lebih dari 1 kode <div class='titlewrapper' maka zobat ganti semuanya dengan kode di atas
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h1>
<b:else/>
<h3 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/></h3>
</b:if>
</div>
<div class='descriptionwrapper'>
dst...dst..
dst...
</div>
<div class='descriptionwrapper'>NB : jika kode <div class='descriptionwrapper'> lebih dari satu maka ganti semuanya.
<h2 class='description'><span><data:description/></span></h2>
</div>
<b:if cond='data:post.title'>Ganti kode yang berwarna biru di atas menjadi H3
<h? class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h?>
</b:if>
<b:includable id='post' var='post'>Lalu semua kode yang berwarna biru di atas dengan kode di bawah ini:
..................
..................
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
...............
...............
</h3>
</b:if>
<div class='post-header'>
<a expr:name='data:post.id'/>Yang terakhir save template sobat.
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:widget id='HTML2' locked='false' title='Tutorial Blog' type='HTML'>Jika sudah ketemu kodenya, Ganti kode yang berwarna hijau dengan kode di bawah ini :
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<h2 class='title'><script type='text/javascript'> /* <![CDATA[ */ if(typeof(rnd) == 'undefined') var rnd = ''; rnd = Math.floor(Math.random()*1000); rnd = 'id-' + rnd; document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:right;margin-right:0px;">[Show/Hidden]<\/a>'); /* ]]> */ </script><data:title/></h2><script type='text/javascript'> /* <![CDATA[ */ document.write('<div id="' + rnd + '" style="display:none;">'); /* ]]> */ </script>Terus kopi kode di bawah ini dan paste tepat di atas kode </b:includable> yang saya neri warna merah
<script type='text/javascript'> /* <![CDATA[ */ document.write('<\/div>'); /* ]]> */ </script>Terakhir simpan dan lihat hasilnya.