Membuat Next Page Di Blogger

Jika anda tertarik untuk membuat yang seperti ini pada blog anda langsung saja ikuti Step By Step di bawah ini

1. Login ke blogger anda tentunya
2. Masuk ke Tata Letak
3. Tambah Gadget >> HTML/JavaScript
4. Copy pastekan code berikut di dalamnya

</code></span><style><br> .showpageArea a {<br> text-decoration:underline;<br> }<br> .showpageNum a {<br> text-decoration:none;<br> border: 1px solid #ccc;<br> margin:0 3px;<br> padding:3px;<br> }<br> .showpageNum a:hover {<br> border: 1px solid #ccc;<br> background-color:#ccc;<br> }<br> .showpagePoint {<br> color:#333;<br> text-decoration:none;<br> border: 1px solid #ccc;<br> background: #ccc;<br> margin:0 3px;<br> padding:3px;<br> }<br> .showpageOf {<br> text-decoration:none;<br> padding:3px;<br> margin: 0 3px 0 0;<br> }<br> .showpage a {<br> text-decoration:none;<br> border: 1px solid #ccc;<br> padding:3px;<br> }<br> .showpage a:hover {<br> text-decoration:none;<br> }<br> .showpageNum a:link,.showpage a:link {<br> text-decoration:none;<br> color:#333;<br> }<br> <br> </style><br> <br> <br> <br> <br> <br> <br> <script type="text/javascript"><br> <br> function showpageCount(json) {<br> var thisUrl = location.href;<br> var htmlMap = new Array();<br> var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";<br> var isLablePage = thisUrl.indexOf("/search/label/")!=-1;<br> var isPage = thisUrl.indexOf("/search?updated")!=-1;<br> var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";<br> thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;<br> var thisNum = 1;<br> var postNum=1;<br> var itemCount = 0;<br> var fFlag = 0;<br> var eFlag = 0;<br> var html= '';<br> var upPageHtml ='';<br> var downPageHtml ='';<br> <br> var pageCount=5;<br> var displayPageNum=6;<br> var firstPageWord = 'First';<br> var endPageWord = 'last';<br> var upPageWord ='Back';<br> var downPageWord ='Next';<br> <br> <br> var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';<br> <br> for(var i=0, post; post = json.feed.entry[i]; i++) {<br> var timestamp = post.published.$t.substr(0,10);<br> var title = post.title.$t;<br> if(isLablePage){<br> if(title!=''){<br> if(post.category){<br> for(var c=0, post_category; post_category = post.category[c]; c++) {<br> if(encodeURIComponent(post_category.term)==thisLable){<br> if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br> if(thisUrl.indexOf(timestamp)!=-1 ){<br> thisNum = postNum;<br> }<br> <br> postNum++;<br> htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br> }<br> }<br> }<br> }//end if(post.category){<br> <br> itemCount++;<br> }<br> <br> }else{<br> if(title!=''){<br> if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){<br> if(thisUrl.indexOf(timestamp)!=-1 ){<br> thisNum = postNum;<br> }<br> <br> if(title!='') postNum++;<br> htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;<br> }<br> }<br> itemCount++;<br> }<br> }<br> <br> for(var p =0;p< htmlMap.length;p++){<br> if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br> if(fFlag ==0 && p == thisNum-2){<br> if(thisNum==2){<br> if(isLablePage){<br> upPageHtml = labelHtml + upPageWord +'</a></span>';<br> }else{<br> upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';<br> }<br> }else{<br> upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';<br> }<br> <br> fFlag++;<br> }<br> <br> if(p==(thisNum-1)){<br> html += ' <span class="showpagePoint"><u>'+thisNum+'</u></span>';<br> }else{<br> if(p==0){<br> if(isLablePage){<br> html = labelHtml+'1</a></span>';<br> }else{<br> html += '<span class="showpageNum"><a href="/">1</a></span>';<br> }<br> }else{<br> html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +' </a></span>';<br> }<br> }<br> <br> if(eFlag ==0 && p == thisNum){<br> downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';<br> eFlag++;<br> }<br> }//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){<br> }//end for(var p =0;p< htmlMap.length;p++){<br> <br> if(thisNum>1){<br> if(!isLablePage){<br> html = '<span class="showpage"></span>'+upPageHtml+' '+html +' ';<br> }<br> }<br> <br> html = '<div class="showpageArea"><span style="color:#fff;" class="showpage"> Total '+(postNum-1)+': </span>'+html;<br> <br> if(thisNum<(postNum-1)){<br> html += downPageHtml;<br> <br> }<br> <br> if(postNum==1) postNum++;<br> html += '</div>';<br> <br> if(isPage || isFirstPage || isLablePage){<br> var pageArea = document.getElementsByName("pageArea");<br> var blogPager = document.getElementById("blog-pager");<br> <br> if(postNum <= 2){<br> html ='';<br> }<br> <br> for(var p =0;p< pageArea.length;p++){<br> pageArea[p].innerHTML = html;<br> }<br> <br> if(pageArea&&pageArea.length>0){<br> html ='';<br> }<br> <br> if(blogPager){<br> blogPager.innerHTML = html;<br> }<br> }<br> <br> }<br> </script><br> <br> <script src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script><br> </br><br> <a href="http://abi-galoga.blogspot.com/" rel="me" target="_blank">next page</a> <span class="fullpost"><code><span style="color: rgb(114, 45, 50);"></span>

Catatan : untuk mengatur jumlah posting dalam satu halaman silahkan atur code beirkut

 var pageCount=5;

jika anda ingin menampilkan 10 posting satu halaman maka 

var pageCount=10;

Simpan.

menambah emoticon cbox dan shoutmix

Kali ini saya akan mengajarkan cara menambahkan emotion di Cbox atau Shoutmix . Saya tidak usah jelaskan panjang x lebar = langsung saja ke TKP.

Untuk Emotion di Cbox
1. Login ke Cbox anda
2. Pilih Options > Smilies
3. Lalu anda isi kotak URL dengan alamat emotion anda
4. Isi code dengan code gambar anda
5. Alt. code hampir sama dengan code
6. Save, sekarang lihat emotion di Cbox anda

cara memposting kode HTML di blog

Mungkin anda pernah mengalami kesuliatan saat akan posting kode HTML. Biasanya saat akan memasukan kode HTML akan keluar hasilnya atau tidak bisa di posting. Sebenarnya caranya sangat mudah.

1. Anda masuk ke
http://centricle.com/tools/html-entities/
atau
http://www.opinionatedgeek.com/DotNet/Tools/HTMLEncode/Encode.aspx
2. masukan kode yang ingin di posting
3. klik encode dan hasilnya itulah yang harus anda posting

Mudahkan !!!