Membuat Read More

Trik Blog

Jika kita melihat atau membuka blog orang lain, kadang kita melihat Read More atau selengkapnya pada bagian bawah artikel! Tujuan sebenarnya dari fasilitas itu adalah mempersempit area halaman, agar kapasitas homepage nya menjadi lebih kecil pula! Masih bingung? intinya dengan mebuat read more atau selngkapnya akan mempercepat loading halaman blog. Mengapa? karena semakin kecil kapasits blog, maka semakin cepat pula halaman itu dibuka. suah mengerti! Alhamdulillah! Nah anda pasti bertanya, Kemana sebagian artikel yang hilang dari read more? Sebenarnya artikel yang tidak tampil itu disembunyikan oleh perintah - perintah, sehingga yang tampil hanya sebagian saja! Selain itu read more ada dua versi yaitu:

1. Jika di klik "read more" maka halaman akan mereload sehingga yang tampil nantinya hanya artikel yang di klik "read more" sedangkan artikel lainnya tidak ditampilkan.

2. Jika di klik "read more" maka halaman tidak akan mereload tetapi akan langsung muncul text dari artikel yang disembunyikan.

Berdasarkan kecepatan dari versi read more di atas tentulah lebih cepat cara nomor 2. Tapi disini saya menjelaskan cara no 1. Untuk cara no 2, mungkin besok lusa! hehe. Langsung aja gini caranya:

1. Login ke Blogger.
2. Masuk ke Tata letak, dan pilih edit html.
3. Untuk berjaga - jaga klik download template lengkap.
4. setelah beres mendownload, beri tanda centang pada expand template widget.
5. setelah itu cari kode ini
<data:post.body/> bila tidak ada cari yang ini sama saja kok:
<p><data:post.body/></p>

Sebagai saran! untuk mencari kode diatas tekan tombol ctrl+f (jika anda menggunakan mozilla firefox) lalu dibawah ada tool finding dan masukan yang ingin anda cari. setelah itu enter. jika tidak ketemu coba tulis ulang, atau cari manual.

6. setelah ketemu lalu ganti kode diatas tadi dengan kode 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/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>



Nah kata selengkapnya bisa anda ganti dengan kata sesuka anda. contoh : read more, baca terus, dll.

7. Lalu simpan template. Jika blogger menerima maka tidak akan ada pesan kesalahan, dan jika blogger tidak menerima maka akan muncul pesan error atau sebagainya. Nah jika anda melakukan langkah diatas dengan benar maka tidak akan ada pesan error.

8. Setelah menyimpan template, masuk ke pengaturan lalu pilih tab format.
9. Pada template posting, dipinggirnya ada area kosongkan? nah lalu pastekan code ini:

<span class="fullpost">


</span>



10. Setelah situ simpan. dan masuk ke entri baru ( itu loh kalo kamu mau posting )
11. Kamu pilih yang edit html jangan yang tulis. ( di kotak penulisan posting diatasnya ada tulis dan edit html )
12. Nah ketika kamu mau posting pasti ada kode ini:

<span class="fullpost">


</span>


13. kode diatas jangan dihapus, kamu tulis artikel yang mau ditampilkan sebelum kode diatas, dan kamu tulis lagi yang sebagiannya setelah <span class="fullpost"> dan sebelum </span>

14. jadi nantinya postingan yang akan tampil di blog kamu yaitu postingan yang kamu tulis sebelum kode <span class="fullpost">

15 dan jika mengklik read more atau selengkapnya ( tergantung anda tadi ) maka yang akan tampil adalah postingan seluruhnya.

Contoh penulisan:

Aku adalah<span class="fullpost">
Lelaki

</span>



nanti pada blognya akan muncul aku adalah, sedangkan jika kita mengklik read more maka yang tampil akan aku adalah lelaki. Gitu deh beres.

Tunggu versi read more yang kedua ya! Selengkapnya...

Membuat Search Engine Di Blog

Trik Blog

Tentunya kita sudah mengenal yang namanya search engine! APa! Belum tahu? CAPE DECH.... Harie gini belum tau search engine!!! itu loe yang kalo kita mau caaari sesuatu di internet ( Mbah Google ). Masa gak tau ahhhhhh. Ya udah gini cara agar di blog kita ada search enginenya.

1. Login ke blogger.
2. Klik Tata Letak.
3. Lalu disana ada peta template mu, lalu pilih add gadget.
4. Pilih Html/script
5. Copy dan Pastekan kode ini disana, disitu, disini, eh di yang tadi!


<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Selengkapnya...

Mengganti Icon blogger

Trik Blog

Bila kita membuka suatu website ataupun blog, kita akan menjumpai adress bar ( tempat menuliskan alamat ) dengan beragam gambar ataupun animasi. Dan jika kita memiliki sebuah blog di Blogger atau Blogspot maka yang akan muncul adalah ini :
Terkadang kita bosan dengan gambar tersebut dan ingin untuk merubahnya. Bila kamu yang tidak suka ataupun tidak puas dengan gambar default dari blogger, kamu bisa merubahnya sesuai keinginan kamu. dengan catatan kamu mempunyai alamat gambar yang ingin kamu jadikan favicon ( gambar adress bar ). Ini merupakan contoh alamat:
http://unthergrounds.netne.net/blog/gambar/image3cr0.gif
Kalimat yang tebal merupakan nama gambar, dan gif merupakan ekstensi dari gambar tersebut. untuk merubah favicon, langkah - langkahnya sebagai berikut:

1. Login ke blogger.
2. Masuk ke Tata Letak Lalu Edit Html
3. Tekan tombol ctrl+f. Maka akan muncul tool find di bawah. lalu masukan </head> dan tekan enter
4. Tambahkan Code ini sebelum </head>
<link href="http://unthergrounds.netne.net/blog/gambar/image3cr0.gif" rel="SHORTCUTICON">
5. Lalu Simpan Perubahan.

Lihat Hasilnya apakah sudah berhasil?
Bila ingin merubah gambar tinggal mengganti
alamat http://unthergrounds.netne.net/blog/gambar/image3cr0.gif
dengan alamat gambar yang ingin anda gunakan.
Good Luck Selengkapnya...