Cara Membuat No. Halaman Post pada Blogspot - Dre@ming Media
Lembaga Pendidikan Computer Profesi
Home » , » Cara Membuat No. Halaman Post pada Blogspot

Cara Membuat No. Halaman Post pada Blogspot

Written By Arjawapost on Minggu, 03 Juli 2011 | 14.21

Minggu, 3 Juli 2011, 14:59

Seri Tutorial Kursus Internet

Mengisi nomor halaman pada post untuk blog pemberitaan mungkin kurang pas karena pembaca biasanya langsung mengklik pada berita yang diinginkan, namun untuk blog pribadi yang menunjukkan isi post yang satu dengan yang lain saling berhubungan atau minimal mempunyai nilai histories yang erat, mungkin perlu adanya no halaman ini untuk mempermudah pencarian. Whatever, I don't know what do you want, but this is real, question my student in Dre@ming Media.

Jadi langkahnya adalah:

1. Login terlebih dahulu pada akun blogspot Anda
2. Klik link menu Tata Letak, kemudian pilih sub tab menu Edit HTML
3. Jangan beri centang pada kotak kecil yang ada disamping tulisan Expand Template Widget
4. Cari kode ]]></b:skin> pada template tersebut

5. Copy paste struktur CSS berikut tepat diatas kode ]]></b:skin>
==========================
/* Page Navigation */
.blog-pager {text-align: center; margin-top: 10px; font-size: 0.75em; font-weight: bold;}
.showpageArea a {text-decoration:underline;padding: 2px 6px 2px 6px;color: #333;background: #fffff4;margin: 2px;}
.showpagePoint {padding: 2px 6px 2px 6px;color: #FFF;background: #a0c800;border: 1px solid #ccc;margin: 2px;} /*Current page*/
.showpageOf {padding: 2px 6px 2px 6px; color: #333;background: #fffff4;border: 1px solid #ccc;margin: 2px;} /* Page (1), Page(2) ... */
.showpageNum a {text-decoration:none;padding: 2px 6px 2px 6px;color: #0066cc;background: #fffff4;border: 1px solid #ccc;margin: 2px;}
.showpageNum a:hover {border: 1px solid #aaa;background-color:#ccc;color: #ff9600;}
.showpageNum a:link {text-decoration:none;color:#333;}
.showpage a {text-decoration:none;padding: 2px 6px 2px 6px;color: #0066cc;background: #FFF;border: 1px solid #ccc;margin: 2px;} /* Next, Prev...*/
.showpage a:hover {padding: 2px 6px 2px 6px;color: #ff9600;background-color:#ccc;border: 1px solid #aaa;margin: 2px;}
.showpage a:link {text-decoration:none;color:#333;}
==========================

6. Cari lagi struktur seperti berikut pada template pembaca
==========================
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
==========================

7. Kemudian copy paste struktur berikut pada program klik disini tekan Encode lalu blok struktur yang didapat dan copy paste tepat dibawah struktur diatas.
==========================
<script type="text/javascript">
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';


var pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="/">1</a></span>';
}
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';
}
}

if(eFlag ==0 && p == thisNum){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");

if(postNum <= 2){
html ='';
}

for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}

if(pageArea&&pageArea.length>0){
html ='';
}

if(blogPager){
blogPager.innerHTML = html;
}
}

}
</script>

<script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
==========================

8. Klik tombol menu SIMPAN TEMPLATE, selesai dan bisa lihat hasilnya, jika ada pertanyaan atau kemungkinan tidak mau hubungi kami!.



Dre@ming Media______Tautan
I Wayan Arjawa, ST
Share this article :

Total Visitors

Cara Pembayaran

Pembayaran Bisa dilakukan Cash ditempat kursus, atau melalui transfer bank dibawah ini:

1. Bank Mandiri, No. Rekening : 1450004182149, Atas Nama: I Wayan Arjawa, S.T.

2. Bank BNI, No. Rekening : 0055157742, Atas Nama: I Wayan Arjawa, S.T.


Konfirmasi pembayaran menggunakan WA, Line atau SMS. DISARANKAN Konfirmasi via SMS ke 0852 5349 4669 dengan format sbb :

"Transfer (Nama Siswa Client) (JUMLAH TRANSFER) (BANK) (TANGGAL) (NAMA PEMILIK REKENING/PENGIRIM) (KETERANGAN)"

contoh SMS :
"Transfer JHON Rp.750.000 BNI 31/12/16 ICA SURICA utk pembayaran kursus Ms. Word-Excel"


Format SMS diatas BAKU agar tidak diubah urutannya.
Konfirmasi Transfer jam 8 Pagi sampai jam 9 Malam WIB, selain jam ini Bank melakukan updates.
Bila lebih dari 24jam anda belum mendapat balasan konfirmasi SMS, harap segera menghubungi nomor Telpon Billing
 
Support : Dre@ming Post | Dre@aming Group | I Wayan Arjawa, ST
Proudly powered by Blogger
Copyright © 2011. Dre@ming Media - All Rights Reserved
Template Design by Dre@ming Post Published by Sorga 'n Neraka