Cara Mudah Menghilangkan Tulisan Beranda Posting Lama dan Posting Lebih Baru Pada Blog

Salam blogger, jumpa lagi dengan admin. Kali ini admin akan berbagi trik cara menghilangkan tulisan beranda, posting lama dan posting lebih baru pada blog. Saat pertama kita membuat blog pasti kita tampilan blog kita masih standar yang ada tulisan beranda, posting lama posting lebih baru. Atau juga kita lihat pada saat kita mengunggah atau memasang template blog dari yang kita download pasti juga ada tulisan beranda, posting lama posting lebih baru. 

Sebenarnya tidak ada masalah bagi blog kita, cuma mungkin kurang enak dipandang mata. kita pasti berusaha untuk membuat tampilan blog kita semenarik mungkin.

cara menghilangkan tulisan beranda, posting lama posting lebih baru mudah saja, kita hanya manambahkan tulisan "none" pada kode css kita. admin akan jelaskan supaya lebih mengerti.

Cara pertama:
Silahkan masuk dulu ke Template lalu ke menu edit html dan cari kode css dibawah ini, Supaya lebih mudah dalam pencarian gunakan Ctrl + F

#blog-pager-newer-link {float:left;}
#blog-pager-older-link {float:right;}
#blog-pager {text-align:center;}

lalu tambahkan code display:none pada kode css diatas sehingga hasilnya seperti ini:

#blog-pager-newer-link {float:left;display:none;}
#blog-pager-older-link {float:right;display:none;}
#blog-pager {text-align:center;display:none;} 
 
Atau cara lain anda juga bisa hapus dan gantikan code css diatas seperti dibawah ini :

#blog-pager-newer-link, #blog-pager-older-link, #blog-pager {display:none;}
 
 
Cara Kedua :
Cara kedua ini contoh dari code css admin sendiri. perhatikan code css dibawah:

#blog-pager-older-link a,#blog-pager-newer-link a,
a.home-link{width:80px;text-align:center;display:inline-block;
color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;
background:#555;border:1px solid #111}
 
Ganti code berwarna merah menjadi "none" seperti code css dibawah:
 
#blog-pager-older-link a,#blog-pager-newer-link a, 
a.home-link{width:80px;text-align:center;display:none; 
color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px; 
background:#555;border:1px solid #111} 

Itulah cara dari admin TauPintar, semoga bermanfaat.
Salam Blogger

0 komentar:

Posting Komentar

Silahkan beri komentar dengan bijak dan sesuai dengan topik artikel.
Gunakan tombol balas dibawah komentar terkait jika ingin membalas komentar agar komunikasi lebih terstruktur.
Klik untuk melihat kode :) :( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @-@ :-a :W *fck* :ngakak |o| :goodluck :smile