15 September 2015

[Tutorial] Cara Menggeser 'Read More'

[Tutorial] Cara Menggeser 'Read More'. Read More, atau lanjutkan membaca, berfungsi untuk mempersingkat tampilan postingan kita di beranda. Jadi halaman beranda tidak akan terlalu penuh, dan bisa menambah jumlah page view di blog kita. Umumnya, tulisan Read More ini terletak di bagian kiri bawah postingan, tapi ternyata posisinya bisa diganti lho, di tengah atau di sebelah kanan.

cara geser read more, indahprimadona.com
image: Pixabay

Karena aku pakai blogspot, jadi tutorial menggeser Read More ini khusus blogspot ya. Pertama-tama, klik Template di dashboard, lalu pilih Customize, Advanced, dan Add CSS.

Lalu paste code di bawah ini di bagian Add CSS.

.jump-link { text-align: center; }

Klik Apply to Blog.

Tulisan Read More sudah pindah ke tengah.

cara geser read more, indahprimadona.com

Kalau ingin menggeser Read More ke sebelah kanan, tinggal mengganti tulisan center menjadi right. Mudah kan?

Happy blogging ^_^


Posted by
Labels: ,

70 comments :

Silahkan tinggalkan komentar dengan bahasa yang sopan, tidak mengandung SARA, dan tanpa link hidup
Jangan lupa follow IG @indahprimadona
Saran dan masukan ke hello.primadona@gmail.com
Terima kasih ^_^

  1. Hilda IkkaSeptember 15, 2015 at 8:34 AM

    Alhamdulillah.... Nemu juga solusinya. Terima kasih :* It helps me A LOT! ^^

    ReplyDelete
  2. Nan DjabarSeptember 15, 2015 at 9:04 AM

    Ihh gampang banget...ntar coba ah tfs ya mbak

    ReplyDelete
  3. Junita SiregarSeptember 15, 2015 at 10:50 AM

    Thank you Emak, saya mo coba geser juga ah, secara masih pake blogspot gitu.

    ReplyDelete
  4. Vhoy SyazwanaSeptember 15, 2015 at 11:54 AM

    Aku blm bs bikin read more-nya Mak Dona *gaptek hihihi. Utak atik blm berhasil :(((

    ReplyDelete
  5. RatnaSeptember 15, 2015 at 12:31 PM

    Bookmark, siapa tahu nanti perlu. Thanks ya.

    ReplyDelete
  6. SwastikhaSeptember 15, 2015 at 12:38 PM

    Jejak dulu ah

    ReplyDelete
  7. Anjar SundariSeptember 15, 2015 at 12:44 PM

    saya terus terang belum ngeh teknik-2 begituan mbak...
    tapi kapan-kapan mau belajar juga... :)

    ReplyDelete
  8. SarahSeptember 15, 2015 at 2:39 PM

    bisa coba langsung nih :)

    ReplyDelete
  9. Prima HapsariSeptember 15, 2015 at 2:44 PM

    Nyoba ahhh, thank for sharing mbak.

    ReplyDelete
  10. Rosalina SusantiSeptember 15, 2015 at 3:47 PM

    Boleh banget nih di coba. Buat bikin read more 'biasa banget' kayak yg di blog saya aja saya belajarnya lama banget mbak. ahaha

    ReplyDelete
  11. FazriSeptember 15, 2015 at 5:57 PM

    Sulusinya sangat simple sekali, Tapi kok di blog saya tidak ada tulisan readmorenya ya... apa template blog saya bermasalah,,,

    ReplyDelete
  12. aireniSeptember 15, 2015 at 9:59 PM

    coba ah...oya kalau mau nambahin yang gambar di sampingnya itu gimana mbak? #penasaran

    ReplyDelete
    Replies
    1. Indah PrimadonaSeptember 16, 2015 at 10:35 AM

      di gambar read morenya mbak? bikin dulu mbak, kalo aku bikin di corel

      Delete
  13. Armita FibriyantiSeptember 16, 2015 at 3:52 AM

    Sudah saya cobain mba dan berhasil. Terimakasih

    ReplyDelete
  14. HM ZwanSeptember 16, 2015 at 7:18 AM

    asik,coba ah nanti..makasih mbak tutorialnya^^

    ReplyDelete
  15. Ratna sariSeptember 16, 2015 at 2:17 PM

    dicoba dulu ah, terimakasih mba tutorialnya :)

    ReplyDelete
  16. Mbul KecilSeptember 16, 2015 at 4:04 PM

    blogspot juga bisa ya mb dona?

    ReplyDelete
  17. AkuratuSeptember 16, 2015 at 9:25 PM

    Halo mak, kalo aku sukanya full feed, jd ga pake read more, karena kadang kan ya koneksi inet suka ga stabil, agak males gitu kalo mau baca lengkap read more Dulu, keburu hilang koneksinya.
    Hehehehe.

    Tapi bagus kok infonya, saya bookmark Dulu, siapa tau berubah pikiran.

    ReplyDelete
    Replies
    1. Indah PrimadonaSeptember 20, 2015 at 3:58 PM

      ya suka-suka emang sih, tapi kalo pake read more bisa nambah page view lho :D

      Delete
  18. UnknownSeptember 16, 2015 at 10:37 PM

    udah dicoba, berhasil... thanks tutorialnya ya mbak.

    ReplyDelete
  19. RatnaSeptember 16, 2015 at 10:51 PM

    Caranya mudah ya....msh bnyak blajar ttg blog nih :)

    ReplyDelete
  20. Indah Nuria SavitriSeptember 16, 2015 at 11:09 PM

    waaah...makasiiih untuk tutorialnyaaa :)

    ReplyDelete
  21. Evi Sri RezekiSeptember 16, 2015 at 11:56 PM

    Huaaa ternyata bisa ya digeser-geser gitu. Makasih infonya ^_^

    ReplyDelete
  22. UnknownSeptember 17, 2015 at 3:33 AM

    Iya mudah Mbak.. hehehe :) kalau mau geser ke kanan ganti right kalo mau ganti lagi ke tengah ganti lagi center.... seru kayaknya gonta ganti gitu... hehehe :)

    ReplyDelete
  23. FatimahSeptember 17, 2015 at 8:29 AM

    wah ternyata gampang juga ya mba :)

    ReplyDelete
  24. IzzawaSeptember 17, 2015 at 8:37 AM

    Sip deh ..saya baru belajar nih nulis d blogspot mak..sebelumnya d platform lain...msh bgung sm ini itu..mksh infonya ya mak

    ReplyDelete
  25. Irham Sya'roniSeptember 17, 2015 at 8:48 AM

    Wah, ternyata gampang banget. Dulu saya coba banyak cara, sampai akhirnya, tapi tidak segampang ini. Kerenn....!

    ReplyDelete
  26. Hendri HendriyanaOctober 16, 2015 at 1:50 PM

    wah gampang sekali ya mbak.hehe
    saya save dulu deh ah kodenya ya mbak :)

    ReplyDelete
  27. IrwinOctober 16, 2015 at 3:30 PM

    jiahhh dikira panjang skrip nya ternyata cuma segitu ^^

    ReplyDelete
  28. astin astantiOctober 19, 2015 at 7:47 PM

    Dan saya malah belum bisa membuat tulisan read more, latihan ach

    ReplyDelete
  29. mi astaOctober 19, 2015 at 7:48 PM

    Kalau dipelajari mudah ya. Makasih sharingnya tante

    ReplyDelete
  30. UnknownNovember 30, 2015 at 12:43 AM

    kalau masalah utak atik template suka bingung dan pusing mbak. jadinya, pilih apa adanya :(

    ReplyDelete
  31. Mbul KecilDecember 15, 2015 at 2:23 PM

    Wah manteb ni, tutorial read more udah, aku lg nungguin tutorial ngajuin adsense mb don

    ReplyDelete
  32. Ratna AmaliaDecember 16, 2015 at 10:50 AM

    Always like your short tutorial, mba Indah ^_^

    ReplyDelete
    Replies
    1. Indah PrimadonaDecember 17, 2015 at 2:24 PM

      Soalnya kalau panjang suka ribet aki jadi gak paham :)

      Delete
  33. Anggarani Ahliah CitraDecember 17, 2015 at 8:33 PM

    Simpeen...

    Pengen coba

    ReplyDelete
  34. mude mudrikahFebruary 21, 2016 at 3:47 PM

    Mba dona aku mau minta tips cara buat tombol readmore cantik kayak mba dona dong, Yg ada bunga2ny, itu di photobucket atau bagaimana ya mba?

    ReplyDelete
  35. Roma PakpahanAugust 24, 2016 at 8:34 PM

    Salam kenal mbak Dona.
    Kok di blog saya di satu postingan ada 2 read more, ya?. Boleh share gimana cara menghapus salah satunya, mbak?
    Makasih :)

    ReplyDelete
    Replies
    1. Indah PrimadonaAugust 26, 2016 at 4:41 AM

      heee kenapa ya? Pake template ya mbak blognya? Mungkin templatenya sudah punya read more sendiri, jadi yang asli masih kelihatan
      kalau mau dihilangin panjang penjelasannya, mungkin bisa search di google caranya mbak ^^

      Delete
Subscribe to: Post Comments ( Atom )