untuk sobat yang ingin menerapkan ikuti Tata cara pemasangannya seperti ini.
Masuklah ke halaman editor HTML template Anda, letakkan kode CSS dibawah ini di atas kode kode
]]></b:skin> atau </style>1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-910code-line:1-1011code-line:1-1112code-line:1-1213code-line:1-1314code-line:1-1415code-line:1-1516code-line:1-1617code-line:1-1718code-line:1-1819code-line:1-1920code-line:1-2021code-line:1-2122code-line:1-2223code-line:1-2324code-line:1-2425code-line:1-2526code-line:1-2627code-line:1-2728code-line:1-2829code-line:1-2930code-line:1-3031code-line:1-3132code-line:1-3233code-line:1-3334code-line:1-34.widget.PopularPosts .widget-content {
font-size:96%;
line-height:normal;
}
.widget.PopularPosts li {padding:.5em 0 .8em}
.widget.PopularPosts .item-title a {
display:block;
font-weight:bold;
margin:0 0 .2em;
}
.widget.PopularPosts img {
padding:0;
margin:5px 10px 0 0;
border:none;
background-color:#111;
float:left;
}
.widget.PopularPosts a.more-link,.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {
display:block;
float:right;
color:#333;
background-color:#999;
line-height:100%;
margin:1em 0 0;
padding:2px 6px 4px 5px;
font-size:10px;
font-style:italic;
text-decoration:none;
text-shadow:none;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.widget.PopularPosts a.more-link:hover,.widget.PopularPosts a.more-link:focus {background-color:white}
Setyelah selesai, silahkan cari kode script ini di widget Popular Post pada template Anda dan kodenya seperti ini.
1code-line:2-1<div class='item-snippet'><data:post.snippet/></div>
Setelah itu letakkan kode di bawah ini dibawahnya atau setelahnya.
1code-line:3-1<a class='more-link' expr:href='data:post.href'>Baca Selengkapnya</a>
Langkah terakhir simpan template anda dan lihat hasilnya.
Silahkan ubah css dan "Baca Selengkapnya" dengan tampilan dan teks yang anda inginkan.
Tombol ini akan menghilang jika pada widget popular post di blog sobat hanya menerapkan untuk menampilkan judul saja.
Demikian saja semoga bermanfaat...
Tidak ada komentar :
Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>
Konversi KodeOOT