Tampilkan postingan dengan label Blog. Tampilkan semua postingan
Tampilkan postingan dengan label Blog. Tampilkan semua postingan

Rabu, 17 Maret 2010

Cara Bikin Read More


Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan kamu terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika kamu ingin supaya postingan kamu yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.
2. Kasih tanda cek (centang) pada cekbox "expand widget template"
3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :
<p><data:post.body/></p>

4. Kalau sudah ketemu, Ganti kode kode tersebut sehingga menjadi seperti ini:


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

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>
</b:if>

Tulisan "Read More....." itu bisa kamu rubah, misalnya jadi "Baca Selengkapnya".

5. Simpan hasil pengeditan.
6. Kemudian pilih menu Setting lalu pilih Formatting
7. Pada kotak Post Template isikan kode berikut:


<span class="fullpost">


</span>


8. Kemudian Simpan.
9. Ketika memposting, kan disana ada 2 tab pilihan tuh, yang "Compose" dan "Edit Html", Nha km pilih Yang "Edit HTML", Maka secara otomatis akan tampak kode seperti berikut :


<span class="fullpost">


</span>


10. Letakkan abstraksi posting atau artikel yang akan ditampilkan dihalama utama (sebelum tulisan "Redmore") diatas kode ini :<span class="fullpost"> sementara sisanya yaitu keseluruhan posting letakkan di antara kode <span class="fullpost"> dan</span>
11. Ini yang paling penting diantara semua proses diatas yaitu ..... Selesai..... he..he..he.. :D
Selamat Mencoba...



Kamis, 11 Maret 2010

Animated Recent Post

Bosan sama tampilan recent post yang monoton ,cuma bisa muat judul dan nggak ada gambarnya. Nih saya kasih solusinya, nggak cuman bias nampilin gambar tapi juga punya efek marque. Contohnya kayak yang ada di blogku ini. Cara buatnya juga gampang banget tinggal copast aja koq. Yah, daripada kebanyakan ngomong langsung aja kita buat. Nih cara bikinnya:
1. Masuk akun blog kamu.
2. Trus masuk tata letak, tambah gadget -> trus pilih HTML/Javascript
3. Copy paste script dibawah ini:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.belajar-hack.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src='http://dl.getdropbox.com/u/708209/scriptabufarhan/recentspy/recentpostthumbspy-min.js' type='text/javascript'></script>
</div>
4. Trus ganti http://www.belajar-hack.blogspot.com dengan alamat blog kamu.
5. Lalu klik simpan.
Sekarang coba lihat blog kamu, udah ada kan widgetnya. Masak sih cuma copy paste aja nggak bisa. Klo dah jadi jangan lupa tinggalin komentar kamu di blog ini.

Senin, 08 Maret 2010

Berapa Harga Blog Kamu





Pernahkah kamu bertanya, kira-kira berapa harga blog yang kamu miliki setelah membanting keringat dan memeras tulang untuk membuatnya? Nha, sekarang ini ada sebuah layanan di internet yang bisa memperkirakan berapa kira-kira harga blog yang kamu miliki. Caranya sangat mudah tidak perlu bayar ataupun mendaftar, cukup dengan memasukkan alamat Blogmu trus tinggal pencet jerawat kamu, eh maaf salah, maksudnya pencet tombol Submit, gak pake lama hasilnya akan langsung keluar. Selain itu kalo kamu mo pamer, kamu juga bisa memasang hasilnya di blogmu seperti ini nih hasilnya :


My blog is worth $564.54.
How much is your blog worth?



Tapi bagi kamu yang blognya masih sepi pengunjungnya jangan coba-coba masang karena hasilnya pasti cuman bikin sakit hati , alias harganya masih $0.00. Tapi kalo cuman mo nyoba ngecek sih gak papa, toh ga dosa kok. Kamu mo nyoba? Aku punya alamatnya nih, tapi nomor HP-nya gak punya lho . Tapi apa emang bener kalo itu bener-bener harga yang sesuai untuk blog kita? Tau deh. Tapi kamu perlu mencobanya dengan memasukkan alamat blog-blog yang sudah mapan, pasti harganya akan tinggi sekali, jika dirupiahin nih ya mungkin orang yang punya blog itu akan menjadi mendadak dangdut alias kaya mendadak. Nha kamu tertarik mau mencobanya? Silahkan dicoba, Monggo..
Oh ya aku belum ngasih alamatnya ya? Nih alamatnya
http://www.business-opportunities.biz/projects/how-much-is-your-blog-worth/
Klo masih blom puas dengan hasilnya coba aja dicek juga di beberapa web berikut ini:
http://www.yourwebsitevalue.com/
http://www.business-opportunities.biz/
http://www.cwire.org/
http://www.sitevaluecalculator.com/
http://www.websiteoutlook.com/
Tapi biasanya hasil dari perhitungannya berbeda-beda, jadi terserah anda mau percaya sama yang mana.
SELAMAT MENCOBA. . . . .


 

Total Tayangan Halaman

BANNER

Belajar Hack Copyright © 2009 Premium Blogger Dashboard Designed by SAER

WELCOME TO BELAJAR HACK | BLOG BUAT ORANG-ORANG YANG INGIN BELAJAR HACKING | TIPS TRICK | DOWNLOAD SOFTWARE GRATIS FULL VERSION