Mengganti Posting Lama dan Posting Baru atau Next dan Preview Post Menjadi Judul (Mudah dan SImple) | Ciskulnet

Kumpulan tutorial dan artikel seputar teknologi

Mengganti Posting Lama dan Posting Baru atau Next dan Preview Post Menjadi Judul (Mudah dan SImple)

02:45

               Bosan dengan tampilan blog yang gitu gitu saja? Coba pake syntax highlighter gan biar tampilan script atau code di blog lebih menarik. Bosan liat next dan preview post yang gitu gitu saja? Mungkin kamu harus nyobain ngeganti next dan preview post dengan judul next preview post. Bingung? ia mas bingung :(
liat dulu gambar berikut gan :D


      Gimana masih bingung juga? kalo masih bingung ikuti aja steep by steepnya trus liat perubahan di blog kamu :D (canda).

       Cara memasangnya seperti biasa masuk kebagian template > edit HTML lalu simpan kode berikut diatas tag </head>
 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/> 
Simpan template, lalu masuk ke tata letak > Tambahkan widget > Html/Javascript kemudian masukan script berikut ini
<style type="text/css">
.home-link{display:none}
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;font-family:Arial, sans-serif;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;font-family:Arial, sans-serif;}
</style>
<script type="text/javascript">
$(document).ready(function(){
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + "\u2192");//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text("\u2190" + newerLinkTitle);
});
});
</script>

*Catatanfont-size:12px (untuk merubah ukuran huruf, ganti 12px sesuai keinginan)width:200px (lebar dari judul yang ditampilkan, ganti 200px sesuai keinginan)font-family:Arial, sans-serif (ganti sesuka anda, misal Georgia, Trebuchet MS, Verdana, dll)

      Klik simpan dan lihat blog kamu simple kan :D, mudah lagi. Jika kamu ingin mengubah tampilan scroll bar di blog silahkan masuk ke sini.
Selamat mencoba :D

Related Post:
- Hide Comments

0 Komentar Untuk "Mengganti Posting Lama dan Posting Baru atau Next dan Preview Post Menjadi Judul (Mudah dan SImple)"

Berkmentarlah dengan baek dan sopan
- jangan melakukan spam ataupun sara Home

Artikel Rekomendasi

Related Post

Powered by Blogger.
Copyright © 2017 Ciskulnet All Rights Reserved - Template by Djasnote
^