Salam kepada semua, hari ini ada benda baru nak kongsi dengan anda tentang membuat bacaan selanjut untuk entri topic anda tanpa perlu ubah coding dalam template. Baru-baru ini Blogger memperkenalkan Jump Breaks, yang membantu membuatkan pisahan entri kepada 2 bahagian [Ringkasan + Baca Selanjutnya]. Teruskan... membaca..


Hack atau tidak perlu ubah code template
Sudah ada lama ada trick dan hack sebelum ini untuk membuat "bacaan selanjut" ini dengan menggunakan javascript dan css. Tetapi ramai yang tidak dapat pasang disebabkan terlalu rumit dan tidak biasa dengan coding. Seperti kawan kita Along Arman membuat tutorial di blognya. sumber : http://hanatrg.blogspot.com/2009/02/membuat-baca-selanjutnya.html merupakan contoh hacking digunakan sebelum ini. Saya sendiri pernah cuba hacking dari blog tersebut.

Kita tidak ada cara lain masa itu, terpaksa cari jalan untuk terus berblogging. Pengunaan hacking javascript ini ada kelemahan dia, anda perlu upload script javascript di hosting dan melambatkan loading page dan menyusahkan apabila anda anda menulis blog kerana anda perlu tambah coding tambahan untuk membuat bacaan selanjut.

Tetapi sekarang anda tidak perlu hacking atau ubah coding anda di templates. Blogger sudahpun perkenalkan "Jump Link" dalam post editor terbaru. Anda cuba lihat post editor sekarang [mode: Compose], ikon paling kanan sekali itu adalah shortcut untuk jumplink atau memisahkan ringkasan entri dan membuat bacaan selanjut. Lihat gambar dibawah:
Anda juga boleh guna <!-- more --> [p/s: ada ruang sebelum dan selepas more] bagi mode "edit-html": untuk memisahkan ringkasan entri. Pengunaan BS ini mungkin bermasalah bagi template diubahsuai lampau. Anda di nasihatkan cek coding ini sudah ada dalam template anda.

<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>

Kalau code atas ini tidak dalam template anda, perlu tambah atas ini sebelum <div class='post-footer'>

Selepas and buat semua diatas anda akan ada "Read more" dalam setiap entry anda, sekiranya anda mahu tukar perkataan "Read More" ini, Anda perlu Layout dan klik edit pada Widget Blog Posts dan tukar perkataan lain. Sebagai contoh, "Baca Selanjutnya" rujukk gambar bawah.


dan anda sekarang menulis blog dengan lebih senang nak tidak perlu sentuh coding untuk membuat "Bacaan Selanjut". Harap tip kali ini berguna kepada anda. Jangan lupe follow blog aku nanti dan komen / atau tanya masalah untuk memsang plugin ini, aku akan cuba bantu anda.

Salam semua, sudah lebih 1 minggu tidak post disebabkan terlalu buzy dengan assignment dan beberapa sebab yang lain. Tetapi apapun terima kasih kepada pengunjung blog saya kerana masih lagi ada yang bagi membalas komen entri yang sebelum ini. Terima Kasih kepada semua pengujung blog aku.

Hari ini aku nak post tentang gadgets blogger yang agak top buat masa ini. Tapi aku lihat blog kawan-kawan kita ada lagi yang tidak pasang  lagi di blog, mungkin disebabkan susah untuk pasang atau tidak dapat sumber gadgets atau tidak tahu pasang. Jadi disini ada 4 gadgets saya nak kongsi dan gadget ini tidak perlu susah nak install. 1 klik ikut wizard sudah cukup untuk memasang dalam blog. Mari kita lihat gadget ini dan  pasang di blog:

1. Twitter Updates: Twitter menjadi servis agak popular buat masa ini. Anda pun mungkin tidak terlepas daripada twitter ini. Anda boleh menarikkan lagi blog anda dengan "Twits" anda di blog anda menarikkan lagi look blog anda [Klik Sini] untuk install.
2. Recent Post: atau post terkini blog anda di sidebar blog anda. Pengunjung yang datang ke blog anda tidak perlu scroll sampai bawah blog untuk cari artikel dalam blog. Memasang gadget ini menyenangkan pengunjung dan userFriendly dalam mencari entri-entri di blog anda. Anda Boleh [Klik Sini] untuk Install Recent Comments Gadgets.
3. Recent Comment: Gadget ini juga amat berguna kepada blogger. Gadget ini akan tunjuk komen terkini blog anda di sidebar blog anda. Ini akan mengalakkan lagi komen-mengomen apabila pengunjung datang ke blog tidak perlu klik "Comment" untuk cek update atau balasan komen dari kawan lain. [Klik Sini] untuk install.
4. Picasa Photostream: Gadgets ini sesuai kepada photographer atau sesiapa yang aktif dalam memaparkan gambar di blog. Gadgets ini akan autoupdate foto-foto yang anda upload di Picasa. dan photo itu akan di link kan ke photo album anda di Picasa. Anda boleh adjust berapa banyak thumbnail untuk dipaparkan di sidebar blog anda. [Klik Sini] Untuk Install.

Harap post ini membantu anda dalam menarikkan lagi blog anda. Anda suka atau tidak suka entri ini, sila komen. Biar aku tahu apa yang anda nak sebenarnya. Aku hanya nak share apa yang menarik. Terima Kasih Kerana membaca dan diharap terus membaca. Sekian.

Sumber: BloggerBuster

Anda dinasihatkan membaca artikel ni dahulu sebelum membaca tutorial ini. Tutorial dikhaskan sesiapa yang sudah install DCS (Disqus Comment System) dalam blogger blog mereka.

1. Disqus Comment System - Untuk Facebook-Blogger Malaysia
2. Memasang Disqus Comment System di Blog Anda

Yeah... Hari ini ada entri yang agak menarik kepada sesiapa yang Facebook Addicted dan juga Blogger Addicted :). Hari aku akan buat tutorial untuk integrate (Discuss Comment Box)DCS dengan Facebook, Twitter. Bancuh segelas kopi sebelum memulakan tutorial ini.
Lihat Bawah:
Sebelum memulakan tutorial, kita tengok apa kelebihan/menarik yang kita dapat setelah membuat tutorial ini.

1. Pengunjung yang datang ke blog anda tidak perlu guna ID google untuk komen, login Facebook atau Twitter dah cukup untuk memberi comment.
2. Mempunyai avatar dalam komen, samada dari Disqus, Facebook atau Twitter.
3. Boleh lihat statistic : Siapa Komen? Berapa Banyak dia Komen? Siapa Paling Active Komen di blog anda.

4. Masukkan nama applikasi anda di Application Name (contoh: Applikasi Blogger Aku), Klik Agree,  dan klik "Save Changes". Rujuk Gambar bawah.

5. Setelah anda klik save changes tadi, anda akan diberi API KEY. Copy API key itu dan simpan di wordpad atau notepad untuk kegunaan nanti.
6. Selepas anda copy, pergi ke Tab Connect, Isi kan Connect URL dengan URL Blog anda. Dan Klik Save Changes. Rujuk Gambar Bawah.

7. Sekarang anda sudah pun ikuti bahagian paling susah dalam tutorial, tinggal sedikit lagi nak siap. Nak berehat terpulanglah.
8. Ingat lagi API key yang anda copy tadi, copy siap-siap nanti ada tempat kita kena paste key itu.
9. Ok. Buka Disqus.com yang anda susah pun register.
10. Pilih blog hendak dipasang. (Sekiranya ada lebih dari satu blog).
11. Klik Settings seperti dibawah:

12. Scroll kebawah sehingga Bahagian : "Option".
13. Tick Facebook Connect Di bahagian Option itu.
14. Anda akan diminta masukkan API Key, pastekan API Key yang anda copy tadi disini.
15. Seterusnya, anda boleh pilih yang lain daripada senarai situ, samada nak gune twitter-sign-in atau openID sign. Terpulang kepada citarase anda untuk blog anda.
16. Akhir sekali, scroll paling bawah page itu dan klik [Save].
17. Siap.

Selamat Pagi kepada semua pengunjung blog aku. Semalam aku dah bagi info tentang Disqus Comment System untuk blogger blog. Hari ini aku buat tutorial untuk memasang Disqus Comment Sytem dalam blog anda.

Ikuti tutorial dibawah.

1. Sign Up (atau daftar) satu akaun di Disqus.com
2. Isikan ruang Website URL(URL Blog anda), Website Name, dan Short Name.
3. Pilih platform anda untuk pasang comment system ini (Blogger). Seperti gambar dibawah.

4. Pergi ke Dashboard Blogger [Layout > Edit Html > Klik Download Full Template]

 

5. Balik kepada window Disqus tadi. Anda ada 2 pilihan seperi gambar dibawah. Dimana satu adalah pasang komen box untuk entri masa depan, pilihan kedua pula  untuk ganti comment sebelum dan juga masa depan. Pilihan kedua ini akan menyebabkan komen lama anda akan dihide kan.

6.  Klik browse. Upload file template yang anda download sebelum ini. Seperti Gambar diata.
7. Selepas klik upload. Disqus akan memberi code template baru untuk blog anda.
   
8. Klik Expand widget template seperti ga,bar dibawah sebelum anda paste code dari Disqus tadi. (Lihat gambar dibawah).

9. Akhir sekali klik Save Template untuk simpan template anda. Anda lihat balik blog anda. Disqus Comment System akan mula beroperasi dan akan memudahkan perbincang dan komen-komen anda dengan pengunjung blog anda. Semoga berjaya.
10. Ini contoh Disqus Comment System selepas dipasang dalam blog anda. Harap Mencuba
    

Sekiranya ada masalah anda boleh tanya soalan melalui komen post ini. Terima kasih.