<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
    <script type='text/javascript'>
    //<![CDATA[
     KNFBFansPRO='The-Bhuz'
    //]]>
    </script>
    <style>
    #fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:
    9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
    }
    #fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
    }
    .fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
    }
    #fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
    }
    #fblikepop #closeable{float:right;margin:7px 15px 0 0;
    }
    #fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-
    weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
    }
    #fblikepop #actionHolder{height:30px;overflow:hidden;}
    #fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
    }
    #fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
    }
    #fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
    }
    #fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
    }
    #fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
    }
    </style>
    <script type='text/javascript' src='https://sites.google.com/site/mmktricks/jquery.js'></script>
    <script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
    <script type='text/javascript' src='https://sites.google.com/site/mmktricks/fbpopup.js'></script>
    <script language='javascript'>
    //<![CDATA[
     $(document).ready(function(){  
      $().KNFBFansPRO({
       timeout: 20,
       wait: 0,
       url: 'http://www.facebook.com/The-Bhuz',
       closeable: true  });
     });
    //]]>
    </script>
    <div id='fbtpdiv'></div>
    <!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

---

---

<font face="Font face Anda" size="Font Size Anda">tulisan Agan </font>

Contoh   :

<font face="Arial Rounded MT Bold " size="5">The-Bhuz.Com</font>

Untuk Font Face dan Font Size Agan bisa Liat diatas....

<style type="text/css">
#flipboard_The-Bhuz{ width:300px;}
ul.flipboard_The-Bhuz{
margin:0;
padding:0;
list-style:none;
-webkit-perspective: 10000px;
-moz-perspective: 10000px;
-o-perspective: 10000px;
perspective: 10000px;
}
ul.flipboard_The-Bhuz li{
display: inline-block;
width: 55px;
height: 50px;
margin-right: -px;
background: white;
font: bold 36px Arial;
text-transform: uppercase;
text-align: center;
cursor: pointer;
}
ul.flipboard_The-Bhuz li a{
display:block;
width: 100%;
height: 100%;
color: black;
text-decoration: none;
outline: none;
-webkit-transition:all 300ms ease-out 0.1s;
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}
ul.flipboard_The-Bhuz li a span{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
display:block;
width: 100%;
height: 100%;
-webkit-transition:all 300ms ease-out 0.1s;
-moz-transition:all 300ms ease-out 0.1s;
-o-transition:all 300ms ease-out 0.1s;
transition:all 300ms ease-out 0.1s;
}
ul.flipboard_The-Bhuz li a img{
border-width: 0;
}
ul.flipboard_The-Bhuz li:hover a{
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: #cef1ff;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
-webkit-box-shadow:0 0 5px #eee inset;
-moz-box-shadow:0 0 5px #eee inset;
box-shadow:0 0 5px #eee inset;
}
ul.flipboard_The-Bhuz li:hover a span{
-moz-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#The-Bhuz-searchbox {
    border-radius: 5px;
    background: URL(http://i1298.photobucket.com/albums/ag59/Mertha2/green_zps02b8cfcb.png) no-repeat scroll center center transparent;
    width: 290px;
    height: 50px;
    disaply: block;
}
form#The-Bhuz-searchform {
    display: block;
    padding: 7px 16px;
    margin: 0;
}
form#The-Bhuz-searchform #s {
    padding-left: 24px !important;
    padding: 7.5px;
    margin: 0;
    width: 198px;
    font-size: 16px;
    font-family: georgia;
    font-style: italic;
    color: #666666;
    vertical-align: top;
    border: none;
    background: transparent;
}
form#The-Bhuz-searchform
#sbutton {
    margin: 0;
    padding: 0;
    height: 40px;
    width: 74px;
    vertical-align: top;
    border: none;
    background: transparent;
}
</style>
<div id="flipboard_The-Bhuz">
<center>
<a style="font-size:25px;" >Connect With Us </a>
</center>
<br />
<ul class="flipboard_The-Bhuz">
<li><a href="http://www.pinteresr/Id pinteresr"><img src="http://i1298.photobucket.com/albums/ag59/Mertha2/btrix_pinterest_zps8b9c8f23.png" title="Pinterest" /></a></li>
<li><a href="http://www.facebook.com/Id facebook"><img src="http://i1298.photobucket.com/albums/ag59/Mertha2/btrix_facebook_zpsdd399f2e.png" title="Add to Facebook" /></a></li>
<li><a href="https://plus.google.com/Id google"><img src="http://i1298.photobucket.com/albums/ag59/Mertha2/btrix_google_zpsd12be39c.png" title="Google plus" /></a></li>
<li><a href="http://www.twitter/Id twitter"><img src="http://i1298.photobucket.com/albums/ag59/Mertha2/btrix_twitter_zpsb93d558d.png" title="Add to Twitter" /></a></li>
<li><a href="http://feeds2.feedburner.com/Id feedburner"><img src="http://i1298.photobucket.com/albums/ag59/Mertha2/btrix_rss_zps5933803f.png" title="Add RSS Feed" /></a></li>
</ul>
<div id="The-Bhuz-searchbox">
<form action="/search" id="The-Bhuz-searchform" method="get">
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;}" type="text" value="Search..." />
        <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />
    </form>
</div>
</div>

<div style="height: 70px; overflow: auto; width: 200px;">text yang hendak diberi efek scroll text text yang hendak diberi efek scroll text text yang hendak diberi efek scroll text text yang hendak diberi efek scroll text text yang hendak diberi efek scroll text text yang hendak diberi efek scroll text</div>

• Nich hasilnya Agan

<table width="510" border="1" cellspacing="0" cellpadding="3">

<tr>

<th width="58" rowspan="3" bgcolor="#00CCCC">Rowspan</th>

<th width="79" height="41" bgcolor="#00CCCC">Nama</th>

<th width="83" bgcolor="#33FF33">Alamat</th>

<th width="92" bgcolor="#FF9900">Telp.</th>

<th colspan="2" bgcolor="#FF9900">Colspan</th>

</tr>

<tr>

<td bgcolor="#66CCFF">The-Bhuz.Com</td>

<td align="center" bgcolor="#99CC66">Palu,Sausu</td>

<td bgcolor="#9966FF">0852-4256-8801</td>

<td width="92" bgcolor="#9966FF">&nbsp;</td>

<td width="92" bgcolor="#9966FF">&nbsp;</td>

</tr>

<tr>

<td bgcolor="#FFFF00"></td>

<td align="center" bgcolor="#FFFF00"></td>

<td bgcolor="#FFFF00"></td>

<td bgcolor="#FFFF00">&nbsp;</td>

<td bgcolor="#FFFF00">&nbsp;</td>

</tr>

</table>

The-Bhuz.Com

The-Bhuz.Com

The-Bhuz.Com

The-Bhuz.Com

The-Bhuz.Com

The-Bhuz.Com

• Copas ini scripp bos....

---

---

<style>
/*--------Social Sharing Widget Below Blog Post ------*/
.sharebelow a {
display:block;
height:48px;
width:48px;
padding:0 4px;
float:left;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRq3wZcA2zWPNvbf5QKv5-v68cmWGkYCA1PoSKnAmP3KDhI7eg0sKxQbZIL6t7XxXLgLpaXsfGZ1MDd8ig7f02ikLWdjAG3yXbYKKuC7BuYp8Sb_KQIDvP660Tf-P9OTeuOwatGre6yns/s1600/sharebelow.png) no-repeat;
}
.sharebelow  a.googleplus {
background-position: 0px -348px;
}
.sharebelow  a.googleplus:hover {
background-position: 0px -406px;
}
.sharebelow  a.pinterest {
background-position: 0px -464px;
}
.sharebelow  a.pinterest:hover {
background-position: 0px -522px;
}
.sharebelow  a.delicious {
background-position: 0px 0px;
}
.sharebelow  a.delicious:hover {
background-position: 0px -58px;
}
.sharebelow  a.digg {
background-position: 0px -116px;
}
.sharebelow  a.digg:hover {
background-position: 0px -174px;
}
.sharebelow  a.stumbleupon {
background-position: 0px -812px;
}
.sharebelow  a.stumbleupon:hover {
background-position: 0px -870px;
}
.sharebelow  a.technorati {
background-position: 0px -928px;
}
.sharebelow  a.technorati:hover {
background-position: 0px -406px;
}
.sharebelow  a.twitter {
background-position: 0px -928px;
}
.sharebelow  a.twitter:hover {
background-position: 0px -986px;
}
.sharebelow  a.facebook {
background-position: 0px -232px;
}
.sharebelow  a.facebook:hover {
background-position: 0px -290px;
}
.sharebelow  a.reddit {
background-position: 0px -580px;
}
.sharebelow  a.reddit:hover {
background-position: 0px -638px;
}
.sharebelow  a.rss {
background-position: 0px -696px;
}
.sharebelow  a.rss:hover {
background-position: 0px -754px;
}
.shareandbookmark{
margin:10px 0px;
color:#333333;
font-weight:bold;
font-size:18px;
font-family:sans-serif;
}
</style>
<div class='sharebelow'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class="shareandbookmark">
Share it:</div>
<!--Facebook-->
<a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook :&gt;'/>
<!--Google Plus-->
<a class='googleplus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='external nofollow' target='_blank' title='+1 it :&gt;'/>
<!-- Twitter -->
<a class='twitter' expr:href='&quot;http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Tweet this :&gt;'/>
<!-- Pinterest -->
<a class='pinterest'  href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it :&gt;'/>
<!-- Delicious -->
<a class='delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious :&gt;'/>
<!--Stumble-->
<a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Stumble this :&gt;'/>
<!--DIGG-->
<a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;  + data:post.url' rel='external nofollow' target='_blank' title='Digg this :&gt;'/>
<!-- Reddit -->
<a class='reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit :&gt;'/>
<!--RSS -->
<a class='rss' expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank' title='Bookmark :&gt;'/>
</b:if></div>
<div style="clear:both"/>

Tepi Kiri Kanan Melengkung

<div style="-moz-border-radius: 20px 10px 20px 10px; -webkit-border-radius: 20px 10px 20px 10px; background-color: #cccccc; border-radius: 20px; border: 2px solid black; color: black; font-family: Arial; padding: 5px;">Tepi Kiri Kanan Melengkung</div>

Pojok Kiri Atas Melengkung

<div style="-moz-border-radius: 1em 0em 0em 0em; background-color: orange; border-radius: 1em 0em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Atas Melengkung</div>

Pojok Kiri Bawah Melengkung

<div style="-moz-border-radius: 0em 0em 0em 1em; background-color: green; border-radius: 0em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kiri Bawah Melengkung</div>

Pojok Kanan Atas Melengkung

<div style="-moz-border-radius: 0em 1em 0em 0em; background-color: red; border-radius: 0em 1em 0em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Atas Melengkung</div>

Pojok Kanan Bawah Melengkung

<div style="-moz-border-radius: 0em 0em 1em 0em; background-color: blue; border-radius: 0em 0em 1em 0em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Pojok Kanan Bawah Melengkung</div>

Tepi Kiri Melengkung

<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: gold; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kiri Melengkung</div>

Tepi Kanan Melengkung

<div style="-moz-border-radius: 1em 0em 0em 1em; background-color: royalblue; border-radius: 1em 0em 0em 1em; border: 2px solid #000; color: white; height: auto; margin: 0 auto; overflow: hidden;">Tepi Kanan Melengkung</div>