HOSTING MURAH 2014

<style>
.image-box {
  width:280px;height:280px;overflow:hidden;background-color:white;
  border:1px solid #ccc;float:left;margin:1px 1px;
  font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#333;
}
.image-container,
.image-details {height:280px;border:5px solid white;background-color:#ffc;
  transition:margin-top .4s ease-out .4s;
}
.image-container img {
  width:280px;height:280px;padding:0 0;margin:0 0;border:none;outline:none;max-width:none;
  max-height:none;
  background-color:black;
}
.image-details h4,
.image-details p {
  margin:0 0 .2em;padding:0 0;height:70px;
}
.image-details h4 {
  font-size:120%;height:auto;
}
.image-details .details {
  padding:10px 12px;overflow:hidden;
}
.image-details .more {
  color:white;text-decoration:none;display:block;
  text-align:center;font-weight:bold;background-color:#f9a;height:26px;line-height:26px;margin:10px 0 0;
}
.image-box:hover {border-color:#bbb; width:280px;
  height:280px;}
.image-box:hover .image-container {margin-top:-160px}
.image-details .more:hover {background-color:black}
</style>
<div class="image-box-wrapper" id="image-box-wrapper">
 <div class="image-box">
  <div class="image-container">
   <img width="280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV0LZuDqMiVj9Tty0TiWHiBziQ22mnt7RygfoJt4VSltJyOHH_ayxH4rN3oTjOiN6SU6SNBmUbC9ulfuOOZAq4xk4Tq32Dq3urF8oCSpo0MlvIg103E4ZB_IVd9Y8htfusCByNBmtd_BQ/s1600/3.jpg" alt="Food">
  </div>
  <div class="image-details">
   <div class="details">
    <h4>Lorem Ipsum</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
    <p><a class="more" href="Post Link ">More</a></p>
   </div>
  </div>
 </div>

 <div style="clear:both;"></div>
</div>

• Ganti Post Link Dengan Link Anda

1. Login ke blogger.com
2. Masuk ke bagian Layout / Design
3. Klik Tambahkan Widget.
4. Pilih HTML/Javascript.
5. Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

<style>
#socialmenu_tblogging {
  margin:0;
  padding:0;
  width: 30em;
  height: 4.5em;
  overflow:hidden;
  }
#socialmenu_tblogging li {
  display:inline;
  list-style-type:none;
  }
#socialmenu_tblogging li a {
  display:block;
  float:left;
  text-decoration:none;
  margin:0;
  }
#socialmenu_tblogging li a img {
  opacity:0.7;
  margin:0.5em;
  border:0;
  float:left;
  }
#socialmenu_tblogging li a span {
  display:none;
  }
#socialmenu_tblogging li a:hover {
  background:transparent;
  }
#socialmenu_tblogging li a:hover span {
  width:7em;
  color:#aaa;
  display:block;
  cursor:pointer;
  float:left;
  }
#socialmenu_tblogging .h2 {
  margin:0 5px;
  padding:0;
  color:#fc0;
  font-variant:small-caps;
  font-size:1em;
  border:0;
  }
 
  </style>
  <ul id="socialmenu_tblogging">
  <li>
    <a href="https://www.facebook.com/TempatBlogging"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM7CAvywG6_JEClROOpxE_0Hi30nKTgyvM2LpU54uJEWCmLH50XnB8n-_gYeWiNWKYBA0fPvJGYNXDnhG59b_4jxqLB5c-mZIaKxOT0nAfLyCwC66yszaLjLBexJQxX2KIeUOWeX4n4cg/s48/Facebook-icon_Tb.png" alt="facebook" width="50" height="50" title="Facebook" />
     <span><br />
      <b class="h2">Facebook</b><br />
      Add to facebook
     </span>
    </a>
   </li>
   <li>
    <a href="https://plus.google.com/117086455111922412846"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYLF8YURNT7OFYzFMNx0i-7rxJOhFVbJ4lRnTsbCjX9MSnbpIWfN030dTLeEqoiECKEXBvgjkBuUPMkWpvvg12TqXKZlb7RacXJTIbHV_Cr82UL89WGZ7o_Xr0sY2PvCgDGk1SEG4Vkuo/s48/Google-plus-icon_tb.png" alt="Google plus" width="50" height="50" title="=Google plus" />
     <span>
      <br />
      <b class="h2">Twitter</b><br />
      Add to twitter
     </span>
    </a>
   </li>
   <li>
    <a href="http://feeds.feedburner.com/TempatBlogging"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUAaDQg3ZDybFPcw71WqCAJzUVj1ExJkYjmT2K64Sn4xX89NxdnY4uni40b7k9PvYslaNDzu7DF999dBjBacbQkJK_qrgs9qqzKuhMe2BIII-RWHx5qpT95NA_71sJCZFrL9XBZJLELus/s48/RSS-icon_tb.png" alt="Rss" width="50" height="50" title="Rss" />
     <span><br />
      <b class="h2">Rss Feed</b><br />
        Subscribe
     </span>
    </a>
   </li>
   <li>
    <a href="http://stumbleupon.com/Username"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2fu78W6-emfUU47pyYe1IuQCzczg-0QVzrLdRCQ1dfBa1nGmNLqV0CtfONC5an4CUtp-pLL766Tb11UuLOdUIAD7NV0gZMb3IfOXzKv9PHOj3X5sv6WajG0mlswmrWvtyCZP2_gZfy9k/s48/StumbleUpon-icon_tb.png" alt="Stumbleupon" width="50" height="50" title="Stumbleupon" />
     <span><br />
      <b class="h2">Stumbleupon </b><br />
      add to stumble
     </span>
    </a>
   </li>
    <li>
    <a href="https://twitter.com/TempatBlogging">
     <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdwUPalQABqLkGx9zbPRS6nyFz3DJJk55PaaJf-cCkzEEyD8UwBjiUPyMIDz6zX-QvebCjIyIOYQsxiENSRIjtepsnJQzVXHNP-12-4InNgm25V3gfuiuY113MCSVPR3ofzDzMFpvwFM0/s48/Twitter-icon_tb.png" alt="twitter" width="50" height="50" title="twitter" />
     <span><br />
      <b class="h2">Twitter</b><br />
      add to twitter
     </span>
    </a>
   </li>
  </ul>

• Ganti TempatBlogging dengan Feedburner ID
• Ganti TempatBlogging dengan nama pengguna Facebook Anda
• Ganti TempatBlogging dengan Twitter Nama
• Ganti 117086455111922412846 dengan Google Anda ditambah ID
• Ganti Username dengan StumbleUpon Username 

<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
 KNFBFansPRO='TempatBlogging'
//]]>
</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/TempatBlogging',
   closeable: true  });
 });
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- MmkTricks.blogspot.Com Likebox Pro FBFan Code End -->

• Ganti TempatBlogging dengan nama pengguna Facebook Anda.
• Timer diatur ke 30 detik untuk mengubahnya cukup mengedit batas waktu: 30
• Widget muncul segera setelah visiter eneters. Jika Anda ingin muncul setelah satu menit atau lebih kemudian mengedit menunggu: 0 

• Masuk, atau daftarkan diri Anda di Blogger.com
• Setelah di dashboard Anda, klik pada tombol New Blog di sisi kiri.
• Sekarang, Anda akan melihat pop up di mana Anda akan diminta untuk memasukkan Judul dan Alamat untuk blog Anda. Isi bidang, dan kemudian memilih template umum.

/*--- ------Related Posts --------------------*/
#related-posts {
margin: 1px 0px 15px 0px!important;
background: white;
height: 265px;
width: 600px!important;
padding: 0px 0px 0px 0px!important;
border-radius: 5px 5px 5px 5px;
}
#related-posts h2{
margin: 10px 0px!important;
padding: 15px 15px!important;
font-family: Helvetica,Arial,sans-serif;
font-size: 16px;
color: white;
font-weight: 600;
line-height: 14px;
text-transform: capitalize;
none repeat scroll 0% 0% rgb(255, 255, 255) !important;
background: #900000;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
box-shadow: 0px 2px 4px #333;
}
#related-posts-text {
font-size: 1.1em !important;
font-weight: 600 !important;
line-height: 1.45em !important;
font-family: Helvetica,Arial,sans-serif !important;
width: 120px;
padding-left: 3px;
height: 65px;
border: 0pt none;
margin: 3px 0pt 0pt;
}
#related-posts img {
border: 2px solid #ccc ;
padding: 3px !important;
overflow: hidden;
width: 110px;
height: 90px;
margin:3px;
border-radius:4px;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
opacity:1;
}
#related-posts img:hover {
border: 2px solid #333;
opacity:0.5;
}
#related-posts a {
color:#666;
}
#related-posts a:hover{
color:#333;
}

<!--Related Posts Scripts and Styles Start-->
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWvxKoDgqzUvFPKoPvnpm_WS29vzxCsqaq7bd2w_ol0_m0TF_xs0h2rtqSsmNDRefv7ifchmO9Ny_uQfBhXE37DG5cZYYkvefIQYB38QniLum0nXkelTPCnn84H9Lg_eQgVOEHg1ZEAXY/s1600/no_image.jpg";
var maxresults=4;
var splittercolor="#DDDDDD";
var relatedpoststitle="Related Topics:";
</script>
<script>
//<![CDATA[
var relatedTitles = new Arrayundefined);
var relatedTitlesNum = 0;
var relatedUrls = new Arrayundefined);
var thumburl = new Arrayundefined);
function related_results_labels_thumbsundefinedjson) {
for undefinedvar i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
try
{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}

catch undefinederror){
s=entry.content.$t;a=s.indexOfundefined"<img");b=s.indexOfundefined"src=\"",a);c=s.indexOfundefined"\"",b+5);d=s.substrundefinedb+5,c-b-5);
ifundefinedundefineda!=-1)&&undefinedb!=-1)&&undefinedc!=-1)&&undefinedd!=""))
{thumburl[relatedTitlesNum]=d;} else {ifundefinedtypeofundefineddefaultnoimage) !== 'undefined') thumburl[relatedTitlesNum]=defaultnoimage; else thumburl[relatedTitlesNum]
="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOWvxKoDgqzUvFPKoPvnpm_WS29vzxCsqaq7bd2w_ol0_m0TF_xs0h2rtqSsmNDRefv7ifchmO9Ny_uQfBhXE37DG5cZYYkvefIQYB38QniLum0nXkelTPCnn84H9Lg_eQgVOEHg1ZEAXY/s1600/no_image.jpg";}
}
ifundefinedrelatedTitles[relatedTitlesNum].length>45) relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substringundefined0, 45)+"...";
for undefinedvar k = 0; k < entry.link.length; k++) {
if undefinedentry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;

}
}
}
}
function removeRelatedDuplicates_thumbsundefined) {
var tmp = new Arrayundefined0);
var tmp2 = new Arrayundefined0);
var tmp3 = new Arrayundefined0);
forundefinedvar i = 0; i < relatedUrls.length; i++) {
ifundefined!contains_thumbsundefinedtmp, relatedUrls[i]))
{
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp3.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
tmp3[tmp3.length - 1] = thumburl[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
thumburl=tmp3;

}
function contains_thumbsundefineda, e) {
forundefinedvar j = 0; j < a.length; j++) if undefineda[j]==e) return true;
return false;
}

function printRelatedLabels_thumbsundefinedcurrent) {
var splitbarcolor;
ifundefinedtypeofundefinedsplittercolor) !== 'undefined') splitbarcolor=splittercolor; else splitbarcolor="#DDDDDD";
forundefinedvar i = 0; i < relatedUrls.length; i++)
{
ifundefinedundefinedrelatedUrls[i]==current)||undefined!relatedTitles[i]))
{
relatedUrls.spliceundefinedi,1);
relatedTitles.spliceundefinedi,1);
thumburl.spliceundefinedi,1);
i--;
}
}

var r = Math.floorundefinedundefinedrelatedTitles.length - 1) * Math.randomundefined));
var i = 0;
ifundefinedrelatedTitles.length>0) document.writeundefined'<h2>'+relatedpoststitle+'</h2>');
document.writeundefined'<div style="clear: both;"/>');
while undefinedi < relatedTitles.length && i < 20 && i<maxresults) {
document.writeundefined'<a style="text-decoration:none;padding:5px;float:left;');
ifundefinedi!=0) document.writeundefined'border-left:solid 0.5px '+splitbarcolor+';"');
else document.writeundefined'"');
document.writeundefined' href="' + relatedUrls[r] + '"><img  src="'+thumburl[r]+'"/><br/><div id="related-posts-text">'+relatedTitles[r]+'</div></a>');
i++;

if undefinedr < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
}
document.writeundefined'</div>');
relatedUrls.spliceundefined0,relatedUrls.length);
thumburl.spliceundefined0,thumburl.length);
relatedTitles.spliceundefined0,relatedTitles.length);
}
//]]>
</script>
<!--Related Posts Scripts and Styles End-->

<b:if cond='data:blog.pageType == "item"'>
<!--Related Post Start-->
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-
results=10&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var currentposturl=&quot;<data:post.url/>&quot;;
removeRelatedDuplicates_thumbsundefined);
printRelatedLabels_thumbsundefined);
</script>
</div><br/><div style='clear:both'/>
<div style='clear:both;'/>
</b:if>

/* The CSS Code for the tabs menu */
#btabcontainer{
 margin:0 auto;
 width:280px;
 margin-top:4%;
}
.btab-container {
 position: relative;
 width: 100%;
 z-index:0;
}
.btab-container > div {
 display: inline;
}
.btab-container > div > a {
 position: relative !important;
 text-decoration: none;
 color: #D7D7D7;
 display: inline-block;
 padding: 4px 14px;
 font-size:15px;
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 font-weight:bold;
 text-transform:uppercase;
 margin:2px;
 background: #4C4648; /* old browsers */
 background: -moz-linear-gradient(top, #4C4648 0%, #474344 52%, #2F2D2E 100%);
 background: linear-gradient(top, #4C4648 0%, #474344 52%, #2F2D2E 100%);
 -pie-background: linear-gradient(top, #4C4648 0%, #474344 52%, #2F2D2E 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C4648), color-stop(52%,#474344), color-stop(100%,#2F2D2E));
 border:dashed 2px #CFA840;
 padding: 4px 14px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 0px;
 border-radius: 3px;
    text-shadow: 0 -1px 0 #000000;
 -moz-box-shadow: 0 4px 10px -5px #000000;
 box-shadow: 0 4px 10px -5px #000000;
 -webkit-box-shadow: 0 4px 10px -5px #000000;
}
.btab-container > div:not(:target) > a {
}
.btab-container > div:target > a {
    background: none repeat scroll 0 0 #948a81;
    text-shadow: 0 1px 0 #4C4648;
}
.btab-container > div > div {
 background: #4C4648;
 background: -moz-linear-gradient(top, #4C4648 0%, #474344 84%, #2F2D2E 100%);
 background: linear-gradient(top, #4C4648 0%, #474344 84%, #2F2D2E 100%);
 -pie-background: linear-gradient(top, #4C4648 0%, #474344 84%, #2F2D2E 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4C4648), color-stop(84%,#474344), color-stop(100%,#2F2D2E));
 -moz-box-shadow: 0 0 12px 1px #000000 inset;
 -webkit-box-shadow: 0 0 12px 1px #000000 inset;
 box-shadow: 0 0 12px 1px #000000 inset;
 z-index: -2;
 top: 50px;
 padding: 20px;
 border:solid 6px #4C4648;
 outline: 2px dashed #CFA840;
 outline-offset: -8px;
 min-height:250px;
 position:absolute;
}
.btab-container > div:not(:target) > div {
 position: absolute;
}
.btab-container > div:target > div {
 position: absolute;
 z-index: 3 !important;
}
div.tab-content{
 padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
.btab-content img{
 margin:0 auto;
 display:block;
 padding-bottom: 20px;
    padding-top: 10px;
}

 <div id="btabcontainer">
<div class="tab-container">
 <div id="c1">
  <a href="#c1" title="First">First</a>
   <div class="tab-content">
            <h3>This is the first tab</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. porttitor est et rhoncus.Nam ipsum leo, ornare ac volutpat suscipit, convallis eu metus ipsum nunc.</p>
    </div>
 </div>
   
 <div id="c2">
  <a href="#c2" title="Second">Second</a>
   <div class="tab-content">
            <h3>Add as many tabs as you like</h3>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. porttitor est et rhoncus. Nam ipsum leo, ornare ac volutpat suscipit, convallis eu metus. ipsum nunc.</p>
 
            </div>
 </div>
 <div id="c3">
  <a href="#c3" title="Third">Third</a>
   <div class="tab-content">
            <h3>5 Preset Styles &amp; Color Themes</h3>
            <p>Consectetur adipiscing elit. porttitor est et rhoncus. Nam ipsum leo, ornare ac volutpat suscipit, convallis eu metus. ipsum nunc.</p>
            </div>
 </div>
</div>
</div>

•  Anda dapat mengubah deskripsi dan nama tombol dengan selera Anda.

1. Login ke blogger.com
2. Masuk ke bagian Layout / Design
3. Klik Tambahkan Widget.
4. Pilih HTML/Javascript.
5. Copy Kode dibawah ini dan Pastekan di HTML/Javascript.

<style>
#socialslide{background: rgb(41, 40, 40) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhD9xgp2NBdGuiOm5mMcauAYCs7dZHY6oqmwDaheh_gNmhIwtZieev5smQ7AiRaYLn6bgYBb81Z_X6ixd8TrOVBycwI5aCR0j7619Am7YmtVkF0WRVvRuS10zhOSsofMf1YOFlIhqlkZBQ/s1600/recbg-btrix.png) left top repeat-x;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: inset 0 0 3px #333;
-webkit-box-shadow: inset 0 0 3px #333;
box-shadow: inner 0 0 3px #333;
padding: 12px 14px 12px 14px;
width: 300px;
position: fixed;
bottom: 13px;
right: 2px;
display: none;
z-index: 3;
height: 65px;
}
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#socialslide").show("slow");else $("#socialslide").hide("slow");});function closesocialslide(){$('#msocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="socialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closesocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Don't forget to join our community!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FTempatBlogging&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
<div style="float:left; margin:15px;"><a href="https://twitter.com/TempatBlogging" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @hannygames</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div class='clear'></div>

• Ganti TempatBlogging dengan nama pengguna facebook Anda
• Ganti TempatBlogging dengan twitter Username

.post ul{
 margin: 0;
 padding: 0;
 list-style: none;
}
.post ul li{
 width: 100%;
 clear:left;
 overflow: hidden;
}
.post ul li:hover{
 color: #fff;
 background: #ce3e3e;
 border-left: 8px solid darkred;
 min-width: 450px;
 -webkit-box-shadow: 0 0 5px gray;
 -moz-box-shadow: 0 0 5px gray;
 box-shadow: 0 0 5px gray;
 -webkit-transition: all 0.3s ease-out;
 -moz-transition: all 0.3s ease-out;
 -o-transition: all 0.3s ease-out;
 transition: all 0.3s ease-out;
}

<ul>
<li>List Test 1</li>
<li>List Test 2</li>
<li>List Test 3</li>
<li>List Test 4</li>
</ul>

• Untuk mengubah warna teks Ganti kode berwarna.
• Ganti warna perubahan warna latar belakang.
• Untuk mengubah warna sideborder ganti kode berwarna.
• Ganti berwarna untuk mengubah lebar.

Logo Tukar Link Temnpat Blogging

Selamat datang di Tempat Blogging, blog yang membahas tutorial / tips blogging, SEO dan Berita macam-macam konten secara gratis. Sebelumnya saya ucapkan terimakasih kepada anda yang telah bersedia berkunjung ke blog yang sederhana ini. Halaman ini adalah halaman khusus tukar link, dimana halaman ini menjadi tempat saya memasang link sahabat blogger yang sudah bersedia bertukar link dengan blog saya ini.

       Tukar link bertujuan untuk memperluas dan memperat tali silaturahim antar sesama blogger. Selain itu pertukaran link juga merupakan salah satu bagian dari optimasi SEO of Page yang bermanfaat untuk menambah jumlah backlink blog kita. Jadi dengan melakukan tukar link kita sudah bisa mendapatkan dua manfaat sekaligus. Jadi tunggu apalagi, ayo tukeran link.

Syarat Tukar Link :

1. Pasang link saya terlebih dahulu

2. Jika tidak keberatan, silahkan follow blog saya dan saya juga akan follow balik blog anda

3. Saya tidak menerima pertukaran link dengan blog /website yang berisi konten SARA dan P*RNO

Ketentuan Pertukaran Link :

A. Silahkan pasang terlebih dahulu link blog saya di blog sobat

Silahkan copy-paste kode script dibawah ini :

<a href="http://mas-basir.blogspot.com/" title="Tempat Blogging | Tips Trik Blog - Desain - SEO - Berita Terbaru" rel="dofollow">Tempat Blogging</a>

Link anda akan saya pasabg di bawah ini

1. Jika link blog saya sudah terpasang di blog anda dengan benar, silahkan hubungi saya agar link anda dapat saya pasang diblog ini sesegera mungkin
2. Kemudian saya akan cek blog anda, untuk memastikan apakah link saya sudah terpasang dengan benar atau sebaliknya
3. Lalu saya juga akan cek status link saya, apakah link tersebut bersifat "dofollow" atau "nofollow"
4. Jika didapati bahwa link yang anda pasang bersifat "Dofollow" saya akan dengan senang hati untuk memasang link anda di blog saya ini. Tapi jika sebalikya, saya tidak akan pernah memasang link anda di blog saya ini.
5. Saya memberikan jangka waktu 1 minggu untuk anda memasang link saya, dan jika dalam satu minggu link saya belum anda pasang di blog anda, maka saya juga tidak akan memasang link anda di blog saya
6. Saya juga akan terus mengontrol keberadaan link saya di blog anda, jika suatu saat link saya anda hapus, maka saya juga akan menghapus link anda yang ada di blog saya