Panduan Setting Template Kompi Males V3.5

Pada Dasarnnya Template Tidak Akan Sempurna Pemasangnnya Karena Belum Tahu Mana Yg DiUbah Dan Mana Yg Tidak DiUbah Agar Kalian Dapat Menggunakan Template Sesuai Fitur Template Maka Ada Panduan Setting Template Untuk Itu Saya Membuat Artikel Ini Agar Kalian Tidak Bingung Menggunakanya Berikut Panduan Setting Template Kompi Males V3.5 :

 Pertama Cara Ganti Logo Cari Kode Seperti Dibawah Ini :

<a href='/' title='Kompi Preett'><img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH0P0zwX2QoLoPuOTUeSop9cD3mM-C1n5rm-1UOtaqKS2eOLC5XN16DlmAVAOExfhF_qECxq3KqHI1L_Wgde40CFQOXiviCldKZDIWOVfvpoHUqX9Fh4kCHB24bYjOcqzMvk6WZ4grl9Y/s1600/resizedimage.php.png' title='Kompi Preett' width='212'/></a>

Kode Merah Diatas Ganti Dengan URL Logo Blo Sobat !!

Kedua Cara Pasang Widget Social  Seperti Dibawah Ini !!

 Pasang Kode Ini Tata Letak => Tambah Widget => HTML/JavaScrip

<style>
.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0;float:right;}
.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0;border:1px solid #444;box-shadow:0 0 10px #111;}
.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStv0jtwdNkk07riitSUrbuWcTW3nfFIAeIvkoz-uhIrs8pyGVrmUArVrfcfWaBapndJANAUYMvITAbB4bGsvo1L6ZqkEtpYnjf1qkhB8KHsCpD7UGBDYKkZQSpT-cwPMtFuq15dnl_A/s1600/facebook.png) no-repeat 0 -88px}
.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgStv0jtwdNkk07riitSUrbuWcTW3nfFIAeIvkoz-uhIrs8pyGVrmUArVrfcfWaBapndJANAUYMvITAbB4bGsvo1L6ZqkEtpYnjf1qkhB8KHsCpD7UGBDYKkZQSpT-cwPMtFuq15dnl_A/s1600/facebook.png) no-repeat 0 0;box-shadow:1px 1px 5px rgba(0,0,0,.8) inset;}
.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixIudTwgmXziEP7rZe_sBS4FehnOj5BGAaE0nHp5tVeM71DbzzBwzDftOOoymyIyhghU3fXCTrcsVTGtCGDLN7oOGpEjJlw_KozaUbIi4bU4LCs99GHiaqoF-8DGKRBgp0qgW6fXbTHw/s1600/twitter-1.png) no-repeat 0 -88px}
.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixIudTwgmXziEP7rZe_sBS4FehnOj5BGAaE0nHp5tVeM71DbzzBwzDftOOoymyIyhghU3fXCTrcsVTGtCGDLN7oOGpEjJlw_KozaUbIi4bU4LCs99GHiaqoF-8DGKRBgp0qgW6fXbTHw/s1600/twitter-1.png) no-repeat 0 0;box-shadow:1px 1px 5px rgba(0,0,0,.8) inset;}
.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLJ4_6ZbRlxUqoE_y8SIKImmURbaGy097J2F7fz8QsyaFaspFpnG-R04_8MsEKJ1mnLVQdBigRwkacbIoiRCM0zDSSDkudi_vszM_JbfZg0Gn-47WB8jUosfEy_UJrPzdmgc0IdAJCg/s1600/google.png) no-repeat 0 -88px}
.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXLJ4_6ZbRlxUqoE_y8SIKImmURbaGy097J2F7fz8QsyaFaspFpnG-R04_8MsEKJ1mnLVQdBigRwkacbIoiRCM0zDSSDkudi_vszM_JbfZg0Gn-47WB8jUosfEy_UJrPzdmgc0IdAJCg/s1600/google.png) no-repeat 0 0;box-shadow:1px 1px 5px rgba(0,0,0,.8) inset;}
.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5O-izeFqfVR8NoBOzs155lZg6kGtGit3NhNNAKA6I-zBKMDUlpBpS04_39rEe6n0BcqmmEEDzkRzEx_yKSIgRXbW1CmxJw464-DCAfoBQMvSIe-S6EWZPlvM_ctlH0asooY6s2sObyQ/s1600/twitter.png) no-repeat 0 -88px}
.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5O-izeFqfVR8NoBOzs155lZg6kGtGit3NhNNAKA6I-zBKMDUlpBpS04_39rEe6n0BcqmmEEDzkRzEx_yKSIgRXbW1CmxJw464-DCAfoBQMvSIe-S6EWZPlvM_ctlH0asooY6s2sObyQ/s1600/twitter.png) no-repeat 0 0;box-shadow:1px 1px 5px rgba(0,0,0,.8) inset;}

@media screen and (max-width:900px){
#header2{display:none;}
}

</style>
<div class="kotak">
<div class="abt-social-slide">
<ul>
<li><a class="facebook" href="https://www.facebook.com/ikhultrikz" target="_blank" title='Find Me On Facebook'>Facebook</a></li>
<li><a class="twitter" href="https://twitter.com/#" target="_blank" title='Find Me On Twitter'>Twitter</a></li>
<li><a class="google-p" href="https://plus.google.com/111859626591418309227" target="_blank" title='Find Me On Google Plus'>Google plus</a></li>
<li><a class="rss" href="http://feeds.feedburner.com/pegel32" target="_blank" title='Feedburner pegel32'>Rss</a></li>
</ul>
</div></div>

Tanda Merah Diatas Ganti Dengan ID Sobat !!

 
 Ketiga Yaitu Menu Cari Kode Berikut :

li><a href='/' title='Home'>Home</a></li>
<li><a href='#' title='Menu 1'>Menu 1</a></li>
<li><a class='prett' href='#' title='Drop Menu'>Drop Menu</a>
<ul class='menus'>
<li><a href='#' title='Drop Menu1'>Drop Menu 1</a></li>
<li><a href='#' title='Drop Menu2'>Drop Menu 2</a></li>
<li><a href='#' title='Drop Menu3'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#' title='Menu 2'>Menu 2</a></li>
<li><a class='prett' href='#' title='Drop Menu1'>Drop Menu 1</a>
<ul class='menus'>
<li><a href='#' title='Drop Menu 1'>Drop Menu 1</a></li>
<li><a href='#' title='Drop Menu 2'>Drop Menu 2</a></li>
<li><a href='#' title='Drop Menu 3'>Drop Menu 3</a></li>
</ul>
</li>
<li><a class='trigger2' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=id%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'>Translate</a></li>
</ul>
</nav>
<span class='plus-menu' id='run2'>&#10010;</span>
  </div>

Tanda # Ganti Dengan URL Sobat !!

Keempat Yaitu Menganti Subscribe E-Mail Cari Kode Berikut !!

 <div class='submit-email'>
  <span style='font-size:13px'>Enter your email address to get update from <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='publisher' target='_blank' title='Publisher Profile'>Pegel Z3</a>.</span>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=pegel32&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input class='enteryouremail' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email....&quot;;}' onfocus='if (this.value == &quot;Enter your email....&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input name='uri' type='hidden' value='pegel32'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitbutton' type='submit' value='Subscribe'/></form>
<a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;' rel='nofollow' title='Printer Friendly and PDF'><span class='print'>Print</span> <span class='pdf'>PDF</span></a>
  </div>

Tanda Merah Pada HTML Diatas Ganti Dengan FeedBurner Sobat!!

KeLima Ganti ID Dan APPS Dengan ID FB Sobat Dan APPS Sobat Cari Kode!!

<meta content='12345678' property='fb:admins'/>
<meta content='12345678910' property='fb:app_id'/>

Ganti Warna Biru Dengan ID Fb Sobat Sedangkan Yg Warna Merah Ganti Dengan ID Apps Sobat!!

Sekian Dari Admin Tentang Panduan Setting Template Kompi Males V3.5 Semoga Artikel Bermanfaat
Jangan Lupa Tinggalkan Komentar !!

Download Template Blogger AMP Super Cepat Dan Keren

Tweet

Subscribe to receive free email updates: