Cara Membuat Read More / Baca Selengkapnya di Blogger

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>

selesai... selamat mencoba ! ^^

(Disadur dari : http://trik-tips.blogspot.com)
Baca Selengkapnya.....

Membuat effect pada titlebar

Halow semua…. Wah, udah lama nih aku ngga nge-blog lagi. Hm… mungkin berbulan-bulan kale ya aku ngga nge-post lagi artikel baru. Yah… maklum lah, lagi sibuk ngurusin sekolah (kaya yg bner aja sekolahnya.hhaha…) . tapi setelah sekian lama aku ngga nge-post akhirnya sekarang ada juga waktu buat aku ngetik-ngetik. Nah, sekarang aku mau ngetik artikel tentang apa ya..?? eump… ini aja deh. Aku mau ngasi tau kalian semua para pembaca tentang gimana caranya bikin effect titlebar berubah-ubah tulisannya kaya yang ada di blog ini (liat aja titlebar-nya, unik kan  . oke seperti biasa, langsung aja aku kasi tau langkah-langkahnya .


Pertama, yang harus kamu lakukan adalah… niat, santai, rileks,tapi sambil konsen jg.
Kedua, baca baik-baik tiap langkahnya . hheuheu…

1.Login ke blogger kamu, masuk ke pengaturan layout/tata letak .
2.Klik addPageElement/tambah elemen, pilih pada elemen dasar, Javascript
3.Atau kamu juga bisa timpa elemen javascript yang sebelumnya sudah kamu buat, tinggal klik ‘edit’ .
4.Kalo kamu baru buat maka lakukan langkah 2 kemudian kosongkan untuk ‘Judul’ dan isi konten dengan kode berikut. Kalo kamu mau timpa elemen yang sudah ada, tinggal klik ‘edit’ kemudian tambahkan konten dengan kode berikut.
5.Copy-paste kode berikut pada bagian konten :
<script type=”text/javascript”>
//TITLEBAR EFFECT
var message = new Array() // leave this as is

message[0] = "tulisan pertama";
message[1] = "tulisan kedua";
message[2] = "tulisan ketiga";
message[3] = "tulisan keempat";
message[4] = "tulisan kelima";

var reps = 2

var speed = 100

var p=message.length;
var T="";
var C=0;
var mC=0;
var s=0;
var sT=null;
if(reps<1)reps=1;
function doTheThing(){
T=message[mC];
A();}
function A(){
s++
if(s>9){s=1}

if(s==1){document.title='|||--- '+T+' ---|||'}
if(s==2){document.title='|-||-- '+T+' --||-|'}
if(s==3){document.title='|--||- '+T+' -||--|'}
if(s==4){document.title='|---|| '+T+' ||---|'}
if(s==5){document.title='|--|-| '+T+' |-|--|'}
if(s==6){document.title='|-|--| '+T+' |--|-|'}
if(s==7){document.title='||---| '+T+' |---||'}
if(s==8){document.title='||--|- '+T+' -|--||'}
if(s==9){document.title='||-|-- '+T+' --|-||'}
if(C<(8*reps)){
sT=setTimeout("A()",speed);
C++
}else{
C=0;
s=0;
mC++
if(mC>p-1)mC=0;
sT=null;
doTheThing();}}
doTheThing();
</script>
6.Ganti tulisan yang dicetak tebal dengan tulisan kamu sendiri yang nantinya akan tampil pada titlebar secara bergantian.
7.Klik Save/Simpan .

Udah deh tinggal coba kamu liat hasilnya. Nah, segitu dulu ah. Lain kali aku post lagi cara ngutak-ngatik blog pake javascript yang lainnya. Oke, thx 4 ur attention, bye bye…

Baca Selengkapnya.....