30 November 2009

Cara Buat Variasi Read More pada Blog (classic)

Halaman utama (Homepage) sebuah website atau blogsite merupakan representasi dari keseluruhan isi konten web atau blog. Pemilik website atau blog selalu menginginkan pengunjung untuk dapat membaca seluruh atau beberapa artikel yang telah diposting. Akan tetapi karena keterbatasan ukuran halaman utama yang hanya dapat menampilkan sebagian artikel sudah barang tentu tidak mungkin menampilkan seluruh isi artikel. Oleh sebab itu, banyak pemilik website hanya menampilkan judul dan petikan awal dari masing-masing artikelnya. Sedangkan apabila pengunjung ingin membaca suatu artikel secara lengkap, pengunjung tinggal mengklik tag "Read More..." atau "Baca selengkapnya.." atau "Lanjut baca...." dan lain sebagainya.

Walau tidak semua artikel dapat sekaligus ditampilkan namun paling tidak pemilik website telah mengurangi kelelahan pengunjung untuk membuka satu persatu halaman websitenya.

Bagaimana dengan Blogsite pribadi kamu? Apakah sudah punya trik cara membuat tag "Read More..."? Jika belum ada baiknya kamu baca selengkapnya...

Untuk membuat tag "Read More.." dll tersebut pada blog kamu "tidaklah sulit" (sorry ngga pake istilah mudah, dengan alasan ingat kata pepatah "tidak ada yang mudah, tetapi tidak ada yang tidak mungkin" begitu intermezonya :)) Secara garis besar, dalam dunia blogger khususnya, ada 4 (empat) langkah dari menu utama Blogger.com yang harus kita modifikasi sederhana atau ditambahkan kode HTML.

Pertama, pada menu Dasbor >> Tata Letak >> Edit HTML >> Expand Widget >> tambahkan kode HTML dibawah ini.






sebelum kode HTML berikut





Kedua, masih pada menu Dasbor >> Tata Letak >> Edit HTML >> Expand Widget >> tambahkan kode HTML dibawah ini.





diantara


dan



sehingga secara keseluruhan kode HTML yang telah ditambahkan nampak seperti ini









Ketiga, pada menu Dasbor >> Pengaturan >> Format >> Templat Entri >> tambahkan kode HTML berikut ini.




sehingga tampak seperti ini






Keempat, pada menu Dasbor >> Posting >> Entri Baru >> Edit HTML >> tampak halaman kosong Entri Posting Baru seperti ini.



Agar kode HTML 'span class:fullpost' tampak pada halaman entri, pastikan pengetikan artikel dilakukan secara Edit HTML.

Selanjutnya tulislah bagian artikel yang ingin ditampilkan diatas kode HTML 'span class: fullpost' dan bagian artikel yang ingin disembunyikan dibawah 'span class: fullpost' dan ditutup dengan '/span'.



Read More...“Cara Buat Variasi Read More pada Blog (classic)”  »»

22 November 2009

Cara Sembunyikan Blogger Nav Bar

Sering kita melihat pada halaman depan sebuah blog menampilkan Blogger Navigation Bar yang terletak di bagian atas halaman blog. Bagi sebagian pengguna blog, adanya nav bar ini dirasa dapat mengurangi penampilan yang lebih menarik dari sebuah situs pribadi.

Figure 1 : Blogger Navbar tampak pada bagian atas kiri halaman blog
Figure 2 : Blogger Navbar tampak pada bagian atas kanan halaman blog

Tapi selalu ada cara untuk melakukan trik agar Blogger Nav Bar dapat disembunyikan dari tampilan halaman blog kita. Caranya cukup mudah, tinggal menambahkan sedikit kode html berikut yang ditempatkan pada halaman blog.

Langkah-langkah :
  1. Login ke Blogger.com
  2. Pada tampilan Dasbor, klik "Tata Letak" atau "Setting"
  3. Pilih menu "Edit html", jangan lupa mencontreng beri tanda (v) pada kotak "Expand Template Widget"
  4. Tambahkan kode html dibawah ini pada halaman blog
#navbar-iframe {
height:0px;
visivility:hidden;
display:none }


"Simpan" halaman html blog yang sudah diedit, untuk menghilangkan keraguan dari perubahan kode html, silakan mengklik "Pratinjau" atau "Preview" untuk memastikan kode html telah ditambahkan dengan benar.

Figure 3 : Kode html diatas yang telah dicopy parse pada halaman blog


Sedikit trik akan membawa pengaruh yang cukup berarti, selamat mencoba.

Read More...“Cara Sembunyikan Blogger Nav Bar”  »»

21 November 2009

Cara Buat Blog di Blogger.com

Ternyata sangat mudah memiliki sebuah situs pribadi, dan yang menarik situs ini dapat dimiliki tanpa harus membayar sama sekali alias gratis. Saat ini banyak tool publishing gratis yang menyediakan host gratis yang biasa disebut sebagai BLOG, misalnya Blogger.Com/blogspot, Wordpress.com, Blogs.ie, Blog.Detik.com dan masih banyak lagi.

Pada posting perdana ini di tutorialkan cara mendaftarkan dan membuat blog dengan menggunakan Blogger.Com/ blogspot.

Hal pertama yang harus Anda lakukan adalah memiliki email account dari google (Gmail.com) atau email address selain Gmail misalnya Yahoo.com yang sudah terdaftar pada account google, cara mendaftar ke account google, klik disini.

Berikut ini langkah-langkahnya :
  1. Buka browser internet Anda, cari Blogger.com/ blogspot.
  2. Klik situs Blogger.com, pada halaman muka masukkan account google atau Gmail di "nama pengguna (Email)" dan password di "Kata Sandi"
  3. Isi "Nama Tampilan" di kotak. Contoh: Blog Saya
  4. Berikan tanda "v" (check) pada "Penerimaan Persyaratan" dan Klik "Lanjutkan>>".
  5. Pada kotak "Judul Blog" isilah dengan Judul atau Tema yang diinginkan. Contoh : Blog Tutorial Saya.
  6. Pada kotak "Alamat Blog" isilah dengan alamat URL. Contoh: blogpertamasaya. Jangan lupa klik “Cek Ketersediaan” untuk mengetahui apakah alamat URL yang dipilih masih tersedia (belum digunakan oleh orang lain). Coba buat nama atau alamat URL lain apabila alamat yang dimasukkan tidak tersedia.
  7. Apabila alamat blog tersedia dan sesuai dengan keinginan Anda, lalu segera klik "Lanjutkan>>"
  8. Pada halaman "Pilih Sebuah Template" silakan memilih satu dari beberapa model halaman blog /template, lalu sekali lagi klik "Lanjutkan>>"
  9. Pada halaman berikut akan muncul pesan "Blog Anda Telah Diciptakan!" artinya Anda sudah berhasil membuat blog.
  10. Untuk memulai membuat isi blog dengan artikel atau tulisan (posting) klik "Mulai Blogging>>".
Begitu Anda mengklik "Mulai Blogging" artinya Anda sudah siap dengan tulisan yang akan dimuat pada halaman blog.

Berikut langkah-langkahnya :
  1. Di kotak "Judul" isi kotak dengan judul artikel yang akan ditulis. Contoh: Tentang Blog
  2. Ketiklah artikel Anda pada kotak berikutnya. Bila Anda belum memiliki artikel atau tulisan yang hendak ditulis, sekedar melakukan percobaan silakan mencopy parse artikel atau tulisan lain pada kotak entry.
  3. Selanjutnya, klik "Terbitkan Entry" untuk mempublikasikan artikel pada halaman Blog Anda, atau
  4. Klik "Simpan Sekarang" apabila Anda belum menginginkan artikel tersebut tampil pada halaman Blog namun tersimpan pada daftar entry sebagai konsep atau draft.
  5. Lakukan langkah 1 sampai 4 setiap saat Anda ingin menulis dan menerbitkan sebuah artikel atau melakukan "Posting".
Sekarang, Anda telah memiliki Situs Pribadi. Selamat Datang di dunia Blog.

Read More...“Cara Buat Blog di Blogger.com”  »»

Related Post