.showpageNum a { padding: 3px 8px; margin:0 4px; text-decoration: none; border:1px solid #999; -webkit-border-radius:3px;-moz-border-radius:3px; background: #ddd; } .showpageOf { margin:0 8px 0 0; } .showpageNum a:hover { border:1px solid #888; background: #ccc; } .showpagePoint { color:#fff; text-shadow:0 1px 2px #333; padding: 3px 8px; margin: 2px; font-weight: 700; -webkit-border-radius:3px;-moz-border-radius:3px; border:1px solid #999; background: #666; text-decoration: none; }

Halaman

wirausaha online Kontak jodoh Mobil bekas Rumah dijual
Tampilkan postingan dengan label bloger kreatif. Tampilkan semua postingan
Tampilkan postingan dengan label bloger kreatif. Tampilkan semua postingan

Jumat, 05 November 2010

Cara Membuat Kotak Blogroll Hemat Tempat

Saat kita punya teman di dunia maya, khususnya di blog, kita membutuhkan tempat untuk menampilkan teman-teman kita itu. Supaya kita tidak lupa, bisa mengingat alamat blog teman itu, dan sesekali berkunjung ke blog teman kita untuk bersilahturohmi, sebab dengan sering kita berkunjung ke blog teman kita akan menjadikan populer blog kita.

Semakin banyak teman semakin bagus, kita akan mempunyai banyak koneksi. Tapi bagaimana kalau banyak teman, maka akan banyak juga tempat yang akan kita sediakan untuk menampilkan teman kita? Sekarang tak usah khawatir, selain kamu bisa memanfaatkan bloglist (daftar blog) milik blogger, kita juga bisa membuat blogroll yang hemat tempat.

Cara Membuat Kotak Blogroll Hemat Tempat
1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:

<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 300px;
text-align: center; ">
<a href="http://kurniasepta.blogspot.com/">KURNIA SEPTA</a>
<a href="http://kurniasepta.blogdetik.com/">BLOGdetik</a>
<a href="http://kurniasepta.wordpress.com/">KS Wordpress</a>
.......dst
</div>

Sekarang apa yang dapat kita ganti agar sesuai dengan keinginanmu, dan sesuai dengan blogmu?
1. width: 200px; angka 200 berarti lebar kotak blogroll
height: 300px; angka 300 berati tinggi kotak blogroll
2. http://kurniasepta.blogspot.com/ alamat URL blog teman kita
KURNIA SEPTA adalah judul blog teman kita
3. Kamu dapat menambahkan alamat blog temanmu di bawahnya (...dst) sebanyak mungkin, sebanyak teman kamu.

Oke fren, semoga dengan kotak blogroll yang telah kita buat dapat menghemat space (tempat) di blog kita. Dan jadikan saya sebagai teman kamu yang teratas, :D
read more “Cara Membuat Kotak Blogroll Hemat Tempat”

Menampilkan Entri Terbaru Dengan Memanfaatkan Daftar Blog

Setelah dulu pernah saya membahas tentang menampilkan judul postingan terbaru, dengan mengunakan java script (klik disini untuk melihat) sekarang ada cara lagi yang lebih seru :) Yang ini menampilkan entri terbaru atau recent post dengan mengunakan fitur dari blogger yaitu "Daftar Blog"

Saat kamu menambahkan gadget, di tata letak. Kita menemui fitur terbaru blogger yaitu "Daftar Blog" Perlihatkan yang Anda baca dengan blogroll dari blog favorit Anda. Nah sekarang bagaimana seandainya blog favorit kita adalah blog kita sendiri, jadinya akan asyik kan? :n

Dengan fitur Daftar Blog ini kita kan menampilkan entri terbaru kita, dengan menampilkan juga


Ikon
Judul dari item terbaru
Snippet dari item terbaru
Gambar mini butir terkini
Tanggal pembaruan terakhir

Sekarang bagaimana cara menampilkan entri terbaru dengan memanfaatkan Daftar Blog?
1. Login ke blogger
2. Pilih Tata Letak --> Tambah Gaget
3. Pilih Daftar Blog --> TAMBAHKAN KE DAFTAR
4. Tambah URL, masukan kode berikut ini


 


http://NAMA.blogspot.com/feeds/posts/default/?start-index=2

Untuk entri terbaru kedua


http://NAMA.blogspot.com/feeds/posts/default/?start-index=3

Untuk entri terbaru ketiga


http://NAMA.blogspot.com/feeds/posts/default/?start-index=4

Untuk entri terbaru keempat

Dan seterusnya sesuai dengan keinginanmu, berapa banyak entri terbaru yang ingin kamu tampilkan, tinggal mengantinya dengan start-index=4 angka 4 berarti judul keempat. Ganti NAMA.blogspot.com dengan URL blog kamu sendiri. Untuk entri terbaru pertama kita tinggal memasukan URL blog kita (misal http://belajarngebloging.blogspot.com). Ide ini muncul dari kang jaloe kita cari ide-ide lainnya.


Untuk menghilangkan judul blog, sehingga yang muncul hanya judul postingan tambahkan kode berikut ini pada template.

.blog-title {
display:none;
}
 
taruh diatas kode  ]]></b:skin>

read more “Menampilkan Entri Terbaru Dengan Memanfaatkan Daftar Blog”