Mengganti Tulisan Next dan Prev Post dengan Gambar

Mengganti Tulisan Next dan Prev Post dengan Gambar - Mengganti Next dan Prev Post dengan Button - Next dan Prev Post dengan Button Wordpress. Pas lagi edit theme wordpres kepikiran buat jadiin catatan sendiri, soalnya pelupa.


Yang pengen coba ganti Tulisan next post dan prev post dengan Gambar atau gambar button pasnya. Silahkan ikuti tutorial singkat yang saya buat.. 


Pertama Buka single.php
Lalu cari tulisan <div class="navigation"> setiap thema wordpress beda-beda bisa cari yang mirip seperti itu, jika tidak ada silahkan buat sendiri 


<div class="navigation"> 
 <div class="navleft"> 
 <?php next_post_link('%link', '<img src="<?php bloginfo('template_directory'); ?>/images/prev.png" title="%title" />') ?> 
 </div> 
 <div class="navright"> 
 <?php previous_post_link('%link', '<img src="<?php bloginfo('template_directory'); ?>/images/next.png" title="%title" />') ?> 
 </div>
 </div> 
Yang belum ada silahkan tambahkan aj kode tersebut setelah
<?php endwhile; ?> 

Jika sudah sekarang bermain-main dengan file style.css buka file itu di dashboard anda lalu pastekan kode ini di paling bawah atau jika sudah ada tinggal edit2 aja.


.navigation {
margin: 0;
padding:0;
height: 45px;
background: #fff;
box-shadow: 0 0 2px rgb(204, 204, 204);    -moz-border-radius: 3px;  -khtml-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px;
width: 606px;
}
.navleft {
float: left;
margin: 5px;
background: url(images/prev.png) no-repeat;
}
.navright{
float:right;
background: url(images/next.png) no-repeat;
}

nb : prev.png dan next.png adalah nama gambar yg sudah anda upload ganti sesuai dgn nama gambar anda

Save dan lihat hasil pekerjaan anda :D

Sekian tentang Mengganti Tulisan Next dan Prev Post dengan Gambar/button, Jika ada pertanyaan silahkan koment akan saya bantu

Anda baru saja membaca artikel yang berkategori Wordpress dengan judul Mengganti Tulisan Next dan Prev Post dengan Gambar. Anda bisa bookmark halaman ini dengan URL http://olengkblogs.blogspot.com/2012/07/mengganti-tulisan-next-dan-prev-post.html. Terima kasih!

- Thursday, July 12, 2012