Cara Membuat Baca Selengkapnya/Read More Di Blogspot

Cara membuat readmore pada blogspot, cara membuat readmore di blogspot, membuat readmore di blogger, membuMungkin ketika anda menjelajah blog, anda pernah menemukan tampilan blog yang memiliki kata "baca selengkapnya" seperti ini : Nah. Berikut saya akan memberikan anda cara membuat baca selengkapnya seperti diatas. Caranya adalah sebagai berikut :

1. Login Ke Blogger seperti biasa.
2. Masuk ke Rancangan
3. Pilih Edit HTML
4. Beri tanda centrang pada kotak Expand Template Widget
5. Temukan baris kode code </head>
6. Copy paste kode berikut di atas nya :

<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 230;
summary_img = 140;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>


7. Kemudian temukan baris kode <data:post.body/>
8. Ganti Kode tersebut dengan kode berikut :

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><img align='right' border='0' src='http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif'/></a></span>
</b:if>


9. Klik tombol simpan template.. Selesai. 

Read More

Cara Membuat Menu Horizontal di Atas Blog

Bagi anda yang memiliki blog, anda dapat mempercantik blog anda dengan memasang menu cantik ini. Agar tampilan blog anda terlihat lebih menarik dibandingkan sebelumnya. Menu yang di letakkan dengan posisi mendatar yang pada umum nya terletak di bagian atas blog atau website ini adalah menu horizontal. Dengan menu ini kita dapat mengisikan alamat link tujuan atau menjadikan nya sebagai navigasi blog kita. Baik langsung saja kita lihat langkah langkah nya berikut ini :

Cara pemasangan menu horizontal ini adalah sebagai berikut :
1. Copy Kode Berikut ini Masuk ke edit HTML blog dan cari kode atau tekan Ctrl+F ]]></b:skin> dan copy kan kode berikut di atasnya :

.menu-solid {
display: inline;
}
.menu-solid a{
float: left;
color: #000;
padding: 9px 11px;
text-decoration: none;
}
.menu-solid a:visited{
color: #cc0000;
}
.menu-solid a:hover, .menu-solid .current{
color: #ffffff;
background: #800000;
text-decoration:none;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;}

2. Masuk ke tata letak / rancangan blog. Pilih Tambah Gadget dan pilih html/javascript



3. Copy kan kode berikut dan pastekan di dalamnya :

<div class='menu-solid'>
<a href='http://tialorenzha.blogspot.com/2012/10/membuat-tombol-di-blogspot.html'target="_blank">Home</a>
<a href='http://tialorenzha.blogspot.com/2012/09/samsonsluluh.html'target="_blank">Musik</a>
<a href='http://tialorenzha.blogspot.com/2012/09/pascal-bonus-potongan-penjualan.html'target="_blank">Pascal</a>
<a href='http://tialorenzha.blogspot.com/2012/03/kartu-jaringan-komputer.html'target="_blank">Jaringan Komputer</a>
</div>

4. SELESAI deh............ Selamat Menc0ba yah....

Read More

Membuat Tombol di Blogspot

Bagi anda yang ingin membuat tombol di website maupun di blogspot, berikut adalah cara yang harus anda lakukan. Sangat mudah.. Silahkan mencoba :
Lihat Tombol ini dan coba anda klik :

Copy Paste Kode Ini untuk membuat nya :

<form action="http://www.blogger.com" method="get" target="_blank">

<input type="submit" value="Blogger" /></form>

Keterangan :
1. Ganti http://www.blogger.com dengan alamat tujuan anda.
2. target="_blank" gunanya adalah untuk membuka jendela baru pada browser. kalo kode ini dihilangkan maka akan tetap berada di halaman itu. 

Contoh :

Diatas adalah tombol yang kode target="_blank" nya dihilangkan

Read More