Cara Mengganti Teks Link Read More BlogSpot Baru

Untuk merubah teks link read more Blogger baru "Baca Selengkapnya », tak ubahnya seperti panduan blogger pada read more lama. Perbedaan hanya pada teks/kode yang di rubah. Untuk merubah ke bentuk teks lain yang sesuai dengan keinginan kita, kita harus merubahnya dengan menghapus kode yang disertakan blogger dan diganti dalam bentuk teks yang baru.
Cara Mengganti Teks Link Read More BlogSpot Baru :
  1. Login : Loginlah ke Blogger.
  2. Dasboard : Halaman Dasbor, KLIK "Tata Letak" dan teruskan dengan KLIK "Edit HTML".
  3. Edit HTML : Amankan Template terlebih dahulu supaya bila terjadi kesalahan yang mengakibatkan kerusakan/perubahan yang tak diinginkan , template bisa dikembalikan lagi ke keadaan semula. Untuk mengetahui cara mengamankan template kalian bisa KLIK di sini.

    Lanjutkan dengan KLIK "Expand Widget Template".
  4. <data:post.jumpText/> : Cari kode html tersebut dengan menggunakan Ctrl + F. Untuk mengetahui cara cepat mencari kode html menggunakan Ctrl + F, kalian bisa KLIK di sini.

    Setelah ditemukan, hapus kode tersebut dan ganti dengan teks sesuka kalian.
  5. Ubah Warna dan Ukuran Teks Link Read More : Apabila sampeyan menghendaki untuk merubah ukuran ,warna atau jenis font, serta tebal dan tipisnya, kode di bawah ini bisa digunakan. Selanjutnya kalian bisa kembangkan sendiri bentuk font, warna ataupun ukurannya. Untuk mencari kode warna dan jenis font, di blog ini sudah saya sediakan.
  6. KODE html yang harus dirubah dan diganti :
    <a expr:href='data:post.url + &quot;#more&quot;' 
     expr:title='data:post.title'>
    <data:post.jumpText/>
    </a>
  7. KODE html Pengganti :
    <a class="RM" expr:href='data:post.url + &quot;#more&quot;'  
    expr:title='data:post.title'>
    Teks Pengganti (Read More)</a>
  8. KODE CSS :Simpan KODE Berikut di atas KODE :
    ]]></b:skin> --> posisi kode ini di atas </head>
    a.RM{display: block;width: 250px; text-align: 
    center; color: yellow;text-shadow: 1px 1px 1px #000;
    background: #996600; border-radius: 10px; 
    -moz-border-radius: 10px;-webkit-border-radius: 10px;
    font-weight:bold;font-size:16px;font-family:Cataneo BT;
    padding:2px 12px;border: 2px inset 
    #333;text-decoration: none;
    margin: 15px 0; -o-transition: all 1s ease-in; 
    -moz-transition: all 1s ease-in; 
    -webkit-transition: all 1s ease-in;}
    a.RM:hover{color:red;padding: 2px 12px;background: 
     #aaa;border:2px 
    outset #444;}
    a.RM:active{color:blue; background: 
     #99FFFF;font-size: 12px;}
  9. Simpan Template : KLIK"Simpan Template".
  10. Selesaiiiii !!!. 

 Source : http://gubhugreyot.blogspot.com

1 comment:

  1. Gan, terus cara ngatur posisinya/perataan objeknya gimana??

    ReplyDelete