masriadi.net » Blogger http://www.masriadi.net Belajar dan Berbagi Sun, 22 Nov 2009 08:58:43 +0000 en hourly 1 http://wordpress.org/?v=3.1.1 Cara Baru Membuat Readmore di Blogger http://www.masriadi.net/cara-baru-membuat-readmore-di-blogger.html http://www.masriadi.net/cara-baru-membuat-readmore-di-blogger.html#comments Sun, 15 Nov 2009 13:15:36 +0000 admin http://masriadi.net/?p=127 Anda tentu sudah tidak asing lagi dengan fitur readmore atau baca selengkapnya pada blog, biasanya terdapat pada artikel dihalaman home yang jika anda klik maka artikel tersebut akan ditampilkan secara penuh.
berikut cara baru membuat readmore di blogger :

Menggunakan fitur bawaan blogger
Saat ini fitur readmore telah ada pada editor blogger, namun masih versi uji coba. untuk menggunakannya anda harus login ke http://draft.blogger.com/.

Pilih Entri Baru, ketik artikel dan pada bagian yang ingin dipotong pilih “Insert Jump Break”.

readmore1

anda juga bisa memasukan secara manual dengan mengetik <!– more –> pada bagian yang ingin anda potong.

Mengubah tulisan readmore
Pilih ‘Tata Letak’ > Elemen Halaman > pada bagian posting blog pilih ‘edit’ > akan muncul jendela pop up > ganti tulisan ‘pada Teks tautan laman entri’ dengan tulisan yang anda inginkan seperti baca selanjutnya, Selengkapnya dll > Simpan.

readmore2
readmore3

Keterangan :

  • Bila anda telah membuat readmore dengan cara lain sebelumya. saya anjurkan untuk dihapus dulu.
  • Bila cara di atas belum berhasil, pilih ‘Tata Letak’ > Edit HTML > beri tanda Ceklis pada ‘expand template widget’. Cari kode seperti ini :

1

<data:post.body/> atau <p><data:post.body/><p>

kemudian masukan kode berikut persis di bawah kode di atas :

1
2
3
4
5

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more" '><data:post.jumpText/></a>
</div>
</b:if>

pilih ‘Save Template’

Bila masih ada kendala, mari kita diskusikan disini :) Selamat mencoba..

]]> http://www.masriadi.net/cara-baru-membuat-readmore-di-blogger.html/feed 3 Cara Membuat Dropdown Menu di Blogger http://www.masriadi.net/cara-membuat-dropdown-menu-di-blogger.html http://www.masriadi.net/cara-membuat-dropdown-menu-di-blogger.html#comments Sun, 15 Nov 2009 13:09:14 +0000 admin http://masriadi.net/?p=124 Dropdown menu berfungsi untuk menghemat ruang diblog sehingga ruang yang di gunakan untuk widget archive, blogroll dll bisa ditampilkan lebih praktis tidak berjejer kebawah.

Membuat Dropdown menu untuk archive

  • Pilih Tata letak > Elemen Halaman > Tambah gadget > Pilih ‘Archive Blog’ >Beri tanda ceklis pada ‘Menu Dropdown’ > Simpan

dropdown1
dropdown2
dropdown3

Membuat Dropdown menu untuk Blogroll

  • Pilih tata letak > Elemen Halaman > Tambah Gadget > HTML/JavaScript > ketik blogroll pada judul, kemudian ketik kode berikut pada bagian konten > Simpan :

<form><select name=”menu” onchange= “window.open(this.options[this.selectedIndex].value,’_blank’)” size=1 name=menu>
<option>- Blogroll Gue -</option>
<option value=”http://www.tes.com/“/> tes1 </option>
<option value=”http://www.tes.com/“/> tes2 </option>
<option value=”http://www.tes.com/“/> tes3 </option>
</select></form>

dropdown4

Keterangan :

  • Kode yang berwarna biru untuk link blogroll anda
  • Kode yang berwarna merah untuk nama blogroll anda

Jika ada kendala, ayo kita diskusikan disini.. Selamat mencoba..!!

]]> http://www.masriadi.net/cara-membuat-dropdown-menu-di-blogger.html/feed 10 Membuat Favicon di Blogger http://www.masriadi.net/membuat-favicon-di-blogger.html http://www.masriadi.net/membuat-favicon-di-blogger.html#comments Fri, 13 Nov 2009 19:35:41 +0000 admin http://masriadi.net/?p=57 Favicon atau favourite icon adalah gambar kecil yang muncul di pojok kiri address bar dan pojok kiri tab browser anda.

favicon1.

Mengganti Favicon di Blogger
Favicon menjadi logo dari blog/web anda sehingga terkesan lebih profesional. berikut cara membuatnya :

  • Siapkan gambar yang akan menjadi ikon dari blog anda ukuran 100 Pixels x 100 Pixels, kemudian ubah file tersebut menjadi file icon dengan editor gambar anda. biar lebih praktis anda dapat membuat file icon secara mudah di http://www.favicongenerator.com caranya :
  • Kunjungi http://www.favicongenerator.com > Upload gambar anda > Generate Favicon > Download dan simpan file favicon.ico yang dihasilkan.

favicon2
favicon3

  • Upload file favicon.ico tersebut ke direktori web anda, misalnya di Yahoo! Geocities.
  • Login ke akun blogger anda, pilih ‘Tata Letak’ > Edit HTML > beri tanda Ceklis pada ‘expand template widget’. Cari kode seperti ini :
    <head>
    kemudian masukan kode berikut persis di bawah kode di atas :
    <link rel=”shortcut icon” href=”http://www.geocities.com/file_gue/favicon.ico“/>
    Ganti kode warna biru dengan url favicon anda, misalnya di    Yahoo! Geocities
  • Simpan template

Coba buka blog anda dibrowser (pada IE versi 6 kebawah biasanya tidak bisa menampilkan favicon), jika berhasil maka icon yang anda buat telah tampil di pojok kiri address bar dan pojok kiri tab browser.

Jika ada kendala, ayo kita diskusikan disini. Selamat mencoba..

]]> http://www.masriadi.net/membuat-favicon-di-blogger.html/feed 1