Blogger sudah support fungsi Readmore

Untuk melengkapi hadiah perayaan hari ulang tahunnya yang ke 10, kini blogger menambahkan satu tombol yang sangat di tunggu-tunggu oleh ribuan blogger didunia yaitu tombol "Jump Breaks" atau tombol "More" atau tombol "Read more" yang mempunyai fungsi untuk memotong tulisan di halaman depan (home page)
atau lebih populer dengan sebutan "fungsi read more".



Ini artinya, untuk memotong artikel agar tidak terlalu panjang tampil di halaman depan, anda hanya tinggal klik tombol " Read more" saja dan anda tidak harus repot lagi mengetikkan kode read more hasil hack atau apapun.
Namun, sepertinya tombol ini hanya muncul pada post editor baru dan dalam posisi mode "Compose" dan tidak muncul pada mode "Edit HTML". Walaupun seperti itu, anda masih tetap bisa menggunakan fungsi "read more" pada post editor lama serta dalam posisi mode "Edit HTML" yaitu dengan mengetikkan secara manual kode    

<!-- more -->


Untuk anda yang memakai template asli yang disediakan blogger akan langsung bisa menikmati fasilitas ini dan hasilnya akan muncul tulisan " Read more » "  seperti ini :


Bagi anda yang memakai template bukan yang disediakan oleh blogger atau template hasil download dari situs


lain, fungsi "  Read more " akan tetap berfungsi secara baik atau dengan kata lain artikel anda akan tetap terpotong namun tulisan " Read more » " tidak akan muncul. Untuk hal ini anda harus menambahkan kode tambahan pada template anda. Berikut langkah-langkahnya :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Edit HTML.
4. Beri tanda centang pada kotak kecil di sampil tulisan " Expand Template Widget "
   
5. Carilah kode yang mirip seperti Ini :
   
   <div class='post-body entry-content'>
         <data:post.body/>
         <div style='clear: both;'/> <!-- clear for photos floats -->
       </div>
   
6. Copy lalu paste kode berikut persis di bawah kode yang tadi :
   <b:if cond='data:post.hasJumpLink'>
         <div class='jump-link'>
           <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> 
         </div>
       </b:if>
   
   
   
7. Klik tombol SIMPAN TEMPLATE
8. Selesai.

Dengan cara tersebut, tulisan " Read more » " akan muncul walaupun anda tidak menggunakan template yang disediakan oleh blogger.

Secara default tulisan yang akan muncul adalah " Read more » ", namun anda bisa mengubahnya sesuai keinginan anda, caranya seperti ini :

1. Silahkan login ke blogger dengan ID anda.
2. Klik Tata Letak.
3. Klik tab Elemen Halaman.
4. Klik "Edit" pada elemen "Posting Blog" atau "Blog post" untuk yang bahasa inggris.
   
5. Setelah muncul jendela baru, gantilah tuisan Read more »  menjadi tulisan sesuai dengan keinginan anda.
   
6. Klik Tombol SIMPAN
   
7. Selesai.
   

Untuk anda yang menggunakan trik membuat read more seperti yang kang Rohman posting disini! sebaiknya di hilangkan saja karena blogger sekarang sudah mempunyai sistem read more sendiri. Cara mengembalikannya silahkan baca saja trik tersebut secara terbalik yaitu di baca dari bawah ke atas.

Cara Mudah Mengganti Header Blog

Bagi yang sudah bosen dengan tampilan Gambar Header Blog kita (kayak Ocy) dan pengin mengganti dengan desain kita biar lebih personal, mari simak cara-caranya !!!


Langkah Pertama Buatlah desain Headernya dengan Program pengolah gambar (Corel atau Photosop) dengan ukuran 847px X 240px. Simpan dalam format JPG atau GIF.

Let's Edit !!!
*) Cara Pertama :

1. Sign in di Blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template Anda untuk backup

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. cari kode berikut pada template Anda :

b:section class="'header'" id="'header'" maxwidgets="'1'"

pada kode maxwidgets='1'. Rubah angka 1 menjadi angka 2, sehingga kodenya menjadi

seperti ini :

b:section class="'header'" id="'header'" maxwidgets="'2'"

8. Klik tombol SIMPAN TEMPLATE

Kemudian ................????????????????

1. Klik menu Elemen Halaman

2. KLik tulisan Edit yang ada pada elemen Header

3. Tunggu beberapa saat

4. Pilih radio button yang ada di samping tulisan dari komputer Anda

5. Klik tombol Browse...

6. Pilih Header yang telah di buat yang ada pada komputer Anda

7. Tunggu beberapa saat sampai proses selesai.

8. Gambar Header Anda akan di tampilkan

9. Klik tombol SIMPAN PERUBAHAN

10. Selesai.

**) Cara Kedua

Kalau kurang puas dengan tampilan di cara pertama, kita akan edit dengan cara yang kedua!
Jika sudah selesai mendesain Headernya, silahkan Upload gambar Anda ! contoh di http://www.photobucket.com/

Let's Edit !!!
Caranya

1. Sign in di blogger

2. Klik menu Layout

3. Klik menu Edit HTML

4. Klik tulisan Download Template Lengkap, silahkan save dulu template Anda untuk backup

5. Klik kotak kecil di samping tulisan Expand Template Widget

6. Tunggu beberapa saat sampai proses selesai

7. Tambahkan kode berikut pada style sheet css Anda.Yang warna hitam adalah kode asli dan yang merah adalah kode yang harus di tambahkan (sesuaikan dengan alamat gambar Anda)


/* Header -----------------------------------------------
*/

#header-wrapper {
width:660px;
margin:0 auto 10px;
border:1px solid #ccc;
background:url(http://i256.photobucket.com/albums/hh174/mas_usup/mas_usup_top.gif);
}
}

8. Klik tombol Pratinjau untuk melihat perubahan yang ada

9. Bila sudah OK, klik tombol SIMPAN TEMPLATE

10. Selesai.

CARA MEMBUAT BLOG

belajar membuat blog

BELAJAR MEMBUAT BLOG

Domain User : http://user.blogspot.com
Keuntungan :
~ Bisa membuat lebih dari 1 blog dengan 1 acount.
~ Layout bisa diganti.
~ Acount di GMAIL ( jika diaktifkan ).
~ Otomatis akan masuk dalam Search Engine GOOGLE.
Kelemahan :
~ Tak adanya category posting.
~ Tak adanya search dalam 1 blog juga 1 database.
~ Tak adanya calendar arsip.
~ Anonymous jika pemberi komentar tidak login blogger.com
A. REGISTER :
Jika belum mempunyai acount di BLOGGER.COM, kamu bisa mulai dari sini, yaitu cara mendaftar….
1. Create Your Blog Now
Buka browser window, buka situs blogger.com ( klik di link disamping )
Pilih tombol yang terdapat tulisan CREATE YOUR BLOG NOW pada halaman web ( yang dilingkari pada gambar dibawah ).

2. Isi Formulir
Isilah form dengan lengkap, kemudian tekan CONTINUE ( yang dilingkari pada gambar )

3. Pilih Domain Blog
Isilah title blogmu, kemudian isi form address blog mu ( URL ) untuk membuka blog mu jika sudah selesai.
Sebagai contoh, saya membuat domain http://bantuanbelajar.blogspot.com, berarti di form ke dua diisi bantuanbelajar.
Pada form ke tiga, di isi code yang ada pada gambar atasnya ( gambar berupa perpaduan angka dan huruf , yang diberi tanda kotak pada gambar ).
Kemudian CONTINUE ( yang dilingkari pada gambar )

4. Memilih Template
Pilih template yang kamu sukai. Template yang di sediakan adalah template standart pada Blogger.Com. Jika ingin mengganti bisa pada halaman admin acountmu ( akan di bahas di belakang ).
Pilih template yang di suka dengan cara memberi tanda titik (.) pada bawah gambar template yang ada ( gambar yang dilingkari ), kemudian CONTINUE.

B. POSTING
Selamat, kamu sudah memiliki sebuah blog…..
Kamu tinggal memulai untuk menulis di blog mu….
[+] Setelah memilih template, maka kamu akan masuk ke halaman yang bertiliskan :
Your blog has been created!
Kamu tinggal menekan tombol START POSTING ( yang dilingkari pada gambar )

[+] Jika kamu sudah memiliki acount, kamu tinggal login saja di halaman depan.
Kemudian kamu memilih gambar + ( yang diberi tanda lingkaran ) untuk menulis postingan baru.
Jika ingin membuat blog baru, tak perlu untuk register kembali, karena untuk membuat beberapa blog, cukup 1 acount juga bisa, yaitu dengan cara menekan tombol CREAT A BLOG ( dalam gambar diberi tanda panah ).

[+] Mulai isi postingan yang akan kamu tulis, mulai dari judul postingan, juga isi postingan. Diatas tempat postingan telah tersedia tool - tool untuk style tulisan, baik mau text miring, ataupun tebal, dan sebagainya….
Untuk menampilkan gambar pada isi postingan, bisa menggunakan code berikut…
<img src="http://geocities.com/user/gambar.jpg">
dalam code di atas, yang text tebal adalah lokasi file gambar berada.
Bagi yang mempunyai ID Yahoo bisa mendapatkan hosting gratis di Geocities untuk meletakkan file gambar ataupun file lainnya, yaitu tentu dengan cara mendaftar….
Atau juga bisa mencari di Google, atau di situs manapun.
Untuk mengetahui letak (lokasi) file gambar di situs lain yaitu klik kanan pada gambar, pilih properties, nanti disitu keluar keterangan gambar, mulai dari ukuran, jenis juga letak gambar…
Ambil yang Address [URL], taruh dalam tag tadi….
Setelah postingan selesai, tinggal mem-publish kannya, yaitu tekan tombol PUBLISH POST, atau yang dibeli lingkaran pada gambar dibawah…

*) Kemudian tekan tombol REPUBLISH ENTIRE BLOG, setelah itu tekan tombol REPUBLISH INDEX ONLY.

C. EDIT / ERASE POST
Jika ingin meng-edit atau menghapus postingan, pilih menu EDIT POST ( yang diberi lingkaran pada gambar )

Setelah di edit, atau di hapus, ulangi langkah *) ( diatas ).
D. TEMPLATE
Untuk mengganti template, atau menambahkan tool dalam blog, pilihlah menu TEMPLATE ( yang dilingkari pada gambar dibawah ). Dihalaman tersebut akan terlihat code-code, tag HTML dari blogmu. Tentang cara mengganti template akan saya bahas di lain waktu….

E. LIHAT HASIL
Disamping kanan menu TEMPLATE, terdapat menu VIEW BLOG, klik kanan menu tersebut, pilih Open in New Window.
Dan hasilnya…….
Taraaaaaaaaaaaaaaaaaaaa………………
Blogmu sudah jadi……, selamat yahh……