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)

10 Years Ago

               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:
  • Pengenalan GUI dalam Unity3d
             Sebelumnya dah pada tau gunanya engine unity3d kan?  Yup unity3d adalah software untuk membuat game baik 2d maupun 3d. Yang belum punya bisa download dulu softwarenya disini           ...
  • Memasang Syntax Highlighter Simple dan keren di Blog ala Indcreate
             Setah bertahun tahun ngutak atik blog secara otodidak akhirnya ane mulai terbiasa ngeblog, awalnya ane gak ngerti apa apa, apa itu Seo, Meta tag, back link, Syntax Highlighter dan lain sebagainya alhamdulilah sekarang masih...
  • Cara Mengganti Font di Blog (Blogspot)
                  Cara Mengganti Font di Blog (Blogspot) - Penggunaan font dapat mempengaruhi minat dari para pembaca olehkarena itu kita harus memilih font yang cocokBerikut Langkah Mengganti Font di Blog:1.  Buka...
- Hide Comments

Artikel Rekomendasi

Related Post

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