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

0 komentar:


CIMB Niaga, 7603 6767 7300, Arsis W | axxxxske-stsuxxxxxxxxx*#*$
OCBC NISP, 634130601924, C G Widi | suxxkamb
BRI, 6440-01-001908-53-8, St S | 94jy0CWep1

 
© Solo On Line ~ All Rights Reserved
Terima kasih atas kunjungannya
Cara Daftar FBS