TUTORIAL Auto Read More & Freebies



ASSALAMUALAIKUM | SALAM SEJAHTERA

Tutorial kali ini aku nak share macam mana nak buat auto read more yang sangat mudah. And aku pun baru je gunakan auto read more ni dalam blog. Aku rasa bagus pulak kalau letak auto read more ni. Kenapa? Cuba uols klik ni>> http://www.bajuwarnacoklat.com/ dan lepas tu cuba klik link yang ini pulak>> http://www.bajuwarnacoklat.com/2016/02/nature-republic-aloe-vera-92-soothing.html

Nampak kan bezanya? Link pertama ada lima entry yang dah auto read more. Tak panjang berjela. Sebab dah dipendekkan. Rujuk gambar di bawah. Tapi kalau uols tekan link kedua tu, dia cuma keluar satu post sahaja kan? Tu sbb telah dikhaskan utk entry itu sahaja. Tak semua orang alert dgn entry-entry lepas kita. Jadi bila kita buat auto read more, pengunjung boleh nampak entry kita yang sebelum-sebelum ni. Selalunya bila aku tinggal jejak kat blog orang, aku letak url blog yang pertama tu. Jarang letak spesifik url mcm yg kedua tu melainkan aku tag dia HAHAHAA. So mana laa tahu disamping ada satu entry yang orang nak baca, rupanya ada lagi entry semalam semalam dia berminat nak klik dan baca jugak. Haaa. Kan dah bertambah pageview gitewww uolsss. Hehehee

Tutorial ini AUTO READ MORE tau. Tak perlu kena insert jump break untuk dapatkan read more ni. Senang kan. Korang taip jelaa berjelaa sepuluh entry ke. Takyah dah kena insert jump break sbb dia automatik jadi mcm gambar kat bawah ni.



Perbezaan antara "read more biasa" dan "auto read more"
Conventional read moreAuto read more with thumbnail
Uses HTMLJavascript
Need to insert code in post.Post is untouched.
Length of each snippet can be customized.Length can be changed, but it affects all posts.
Read More is applied only to posts with the code added.Read More applied to all posts, no exception.
No thumbnail. To show picture, you must place the picture inside the snippet (at the beginning of post).The first picture in each post will be used as a thumbnail. You can also choose not to show thumbnail.
The code loads full post but only shows the snippet.Only loads the snippet.

Ada dua jenis. Satu yang tidak bergambar. Satu lagi bergambar. Kalau nak guna yang bergambar aku ada buatkan freebies button auto read more ni kat bawah okay.. Jumlah post yang ada read more tu adalah mengikut pada berapa jumlah yang korang dah tentukan. Kalau korang letak 1. Mmg 1 jelah keluar. Better letak lebih sikit. Macam aku letak 5. Caranya korang g kat Layout, kat Blog Posts tu korang tekan Edit. Lepas tu korang akan nampak ' Number of posts on main page: ' Haa kan ada nombor tuu maka ubahlah ikut berapa banyak post di-read more terpampang pada blog kalian.
(1) Pergi kat template dan klik edit html. Tekan ctrl dan c lalu cari kod di bawah ni:

</head>

Jumpa tak? Kalau jumpa tepuk tangan sbb uols dah berjaya step pertama hihii.

(2) Korang copy dan paste kod di bawah ni DI ATAS kod (1)


NOTES:
summary_noimg = 250 adalah jumlah ringkasan tulisan jika tidak ada gambarnya
summary_img = 250 adalah jumlah ringkasan tulisan jika ada gambarnya
img_thumb_height = 120 adalah tinggi gambar
img_thumb_width = 120 adalah lebar gambar

(3) Lepas tu cari kod kat bawah ni pulak

<data:post.body/>

Jumpa tak? Kalau korang tekan ctrl + f, dan korang tekan enter dua kali, korang akan jumpa kod ni ada dua. Aku guna yang kedua sbb kalau yg pertama aku try tak jadik.

(4) Padam kod nombor (3) dan gantikan dengan kod di bawah



Preview dulu. Jadik tak? Kalau jadi, boleh laa save.

(5) Kalau korang nak perkataan Read More... tu jadi gambar, gantikan Read More... dengan kod di bawah. Tukar url gambar je tau. Yang img alt read more src depan tu tak payah tukar.

<img alt='Read More...' src='URL GAMBAR ANDA'/>

So nanti dia akan jadi macam gambar di bawah ni. Korang cuba preview dulu. Dah jadik boleh save.


Harap2 menjadi pada template uols! Tutorial ni kredit kepada blogger Faqihah Husni. Sbb aku refer banyak tuto rasanya tuto beliau paling senang bab read more ni. So a big fat thanks to her. Mohon halalkan ilmu yang saya kongsikan ni ya. Sbb ianya berguna sangat. Hehee. TQ!

Di bawah ni freebies aku buat. Kalau nak guna, silakan. Saiz dah okay tak kecik sgt tak besar sgt. Actually this post wan mean to publish yesterday. Tapi aku hold sbb malas nak upload freebies kat imgur hehehe. Hari ni seharian tak update blog. Reply komen je kejap siang tadi. Esok InShaaAllah akan siapkan banner dan tempahan edit blog. Offer masih dibuka. Till this 15Feb edit blog RM5. Tataaa and goodnight uols!




http://i.imgur.com/Ihz2YTy.png
http://i.imgur.com/OthYyKn.png
http://i.imgur.com/sKEx263.png
http://i.imgur.com/QMnJHb7.png
http://i.imgur.com/2v0Nzwj.png
http://i.imgur.com/6dFgGQX.png
http://i.imgur.com/A5lkU1f.png
http://i.imgur.com/NwHDLDm.png
http://i.imgur.com/JzCpCBI.png














8 comments:

  1. omg raiiii thank u so much! baru je nk cari tuto ni tp mcm tak phm hahahaha nnt qila nk buat hihi maceh hugs!

    ReplyDelete
  2. dulu teringin gak nak buat Read More tapi malas lak hehe

    ReplyDelete
  3. thanks Prai... Intan dah guna 1 ye ;)

    ReplyDelete
  4. kenapa bila tekan read more tu dia pergi keatas T_T pls help me. Dunno where to find tuto anymore. Hm.

    ReplyDelete
  5. This comment has been removed by the author.

    ReplyDelete
  6. summary_noimg = 250 adalah jumlah ringkasan tulisan jika tidak ada gambarnya

    kita buat jadi cuma dekat entri yg panjang dia dah keluar habis ,dan masih ada perkataan read more padahal dah memang keluar habis entri tu.. (*mcm mana nak jelaskan.. huhu)

    lagi satu kalau kita pasang benda ni kan,entri kita memang akan terus ada read more & pendek ke?

    ReplyDelete

Penghantaran sebarang komen, permintaan, cadangan ATAU komunikasi lain yg lucah, sumbang, palsu, mengancam ATAU negatif dengan niat untuk menyakiti hati, menganiayai, mengugut ATAU mengganggu orang lain dengan ATAU tanpa mendedahkan identitinya adalah suatu kesalahan boleh didenda tidak melebihi 58 ribu ringgit atau dipenjarakan selama tempoh tidak melebihi 1 tahun ATAU kedua-duanya sekali.