Friday, February 3, 2017

Membuat Old Post dan New Post dengan Judul

Membuat Old Post dan New Post dengan Judul


Membuat Old Post dan New Post dengan Judul, Membuat Posting lama dan Posting Baru menjadi nama Judul Artikel sebelumnya dan sesudahnya atau terbaru dengan CSS. Tutorial ini mungkin sudah banyak yang share namun tidak ada salahnya saya bagikan kembali.

Membuat Old Post dan New Post dengan Judul

Taruh script berikut diatas code ]]></b:skin>
Sebelumnya cari code/script :
.blog-pager {.....}
#blog-pager
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {....
Kurang lebih scriptnya seperti diatas, Replace dengan code berikut ini.

.blog-pager {background: transparent none no-repeat scroll top center;
padding: 10px 4px 0 !important;}
#blog-pager {height: 60px;}
.blog-pager-older-link, .home-link,
.blog-pager-newer-link {background: -moz-linear-gradient(center top ,
#E4F5FC 0%, #BFE8F9 38%, #9FD8EF 66%) repeat scroll 0 0 transparent;
background-color: #cde0f5;width:300px;background: -webkit-gradient(linear,
left top, left bottom, color-stop(0%,#e4f5fc), color-stop(38%,#bfe8f9),
color-stop(66%,#9fd8ef));
background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 38%,#9fd8ef 66%);
background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 38%,#9fd8ef 66%);
background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 38%,#9fd8ef 66%);
background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 38%,#9fd8ef 66%);
border: 1px solid #57C2ED;border-radius: 3px 3px 3px 3px;
color: #000000 !important;padding: 5px 17px;}
.blog-pager-older-link:hover, .home-link:hover,
.blog-pager-newer-link:hover {border: 1px solid #cde0f5;
box-shadow: 0 0 4px;text-decoration: none;}
Kemudian cari </head> klo sudah copy script berikut diatasnya :

<script type=text/javascript>
// Post titles to Older Post and Newer Post links Stylize
/*<![CDATA[*/var urlToNavTitle={};function getTitlesForNav(d){for(var c=0;
c<d.feed.entry.length;c++){var e=d.feed.entry[c];var b="";
for(var a=0;a<e.link.length;a++){if(e.link[a].rel=="alternate")
{b=e.link[a].href;break}}if(b!=""){urlToNavTitle[b]=e.title.$t}}}
document.write(<script type="text/javascript"
src="http://+window.location.hostname+/feeds/posts/summary?
redirect=false&max-results=500&alt=json-in-script&callback=getTitlesForNav">
</script>);function urlToPseudoTitle(a){var b=a.match(//([^/_]+)(_.*)?.html/);
if(b){b=b[1].replace(/-/g," ");b=b[0].toUpperCase()+b.slice(1);if(b.length>61)
{b=b.replace(/ [^ ]+$/,"...")}}return b}$(window).load(function()
{window.setTimeout(function(){var a=$("a.blog-pager-newer-link").attr("href");
if(a){var b=urlToNavTitle[a];if(!b){b=urlToPseudoTitle(a)}if(b){$("a.blog-pager-newer-link")
.html("<span>«</span> "+b)}}a=$("a.blog-pager-older-link").attr("href");if(a){var b=urlToNavTitle[a];
if(!b){b=urlToPseudoTitle(a)}if(b){$("a.blog-pager-older-link").html(b+"<span>»</span>")}}},500)});
/*]]> visit : http://eftutor.blogspot.com*/
</script>
Bagaimana cara meremove tampilan home seperti ini

Membuat Old Post dan New Post dengan Judul
Cari script berikut ini :
<a class=home-link expr_href=data:blog.homepageUrl><data:homeMsg/></a>
Jika sudah ketemu silahkan HAPUS, kemudian Save template Anda...


Available link for download