saung Haris

Hai sobat,maaf nih kalau telat share template,gara" keasikan dari event AFA(Afa festifal Asia) kemarin,jadi hampir lupa sama blog~xD
nah kali ini saya mau berbagi template keren yang dishare oleh sobat" blogger.
dan kenapa saya cuma share 9 template,karena rata" banyak sekali yang mengirimkan template yang belum rapih,saya hanya mencari template yang sesuai dengan kriteria:

1. Template blogger hasil design/redesign sendiri.
2. Tema bebas tapi tetap mempunyai konsep.(ga boleh ecchi/hen*ai)
3. Rapih.
4. Murni hasil kreasi sendiri,tidak menjiplak.
5. Beda dari template yang lain (tidak pasaran).
6. logo/gambar/background tidak asal (bila ada).
7. Nyaman/tidak terlalu berat dan tidak berlebihan menggunakan css3.
8. Friendly (mudah digunakan secara umum)

Oleh karena itu saya hanya memilih 9 template yang rapih.bagi yang belum beruntung,jangan berkecil hati,saya tetap menghargai hasil usaha kalian,silakan coba lagi nanti.

Semoga template" yang saya share dibawah ini,bermanfaat dan menjadi inspirasi untuk mengembangkan template kalian,cari ide yang kreatif dan lebih inovatif,let's make your template design. thx

1. Css ♥ Blogazine

-Matahari : Dapat Di pilih sendiri di Postingan Css ♥ Blogazine
-Loading : Dapat Di pilih sendiri di Postingan Css ♥ Blogazine
-Menu Bundar : Dapat Di pilih sendiri di Postingan Css ♥ Blogazine

-"MASUKKAN KODE CSS DI BAWAH INI"

<style type="text/css">
pre.code {
margin:20px 25px;
border:1px solid;
border-color:#CDD2D6 #BFC6CB #B3BBC1 #BFC6CB;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
position:relative;
-webkit-box-shadow:0 1px 1px rgba(0,0,0,.08);
-moz-box-shadow:0 1px 1px rgba(0,0,0,.08);
box-shadow:0 1px 1px rgba(0,0,0,.08);
}
pre.code label {
font-family:sans-serif;
font-weight:bold;
font-size:13px;
color:#4b555c;
position:absolute;
left:1px;
top:16px;
text-align:center;
width:60px;
}
pre.code code {
font-family:"Inconsolata", "Monaco", "Consolas", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
display:block;
margin:0 0 0 60px;
padding:15px 16px 14px;
border-left:1px #E5EAEE solid;
overflow-x:auto;
font-size:13px;
line-height:19px;
color:#333;
}
pre.code-css code {
color:#D84400;
}
pre.code-html code {
color:#4576D5;
}
</style>

<pre class="code code-css"><label>POSTING</label><code>"POSTINGAN KALIAN DI SINI"</code></pre>

<pre class="code code-html"><label>POSTING</label><code>"POSTINGAN KALIAN DI SINI"</code></pre>

-"MASUKKAN KODE CSS DI BAWAH INI"

<style type="text/css">
body {
width: 100%; height: 100%;

background: url"URL BACKGROUND KALIAN";
</style>

Find This Kode
<div class="navijohanes">
<ul>
<li><a href="http://www.blogger.com/blogger.g?blogID=4121325713133844233#">Home</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4121325713133844233#">About me</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4121325713133844233#">Tutorials</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4121325713133844233#">Articles</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4121325713133844233#">Download</a></li>
<li><a href="http://www.blogger.com/blogger.g?blogID=4121325713133844233#">Inspiration</a></li>
<div id="whois">
Other Content Here</div>
</ul>
</div>
ganti tanda '#' dengan link kamu.

dan untuk kode

<div id="whois">
Other Content Here</div>

bisa di edit sesuai keinginan.

Feature:
-Super Seo Friendly
-Auto Read More
-Permalink + Download File Di Bawah Posting
-Breadcrumb Diatas Judul Posting
-Kotak Komentar FB Ready
-Menu Atas 2 Bagian
-Fitur Artikel Terkait + Scroll bar
-Widget Like And Share Dibawah Posting
-Breaking News
-Komentar Admin Beda Dengan Pengunjung
-Tombol Reply Comment

<div class='topmenu'>
<div class='topbar'>
<ul>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Blogger%20Tips'>Blogger Tips</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Templates'>Free Templates</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Domain'>Free Domain</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Software'>Free Software</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Game'>Games</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Game%20Mostwanted'>Game Mostwanted</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/Editing'>Editing</a></li>
<li><a href='http://blogcybercorp.blogspot.com/search/label/LostSaga'>Lost&#160;&#160;Saga</a></li>
<li><a href='http://blogcybercorp.blogspot.com/2012/07/backlink-gratis-dari-blog-cybercom.html'>Tukar Link</a></li>
<li><a href='http://blogcybercorp.blogspot.com/2012/08/encode-decode-generator-blog-cyber.html'>Parse HTML</a></li>
</ul>
</div>

<nav id='nav'>
<ul>
<li><a href='/'>Beranda</a></li>
<li><a href='/'>Tentang</a></li>
<li><a href='/'>Blog</a></li>
<li><a href='/'>Archive</a></li>
<li><a href='/'>Kontak</a></li>
<li><a href='/' rel='nofollow' target='_blank'>Follow</a></li>
</ul>
</nav>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<center><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGLhaAUXPyeHCT_X_RkiJNQTFnC3ghM56X2D8v8IIsumOgyXVEBVI8ikICedwCeXDOMpFZz66QvwXTE1mkvr_GI9y2L6m1-fNK11pPUcBrZVwEXy-x6Pim-rNeqaX12OSkpePyhv6PnQ1f/s1600/Halaman+depan.png'/></center>
<style>
@-webkit-keyframes semelau{from{-webkit-transform:translate(0px,-1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes semelau{from{-moz-transform:translate(0px,-1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes semelau{from{-ms-transform:translate(0px,-1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes semelau{from{transform:translate(0px,1000px);opacity:0}to{transform:translate(0px,0px);opacity:1}}
@-webkit-keyframes laso{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes laso{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes laso{from{-ms-transform:translate(0px,1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes laso{from{transform:translate(0px,1000px);opacity:0}to{transform:translate(0px,0px);opacity:1}}
@keyframes earn
{
from{opacity:0;}
to{opacity:10;}
}
@-moz-keyframes earn
{
from{opacity:0;}
to{opacity:10;}
}
@-webkit-keyframes earn
{
from{opacity:0;}
to{opacity:10;}
}
#nav{-webkit-animation:laso 3s;-moz-animation:laso 3s;-ms-animation:laso 1s;animation:laso 3s}
#temanku, #credit-wrapper{-webkit-animation:semelau 3s;-moz-animation:semelau 3s;-ms-animation:laso 1s;animation:semelau 3s}
img{-webkit-animation:earn 3s;-moz-animation:earn 3s;-ms-animation:earn 1s;animation:earn 3s}
body {
background:black;
}
#footer-wrapper, .titleposting h2 a, .titleposting h2 a:first-letter, #headace, #post {display:none;}
#homepok{
display:block;
width:auto;
padding:0px 0px;
text-align:center;
font-weight:bold;
line-height:32px;
background-color:#39f;
color:white;
text-decoration:none;
margin:0px 0px;
-webkit-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 1px 1px rgba(0,0,0,0.2);
box-shadow:0px 1px 1px rgba(0,0,0,0.2);
position:relative;
}
</style>
</b:if> </b:if>
<div class='clear'/>

- Super SEO frendly
- Lebih Validasi HTML , ini penting untuk SEO
- Memiliki header yang memudahkan pengunjung disertai back to top
- Kotak komentar dilengkapi tombol Reply dan memiliki penomoran pada setiap komentar yang secara urut berdasarkan tanggal/ waktu pemberi komentar; (seperti wordpress) dan juga kotak komentar admin berbeda
- Memiliki related post/artikel terkait pada saat single post, dimana artikel terkait tersebut diambil dari label posting blog;
- Memiliki dinamic meta tag yang ampuh, ini sangat berpengaruh terhadap seo blog kita.
- Dilengkapi dengan Ratting bintang yang tampil dalam search engine google, ini yang sedang populer saat ini dan anda tidak perlu susah-susah lagi kesana kemari mencari tahu bagaimana membuat ratting bintang
- Mempunyai senjata ampuh Dynamic tag heading h1 dan h2, ini yang menjadi salah satu rahasia para pemenang kontes seo.
- Breadcrumbs dibawah judul posting yang sangat baik juga untuk mendukung seo.
- Home Page Blog lebih SEO.
- Lebih ringan dan tidak membutuhkan Loading yang lama karena background, menu, header, footer tidak memakai gambar hanya memakai css yang sudah di compress jadi sangat ringan.
- Sudah ada fitur read more , seperti memakai gambar padahal tidak hanya memakai css jadi ringan
- Efek hover yang keren dengan memaki fitur fade
- Gaya keren dan warna serasi pas di mata pengunjung
- Memakai Navigasi nomor yang memudahkan pengunjung.
- Tombol search posisinya pas dan memudahkan pengujung untuk mencari artikel
- Dilengkapi "Sexy sharing" untuk memudahkan pengunjung me share artikel kita
- Menganti tulisan "post a comment' dengan tulisan bergerak
- Scrool telah diedit jadi lebih pas dengan tema (hanya support Chrome dan Maxton)
- Sudah terdapat script tag ALT otomatis, ini penting untuk SEO
- Lebih mudah untuk diedit karena telah di pasang tag
- Widget Pas untuk Slot Iklan
- Dan masih banyak lagi.

Ganti tulisan 6923543532765500668 dan _BlogID_ dengan ID blog anda
Ganti tulisan Dekripsi awal Anda
Ganti tulisan JUDUL BLOG ANDA
Ganti tulisan DESKRIPSI BLOG ANDA
Ganti tulisan DESKRIPSI HALAMAN POSTING ANDA
Ganti tulisan KEYWORD HALAMAN POSTING ANDA
Ganti tulisan ? 2010 DOMAIN ANDA.blogspot.com
Ganti tulisan Nama Anda
Ganti tulisan KODE VERIFIKASI BING WEBMASTER ANDA
Ganti tulisan KODE VERIFIKASI GOOGLE WEBMASTER ANDA
Ganti tulisan KODE VERIFIKASI ALEXA ANDA
Ganti tulisan URL BLOG ANDA
Masukan widget alexa di MASUKKAN WIDGET ALEXA DISINI
Masukan widget pagerank di TEMPATKAN WIDGET PAGERANK ANDA DISINI
Masukan widget histats di TEMPATKAN WIDGET HISTATS ANDA DISINI

<div class='bf_footer'> <a class='bf_left' href='#'><span><span style='color: white;'>menu1 </span></span></a>
<a class='bf_left' href='#'><span><span style='color: white;'>menu2</span></span></a>
<a class='bf_left' href='#'><span> <span style='color: white;'>menu3</span></span></a>
<a class='bf_left' href='#'><span><span style='color: white;'>menu4</span></span></a>
<a class='btop' href='#' onclick='MGJS.goTop();return false;'><span style='color: white;'>|<strong> ^ </strong></span></a>
<a href='#'><strong><span style='color: white;'>m5 kanan</span></strong></a>
<a href='#'><span style='color: white;'>m6 kanan</span></a>
<a href='#'><span style='color: white;'>m7 kanan</span></a>
<a href='#' target='_blank'><span style='color: white;'>m8 kanan</span></a>
</div>

<a class='btop' href='#' onclick='MGJS.goTop();return false;'><span style='color: white;'>|<strong> ^ </strong></span></a>

Masukan kode dibawah ini di bawah kode ]]></b:skin>
<style type='text/css'>
.sidebar h2 {
color: #ffffff;
font-size:14px;
margin-left:0px;
padding-right:5px;
padding-left:5px;
margin-right:px;
padding-top:5px;
padding-bottom:5px;
background:#000000 repeat-x;
</style>

<div class='navi'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<ul>
<li><a href='#'>Home</a></li>
<li><a href='#'>About me</a></li>
<li><a href='#'>Tutorials</a></li>
<li><a href='#'>Articles</a></li>
<li><a href='#'>Download</a></li>
<li><a href='#'>Inspiration</a></li>
</ul>
</b:if>
</div>