Iklan

Iklan
Advertorial
News Update :

Lamongan Online

More on this category »

Politik

More on this category »

Teknologi

More on this category »
Tampilkan postingan dengan label Blogger Hack. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger Hack. Tampilkan semua postingan

Mengganti "Older Posts" Dengan Angka

Senin, 21 Mei 2012

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}



3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->



Kalau sudah silahkan dilihat hasilnya.

Membuat Navigasi Breadcrumb di Blogger

Jumat, 27 Agustus 2010

Tidak terasa sudah satu minggu saya tidak update blog ini. Hal ini dikarenakan saya sedang sibuk menata ulang konten di blog ini dan menambah beberapa tool ke dalamnya. Salah satunya adalah navigasi Breadcrumb.

Lanjut membaca → Membuat Navigasi Breadcrumb di Blogger

Pasang Avatar di Kotak Komentar Blogger

Sabtu, 31 Juli 2010

Berkat fitur Show your face dari Blogger kini kotak komentar blogger sudah dapat menampilkan gambar atau foto dari pengunjung yang memberi komentar di blog.

Lanjut membaca → Pasang Avatar di Kotak Komentar Blogger

Memasang Opsi Reply di Form Komentar Blogger

Minggu, 18 Juli 2010

Pada postingan ini saya akan menunjukkan cara memasang opsi reply di form komentar blogger. Seperti yang kita ketahui, tool ini sangat berguna untuk mempermudah pemilik blog maupun pengunjung dalam membalas komentar.

Lanjut membaca → Memasang Opsi Reply di Form Komentar Blogger

Membuat Related Posts dengan Thumbnail

Kamis, 15 Juli 2010

Sebelumnya saya sudah pernah memposting mengenai cara membuat related post untuk menampilkan list judul postingan yang berhubungan dengan postingan utama. Sehingga memudahkan pembaca untuk mencari topik yang berkaitan.

Nah kali ini saya ingin membahas cara membuat related post yang lebih menarik yaitu dengan menambahkan thumbnail atau gambar didalamnya.

Lanjut membaca → Membuat Related Posts dengan Thumbnail

Memasang Efek Salju di Blog

Rabu, 21 April 2010

Pingin turun salju pada blog anda agar terlihat lebih hidup dan cool (baca: keren)? Baik, maka anda perlu memasang efek salju di blog anda.

Untuk memasang efek salju, caranya sangat mudah.

Lanjut membaca → Memasang Efek Salju di Blog

Membuat Kotak Alert Message(2)

Rabu, 07 April 2010

Setelah saya memposting tentang cara membuat kotak alert message. Ternyata ada seorang sobat yang bertanya kesaya bagaimana cara membuat kotak alert message yang ada konfirmasinya. mungkin yang dimaksud adalah seperti yang ini kali ya



Lanjut membaca → Membuat Kotak Alert Message(2)

Membuat Kotak Alert Message di Blog

Selasa, 06 April 2010

Mungkin anda pernah melihat kotak alert seperti dibawah ini ketika mengunjungi sebuah blog. Dimana anda harus mengklik tombol OK atau klik tombol Close untuk bisa mengakses blog tersebut.

alert message box
Sesuai dengan namanya, maka kotak ini berfungsi untuk menampilkan pesan-pesan penting atau peringatan kepada pengunjung.

Lanjut membaca → Membuat Kotak Alert Message di Blog

Membuat Objek Melayang

Selasa, 30 Maret 2010

Jika anda sering melakukan blogwalking maka anda akan melihat ada beberapa blog yang memasang objek melayang. Objek melayang adalah objek yang selalu berada dilayar meskipun scrollbar digulung keatas ataupun kebawah. Sehingga objeknya selalu tampak oleh pengunjung. Objek ini bisa berupa teks, gambar, link, iklan, widget, flash, dll.

Lanjut membaca → Membuat Objek Melayang

Membuat Menu Navigasi Horizontal + Kotak Pencari

Kamis, 25 Maret 2010

Kemarin ada yang menanyakan kepada saya bagaimana cara membuat menu navigasi yang ada tulisan home, paypal, contact me seperti pada blog saya. Hmm.. sebenarnya menu tersebut sudah disediakan dari templatenya. Dan kebanyakan template baru sekarang sudah menambahkan menu tsb. Tapi bagi anda yang templatenya tidak menyediakan menu tersebut, anda juga bisa menambahkan sendiri dengan sedikit modifikasi pada css template anda.

Lanjut membaca → Membuat Menu Navigasi Horizontal + Kotak Pencari

Persela

More on this category »

Berita Islam

More on this category »

Hukum

More on this category »
 

© Copyright Berita Lamongan Terkini 2010 -2011 | Design by Kabarlamongan.com | Published by Nirwana Digital Print | Powered by Blogger.com.