Abang Design

Kelebihan

1. Hasil pencarian pada search engine google lebih diutamakan daripada yang memakai subdomain.
2. Lebih unggul dalam hal peringkat, terutama rank alexa.
3. Mudah untuk diterima menjadi publisher Google Adsense.
4. Terlihat lebih professional.
5. Membuat visitor lebih mudah untuk mengingat url blog kalian.

1. Masuk ke akun Blogger kalian terlebih dahulu.
2. Setelah itu masuk Dasboard > Template > Edit HTML.
3. Salin kode CSS dibawah ini sebelum kode ]]></b:skin> atau </style>

/* Sosial Media Widget */
#HTML68 .sosmedarl-info h4{background:transparent;position:relative;padding:0;margin:0;border:0;text-align:center;font-size:120%}
.sosmedarl-img{position:relative;max-height:140px;overflow:hidden}
.sosmedarl-img img {max-width:100%;width:100%;transition:all .6s;}
.sosmedarl-img:hover img{transform:scale(1.2) rotate(-10deg)}
.sosmedarl-img:before{content:'';background:rgba(0,0,0,0.3);position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;transition:all .3s}
.sosmedarl-img:hover:before{background:rgba(0,0,0,0.6);}
.aboutfloat-img{width:55%;position:absolute;top:35%;bottom:35%;left:22.5%;z-index:3}
.sosmedarl-float{text-align:center;display:table;width:100%;height:100%}
.sosmedarl-float a{background:transparent;color:#fff;padding:8px 14px;z-index:2;display:table-cell;width:100%;font-size:90%;text-transform:uppercase;vertical-align:middle;border:2px solid #fefefe;border-radius:3px;transition:all .3s}
.sosmedarl-float:hover a{background:#e74c3c;color:#fff;border-color:transparent;}
.sosmedarl-float a i{font-weight:normal;margin:0 5px 0 0}
.sosmedarl-wrpicon{display:block;margin:15px auto;position:relative;}
.sosmedarl-wrpicon .extender{width:100%;display:block;}
.extender{text-align:center;font-size:16px}
.extender .sosmedarl-icon{display:inline-block;border:0;margin:0;padding:0;width:32%;}
.extender .sosmedarl-icon a{background:#ccc;display:inline-block;font-weight:400;color:#fff;padding:0 12px;line-height:32px;border-radius:3px;font-size:12px;width:100%;}
.extender .sosmedarl-icon i{font-family:fontawesome;margin:0 3px 0 0}
.sosmedarl-icon.fbl a{background:#3b5998}
.sosmedarl-icon.yt a{background:#df2925}
.sosmedarl-icon.crcl a{background:#d64136}
.sosmedarl-icon.fbl a:hover,.sosmedarl-icon.yt a:hover,.sosmedarl-icon.crcl a:hover{background:#404040}
.extender .sosmedarl-icon:hover a,.extender .sosmedarl-icon a:hover{color:#fff;}
.sosmedarl-info{margin:10px 0 0 0;font-size:13px;text-align:center;}
.sosmedarl-info p{margin:5px 0}
.sosmedarl-info h4{margin-bottom:10px;font-size:16px;text-transform:uppercase;color:#444;font-weight:700}
.sosmedarl-info h4 span {position:relative;display:inline-block;padding:0 10px;margin:0 auto;}
.sosmedarl-info h4:before,.sosmedarl-info h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'a0';background-color:rgba(0,0,0,0.08);}
.sosmedarl-info h4:before {margin-left:-50%;text-align:right;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

4. Tambah kode widget dibawah ini, tepat sebelum kode <!-- sidebar wrapper start -->

   Pada tahap ini lumayan ribet, kalian harus tahu dimana penempatan widget pada sidebar blog kalian, karena setiap template pasti berbeda kerangka.

   

<b:widget id='HTML68' locked='false' title='Sosial Media' type='HTML' visible='true'>
        <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<div class='sidebar_about_author'>
<div class='inner_wrapper'>
<div class='sosmedarl-img'>
<img alt='Judul Blog' class='img-responsive' height='auto' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipkxSFITuaZScgdOfn2MhE50QP3zdvv1t8otcxqZHXYESaH-JizzGzYxW-QLa1BYNeg_hhbEsyq4Bf7wqHgH-l9Vl2Q3Po5N5HxrB97BLc2MJVjcI1EKpaCIlvN_XXr1Nj1RWXyXslLEk/s1600/Logo_1509093365572.png' title='Judul Blog' width='300'/>
<div class='aboutfloat-img'><span class='sosmedarl-float'><a href='#' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-user'/> Join Our Site</a></span></div>
</div>
</div>
<div class='sosmedarl-info'>
  <h4><span>Judul Blog</span></h4>
<p>Deskripsi Penulis</p>
</div>
<div class='sosmedarl-wrpicon'>
<ul class='extender'>
<li class='sosmedarl-icon fbl'><a href='#' target='_blank' title='Follow Our Facebook'><i class='fa fa-facebook fa-fw'/> Like</a></li>
<li class='sosmedarl-icon yt'><a href='#' target='_blank' title='Subscribe Our Channel'><i class='fa fa-youtube-play fa-fw'/> Channel</a></li>
<li class='sosmedarl-icon crcl'><a href='#' rel='nofollow' target='_blank' title='Follow Our Google+'><i class='fa fa-google-plus fa-fw'/> Circle</a></li>
</ul>
</div>
</div>
</div>
</b:includable>
</b:widget>

Silahkan ganti # dengan url kalian

5. Simpan.

• Kuota VideoMax
• Aplikasi Anonytun Pro
• APN Sakti Tsel

1. Rubah APN dulu seperti diatas.
2. Unduh Anonytun Pro (Via IDFile ±2Mb).
3. Setting Anonytun seperti gambar dibawah ini! (Urutkan Setting Menurut Nomor Pada Gambar).
   
   
   
   
   
   
   
4. Jika sudah setting silahkan klik SAVE lalu Hubungkan.
5. Tunggu sampai konek! (seperti gambar dibawah ini).
   

1. Login ke akun Blogger kalian dahulu.
2. Lalu masuk Dasboard > Template > Edit HTML.
3. Cari kode yang hampir mirip seperti dibawah ini.
<b:if cond='data:blog.pageType == &quot;item&quot;'> <div itemprop='description articleBody'><data:post.body/></div> </b:if>

Setiap template mempunyai struktur yang berbeda, jadi tinggal sesuaikan saja

4. Tambahkan kode <div id='middleads'> dan jangan lupa penutupnya juga diakhir </div> diantara kode pada langkah 3. Sehingga hasilnya akan seperti ini.

<div id='middleads'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='description articleBody'><data:post.body/></div>
</b:if>
</div>

5. Letakkan kode berikut ini diatas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#middle-ads{display: none;margin:0 auto;padding:0}
.middleadsproject{padding:0;width:auto;text-align:center;height:auto;margin:5px auto 0;display:block}
.middleadsproject h4{color:#bbb;text-align:center;margin:0 auto 7px;font-weight:normal!important;letter-spacing:1.5px;padding:0;font-size:90%}
</style>
<div id='middle-ads'><div class='middleadsproject'><h4>Advertiser</h4>
KODE IKLAN YANG SUDAH DIPARSE

</div>
</div> <script type='text/javascript'>
var str1=document.getElementById(&quot;middleads&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf(&#39;.&#39;);
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;middle-ads&quot;).innerHTML+&quot;</center><br/>&quot;;
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;middle-ads&quot;).innerHTML=&quot;&quot;;
</script>
  </b:if>

Catatan : Ganti KODE IKLAN YANG SUDAH DIPARSE dengan kode iklan kalian

6. Simpan Perubahan.