Cara Membuat Read More

mari kita belajar membuat read more dan ini bagi pemula/newbie kalau yang udah bisa mohon jangan menghina.dan langsung aja yuk
read more berfungsi untuk memotong artikelyang terlalu panjang dan sehingga jadi pendek
~ pertama-tama login dulu ke bloger -> layout -> edit Html...jangan lupa centang Expand Widget Template
~ Masukan ko di bawah ini sebelum </head> atau sesudah kode } ]]></b:skin>

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

~ terus cari kode<p><data:post.body/></p>dan kode di bawah ini di letakkan dibawah kode tadi

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

~ Suapaya terpotong, setiap kali anda menulis artikel posting, klik pada bagian artikel dimana anda pengen tulisan Read More.. muncul, lalu ketik <span class=”fullpost”> kemudian lanjutkan sisa artikel sampai selesai,akhiri dengan mengetik</span>.Untuk menmbahkan kode ini, ketika menulis artikel,anda harus dalam modeEdit HTML bukanCompose
~TulisanRead More.seperti yang berwarna merah pada kode diatas,bisa anda ganti dengan tulisan lain sepertiBaca Selengkapnya.atauLanjut Baca

Read More

Cara Membuat Daftar Isi

Membuat daftar isi blogsecara otomatis disini yang maksud adalah, jika kita melakukan postingan baru maka secara otomatis judul blog yang baru akan langsung masuk ke dalam daftar isi tanpa harus melakukan edit pada layout blog kita.

Dengan trick ini, kita hanya membutuhkan sedikit tempat di halaman blog kita, karena jika pengunjung ingin melihat daftar isi tersebut, maka akan terbuka jendela baru. Sehingga di halaman blog kita cukup dicantumkan dua kata yaitu : Daftar isi, dan bisa kita letakkan di tempat yang kita inginkan.
Caranya seperti langkah-langah berikut ini :

<b:include data='post' name='post'/>

6. Ganti Kode diatas dengan kode dibawah ini.

<b:if cond='data:blog.homepageUrl != data:blog.url'><b:if cond='data:blog.pageType != "item"'><a expr:href='data:post.url'><div style="padding:6px 0 6px 5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-bottom:2px;background:#EAE9E9;color:#406A0E;"><data:post.title/></div></a><b:else/><b:include data='post' name='post'/></b:if><b:else/><b:include data='post' name='post'/></b:if>

Kemudian ikuti langkah langkah berikut ini :
1. Masuk ke account blogger anda
2. Pilih menu tata letak / Layout
3. Pilih tambah gatged
4. Pilih html/javascrip
5. COPAS kode di bawah ini :

<a href="http://sharinx-new.blogspot.com/search?max-results=200" target="_blank"><span style="font-weight:bold;">DAFTAR ISI</span>&raquo;</a>

sharinx-new.blogspot.com Ganti dengan alamat blog anda
results=200 ganti dengan jumlah yang anda inginkan, angka 200 menunjukkan jumlah judul yang akan di tampilkan.
tutorial Darihttp://barajakom.blogspot.com

Read More

Cara Hilangkan Entry Atom

Saya kali akan memberi sedikit cara menghilangkan link Entry Atom yang berada biasanya di bawah dan ga usah panjang lebar 1.Login Ke blogger Dengan ID kamu.

2.Klik Tata Letak Kemudian Klik Edit HTML.

3.Selanjutnya Cari Kode ]]> .Atau biar lebih gampang gunakan tombol CTRL+F.

4.Kalo Udah ketemu copy dan paste kode berikut diatasnya.

.feed-links{
display:none;
}

5.Kalo Udah selesai jangan lupa klik Simpan Template.
6.coba di cek
tutor ini bagi yang belum bisa

Read More

Cara Mempercepat Load blog

ga usah basa basi langsung aja kita lakukan kalau kebanyakan Ba Bi bu ga menyenang kan ha ha ha ok
1) Copy code di bawah ini

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type='text/javascript' src='https://sites.google.com/site/jeritanblog/javascript/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "http://sadpanda.us/images/397069-NWUFVFU.jpg"
});
});
</script>

2) Login ke Blogger - Design - Page Elements

3) Pilih Add a Gadget - HTML/JavaScript

4) Paste code tadi di dalamnya OK
good luck brother

Read More

Navigasi horisontal

 Mari kita membuat navigasi horisontal di blogspot dan ini bagi pemula bukan yang udah master hehehehe langsung aja ga usah basi
1.Login di blogspot
2.Rancangan
3.Edit HTML
4.centang Expand Template Widget
5.Cari kode ]]></b:skin>
6.Copikan script di bawah ini d atas kode]]></b:skin>

/*  navbar
==================  */
#bg_nav {
    background: #000000;
    width: 660px;
    height: 29px;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0px auto 0px;
    padding: 0px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    overflow: hidden;
    }
#bg_nav a, #bg_nav a:visited {
    color: #FFFFFF;
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 0px 0px 3px;
    }
#bg_nav a:hover {
    color: #FFFFFF;
    text-decoration: underline;
    padding: 0px 0px 0px 3px;
    }
#navleft {
    width: 440px;
    float: left;
    margin: 0px;
    padding: 0px;
    }
#navright {
    width: 200px;
    font-size: 11px;
    float: right;
    margin: 0px;
    padding: 6px 5px 0px 0px;
    }
#navright a img {
    border: none;
    margin: 0px;
    padding: 0px;
    }
#nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
#nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
#nav a, #nav a:visited {
    background: #222222;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    border-left: 1px solid #000000
    }
#nav a:hover {
    background: #6e6d6d;
    color: #FFFFFF;
    margin: 0px;
    padding: 8px 15px 8px 15px;
    text-decoration: none;
    }
#nav li {
    float: left;
    margin: 0px;
    padding: 0px;
    }
#nav li li {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 150px;
    }
#nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #333333;
    width: 160px;
    float: none;
    margin: 0px;
    padding: 7px 30px 7px 10px;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    }
#nav li li a:hover, #nav li li a:active {
    background: #666666;
    padding: 7px 30px 7px 10px;
    }
#nav li ul {
    position: absolute;
    width: 10em;
    left: -999em;
    }
#nav li:hover ul {
    left: auto;
    display: block;
    }
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
    }

7.Kalau sudah masuk Rancangan
8.Tambahkan widget dan pilih HTML/JS copi kan script di bawah ini:

<div id='bg_nav'>

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='http://www.sharinx.co.de/'>home</a></li>
<li><a href='http://www.gepeng.wen9.net/'>Profile</a></li>
<li><a href='http://shrinx-new.blogspot.com/'>MP3</a></li>
<li><a href='http://amysanaya.jw.lt/'>Electronic Rubric </a></li>
</ul>
</div>
</div>

<div id='navright'>

<form action='http://AlamatBlogAnda.blogspot.com/search' id='searchform' method='get' name='searchform'>
<input id='s' name='q' type='text' value=''/> <input id='searchsubmit' type='submit' value='Go'/> </form>

</div>

</div>
<!-- akhir bg_nav -->

SELAMAT MENCOBA

Read More