Cara membuat read more di sebelah kanan

Secara default atau bawaan, kalau kita membuat read more, maka tulisan read more atau baca selengkapnya akan muncul disebelah kiri. Lalu bagaimanakah caranya supaya tulisan read more itu bisa muncul atau terletak disebelah kanan?
Caranya adalah dengan menambahkan kode html css berikut ini :

.post .jump-link{
    margin:15px 0 0; /* 15px untuk mengatur jarak antara teks link readmore & teks posting */
    text-align:right; /* text-align:right; untuk posisi readmore di kanan */
}
.post .jump-link a{ /* kode css untuk perubah ukuran, ketebalan & warna teks link */
    font-size:16px; /* ukuran teks link readmore  */
    font-weight:bold; /* ketebalan font teks link readmore  */
    color:red; /* warna teks link readmore */
}


ke atasnya kode ini ]]></b:skin>


Langkah-langkah mencari kode ]]></b:skin>
Login ke halaman admin blogger >> klik opsi lainnya >> klik template >> klik edit html >> cari kode ]]></b:skin> tersebut!

Supaya jelas lihat gambar di bawah!


Lalu misalkan nanti, kalian mau membuat tulisan read more supaya kembali bisa muncul di sebelah kiri, caranya adalah tinggal menghapus kode html tersebut di atas atau kalian bisa mengganti kode html di atas dengan kode html read more muncul di sebelah kiri di bawah ini :

.post .jump-link{
    margin:15px 0 0; /* 15px untuk mengatur jarak antara teks link readmore & teks posting */
    text-align:left; /* text-align:left; untuk posisi readmore di sebelah kiri */
}
.post .jump-link a{ /* kode css untuk perubah ukuran, ketebalan & warna teks link */
    font-size:16px; /* ukuran teks link readmore  */
    font-weight:bold; /* ketebalan font teks link readmore  */
    color:red; /* warna teks link readmore */
}

Sedangkan untuk membuat tulisan read more bisa muncul di tengah, kode html css'nya adalah yang ini :

post .jump-link{
    margin:15px 0 0; /* 15px untuk mengatur jarak antara teks link readmore & teks posting */
    text-align:center; /* text-align:center; untuk posisi readmore di tengah */
}
.post .jump-link a{ /* kode css untuk perubah ukuran, ketebalan & warna teks link */
    font-size:16px; /* ukuran teks link readmore  */
    font-weight:bold; /* ketebalan font teks link readmore  */
    color:red; /* warna teks link readmore */
}

Demikian share dari saya tentang cara membuat tulisan read more atau baca selengkapnya bisa muncul di sebelah kanan, semoga bermanfaat.

Cara Daftar Trading Forex Modal Gratis $123 US

Bagikan:

0 comments:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb_mnG0#M4sF40zY(35 kab & kota di JaTeng
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1
Hosting PompaSubmersible.com (IdWeb) Masih Tersedia Fasilitas 4 AddOn Domain
Submersible-submersi-Solo-mnG0#M4sF40zY(


Webinar Reksadana BNI:
Zoom Webinar Reksadana BNI Securitas
Oleh Karunia Lestari, Senior Institutional Marketing STAR Asset Management (STAR1402STAR1402)
Senen 14 Februari 2022 Jam 14.00.
Link Join Zoom Klik Disini!
Yatno Bekasi.

Products Overseas

Hosting Luar Negeri: BlueHost
MAU DAFTAR FOREX?
Buka Formulirnya Klik Disini!
Baca Panduannya Klik Disini!