4 Cara Memperkeren Blog

CARA AGAR BLOG TERLIHAT LEBIH 
KEREN

Gemslucky.blog
 Hal Pertama yg harus dilakukan adalah membuat menu bar pada blog ini contoh menu

bar  

Fungsi menu bar adalah untuk memudahkan pembaca menemukan artikel yang mereka inginkan

(favoritkan)ini adalah berberapa cara untuk memasang menu bar bi blog

Pertama kalian buka Dasbor, Template>Edit Html 

Cari Kode Ini"<div class='header-outer'>" menggunakan CTRL+F Jangan Gunakan Pencari Y

muncul dibawah gunakan Pencari yg muncul agak dipojok Html Yaitu dengan mengklik HTML tersebut(bukan diedit)

   yaitu hanya di klik 

Taruh Kode Html Ini tepat diatas kode tadi

<style>
/* -- Menu Horizontal + Sub Menu-- */
#cat-nav {background:#156994;margin:0 15px;padding:0;height:35px;}
#cat-nav a { color:#eee; text-decoration:none; text-shadow: #033148 0px 1px 0px;border-right:1px solid #156994;}
#cat-nav a:hover { color:#fff; }
#cat-nav li:hover { background:#000; }
#cat-nav a span { font-family:Verdana, Geneva, sans-serif; font-size:11px; font-style:normal; font-weight:400; color:#fff; text-shadow:none;}
#cat-nav .nav-description { display:block; }
#cat-nav a:hover span { color:#fff; }
#secnav, #secnav ul { position:relative; z-index:100; margin:0; padding:0; list-style:none; line-height:1; background:#0d5e88; }
#secnav a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-weight:700; font-size:14px; display:block; z-index:100; padding:0 15px; line-height:35px; text-decoration:none;}
#secnav li { float:left; width: auto; height:35px;}
#secnav li ul  { position: absolute; left: -999em; width: 200px; top:35px}
#secnav li ul li  { height:30px; border-top:1px solid #fff; }
#secnav li ul li a  { font-family:Verdana, Geneva, sans-serif; width:180px; line-height:30px; padding:0 10px; font-size:11px; font-style:normal; font-weight:400; color:#eee; }
#secnav li ul ul  { margin: -30px 0 0 180px; }
#secnav li:hover ul ul, #secnav li:hover ul ul ul, #secnav li.sfhover ul ul, #secnav li.sfhover ul ul ul { left:-999em; }
#secnav li:hover ul, #secnav li li:hover ul, #secnav li li li:hover ul, #secnav li.sfhover ul, #secnav li li.sfhover ul, #secnav li li li.sfhover ul { left: auto; }
#secnav li:hover,#secnav li.hover  { position:static; }
#cat-nav #secnav {width:100%;margin:0 auto;}
</style>
<div id='cat-nav'>
<ul class='fl' id='secnav'>
<li><a href='www.gemslucky.blogspot.com'>Home</a></li>
<li><a href='http://gemslucky.blogspot.com/p/cara-membuat-blog.html'>Cara Membuat Blog</a></li>
<li><a href='http://gemslucky.blogspot.com/p/tips-tips.html'>Tips Ikan Hias</a>
<ul id='sub-custom-nav'>
<li><a href='http://gemslucky.blogspot.com/p/cara-mendapatkan-g-cash.html'>G-Cash Gratis</a></li>
<li><a href='Artikel'>Sub Menu2 b</a></li>
</ul>
</li>
<li><a href='http://gemslucky.blogspot.com/p/cheat-point-blank.html'>Cheat PB</a>
<ul id='sub-custom-nav'>
<li><a href=''>Sub Menu3a</a></li>
<li><a href='http://gemslucky.blogspot.com/p/blog-page_24.html'>Ngemod Gta </a></li>
</ul>
</li>
<li><a href='Grand Theft Auto'>Menu4</a>
<ul id='sub-custom-nav'>
<li><a href='Download'>Sub Menu4a</a></li>
<li><a href='Galeri'>Sub Menu4b </a></li>
</ul>
</li>
<li><a href='Blogger'>Menu5</a></li>
</ul>
</div>

lalu simpan template 
Jangan diapa apain kode ini apalagi kalo diedit,nanti menubar tersebut akan rusak

Hal Kedua yaitu mengatur jarak antar kata(font) agar nyaman dilihat mata(kalau pembaca merasa lelah membaca tulisan kamu maka pembaca tersebut akan bete juga melihat semua postingan kamu

contoh yg tidak nyaman dilihat oleh mata 
inilah contoh yg tidak menyamankan mata dan cepat membuat mata lelah
contoh yg menyaman kan dilihat mata
inilah contoh yg menyamankan mata 
Gimana Perbedaan nya ini dia caranya

Caranya cukup simple yaitu cuma mengganti font nya(yg mau dipublikasikan) dengan font "Courier" dan menggunakan bold(tulisan nya "B" di waktu mau ngepost) Udah Deh

Sekian Tips Dari Saya Semoga Berguna
"JIKA MAU COPAS SILAHKAN COMMENT" 

Title: 4 Cara Memperkeren Blog; Written by Unknown; Rating: 5 dari 5