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

Membuat Navigasi Halaman untuk Blog

Kamis, 18 Maret 2010

Widget navigasi halaman merupakan widget yang berfungsi untuk membuka halaman belakang pada blog. Fungsinya hampir sama dengan fungsi "posting lama" dan "posting baru" pada blog. Bedanya adalah dengan widget ini anda bisa lebih cepat untuk menelusuri halaman belakang suatu blog karena anda tidak perlu membuka satu per satu halaman yang ada melainkan bisa langsung melompat kehalamman selanjutnya. Sehingga bisa menghemat waktu pencarian anda.

Lanjut membaca → Membuat Navigasi Halaman untuk Blog

Menghilangkan Link Showing Post With Label Blogger

Senin, 15 Maret 2010

Ketika anda mencari konten melalui search box maupun label atau kategori. Maka biasanya akan muncul kotak kecil yang berisi Showing Post With Label seperti gambar dibawah ini.

showing post with label
Jika anda merasa terganggu dengan keberadaan kotak tersebut dan sekaligus untuk meringankan loading blog. Anda bisa menghilangkannya dengan cara berikut.

Lanjut membaca → Menghilangkan Link Showing Post With Label Blogger

Menampilkan Judul Posting Saja Pada Halaman Pencarian

Minggu, 14 Maret 2010

Biasanya jika ada pengunjung yang mencari artikel diblog kita baik dengan label maupun dengan search box atau kotak pencari. Maka yang muncul adalah judul posting beserta isinya. Coba anda bayangkan jika konten yang mengandung keyword yang ingin dicari pengunjung mencapai 50-100 artikel. Berapa lama waktu yang diperlukan pengunjung untuk mencari topik yang diinginkan. Apalagi topik yang diinginkan berada dihalaman paling belakang bisa-bisa pengunjung akan kabur sebelum menemukan kontennya.

Lanjut membaca → Menampilkan Judul Posting Saja Pada Halaman Pencarian

Mengganti Author Name Blogger

Sabtu, 13 Maret 2010

Memiliki beberapa blog dalam satu akun merupakan hal yang biasa bagi setiap blogger. Sebab untuk membuat blog itu mudah dan tidak dibatasi jumlahnya. Jika anda membuat banyak blog dalam satu akun maka semua blog tersebut akan memiliki author name yang sama. Bagi anda yang belum tahu apa itu author name, Author name adalah nama penulis konten atau orang yang memiliki blog tersebut.

Nah kadangkala ada blogger yang enggan untuk menunjukkan indentitas aslinya. Kalau begitu berarti sobat harus mengganti namanya dengan nama lain.

Lanjut membaca → Mengganti Author Name Blogger

Membuat Link Warna Warni Pada Blog

Jumat, 12 Maret 2010

Rainbow link atau link pelangi merupakan suatu link dimana jika mouse pointer kita diarahkan ke link tersebut maka linknya akan berkedip warna-warni seperti warna pelangi.

Jika anda masih bingung. Silahkan berkunjung kesini lalu arahkan kursor mouse anda ke salah satu link untuk melihat hasilnya. Gmn menarikkan? Nah untuk memasang link warna-warni ini caranya sangat mudah. Anda cukup memasukkan kode javascript-nya padablog anda maka efeknya akan langsung berfungsi.

Lanjut membaca → Membuat Link Warna Warni Atau Rainbow Link Pada Blog

Memasang Label Cloud Pada Blogger

Selasa, 09 Maret 2010

Label cloud ini dikembangkan oleh phydeaux3. Sesuai dengan namanya, widget ini berhubungan dengan label sehingga bagi anda yang tidak memasang widget label pada blog anda. Cara ini tidak bisa digunakan.

Untuk label standar blogger, biasanya jumlah postingan yang termasuk dalam kategori tersebut akan tertera dalam bentuk angka yang terletak disampingnya. Tetapi beda dengan label cloud, yang menggambarkan jumlah postingan dalam bentuk ukuran font labelnya. Jadi semakin banyak postingan yang termasuk dalam kategori tersebut semakin besar pula ukuran fontnya. Sehingga terlihat lebih menarik dan tidak monoton. Selain itu, cara ini juga cocok untuk ukuran sidebar yang lebar karena susunannya mengurut ke samping.

Lanjut membaca → Memasang Label Cloud Pada Blogger

Cara Membuat Menu Dropdown Pada Blogger

Sabtu, 27 Februari 2010

Dropdown menu adalah menu yang berisi sekumpulan teks atau link yang disingkat menjadi sebuah menu tunggal.

Contoh tampilannya seperti ini:



Isinya hanya akan tampil jika anda mengklik pada menu tersebut sehingga bisa hemat ruangan blog. Cara ini bisa dijadikan sebagai alternatif blogroll atau kebutuhan lainnya.

Lanjut membaca → Cara Membuat Menu Dropdown Pada Blogger

Memasang Tag Cloud Pada Blogger

Kamis, 25 Februari 2010

Ketika melakukan blogwalking, saya menemukan sebuah widget yang cukup menarik yaitu label animasi atau disebut dengan tag cloud. Label animasi ini mempunyai tampilan yang sangat menarik karena ketika kursor mouse disorot ke area tag cloud tersebut maka labelnya akan berotasi seperti orbit. Sehingga membuat blog kita terasa lebih interaktif.

Label animasi ini mempunyai fungsi yang sama dengan label standar dimana setiap kali kita memberi label pada postingan maka label tersebut secara otomatis akan muncul pada area tag cloud.

Lanjut membaca → Memasang Tag Cloud Pada Blogger

Cara Membuat Footer Multi Kolom

Selasa, 23 Februari 2010

Sebelumnya saya pernah memposting tentang cara membagi bagian sidebar menjadi 2 kolom. Nah kali saya akan membahas tentang cara membagi bagian footer menjadi multi kolom. Multi kolom disini maksudnya bisa jadi 2 kolom, 3 kolom atau 4 kolom. Tergantung dari kebutuhan anda.

Lanjut membaca → Cara Membuat Footer Multi Kolom

Cara Membagi Sidebar Menjadi 2 kolom

Sabtu, 20 Februari 2010

Postingan ini saya buat untuk menjawab pertanyaan dari mas panji. Beliau pernah menanya saya melalui shoutbox, "Kang Herman ajari buat side bar dua kolom kayak blog sampeyan ya.. tolong kirim ke email saya : (mail). thx". Karena saya merasa teman-teman yang lain juga mungkin membutuhkan maka saya mempostingnya disini.

Terus terang sudah lama saya tidak pernah utak-atik template jadi dah rada-rada lupa. Tapi karena ada permintaan dari mas panji maka terpaksa buka buku lagi deh. Semoga tutorial ini bermanfaat terutama untuk mas panji.

Lanjut membaca → Cara Membagi Sidebar Menjadi 2 kolom

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.