Membuat Navigasi Top Of Page dan Top Of Post Pada Blog Filed under ( Tips Blogging ) by admin

Ada dua fungsi dari navigasi tersebut diantaranya kembali ke atas halaman penuh suatu template (top of page) dan kembali ke atas hanya pada halaman postingan saja (top of post).sebelum anda meng-edit code HTML ada baiknya anda backup terlebih dahulu dengan men-Save code HTML anda.

pertama masuk ke Tab Layout -> Edit HTML -> Pastikan Expand Widget di check

lalu anda cari code berikut <b:includable id='post' var='post'>

lalu perhatikan code berikut, apakah persis dengan code yang diatas ?

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

kalau sudah sesuai maka tambahkan code berikut ini expr:id='"post-" + data:post.id'

sehingga tampilan code akan seperti ini :

<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template' expr:id='"post-" + data:post.id' >
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>

setelah itu lalu anda cari code seperti dibawah ini:
<div class='post-footer-line post-footer-line-2'>

lalu letakan code berikut ini diatas persis dibawah code tadi

<a href='javascript:scroll(0,0)' title='Kembali ke atas halaman'>Kembali ke atas halaman</a> |
<a expr:onclick='"javascript:document.getElementById(\"post-" + data:post.id + "\").scrollIntoView(true);"' href='javascript:void(0);' title='Kembali ke atas postingan'>Kembali ke atas postingan</a><div style='clear:both'/>

lalu Save Template anda tadi.

Membuat Navigation Page "Next - Previous" Filed under ( Tips Blogging ) by admin

Gambar diatas merupakan salah satu bentuk navigasi yang secara umum banyak digunakan di blog-blog dan website. bagaimana cara membuat Navigasi tersebut ? caranya cukup mudah ...

Copy Code dibawah berikut ini :

<style>
.showpageArea {padding: 0 2px;margin-top:10px;margin-bottom:10px;}
.showpageArea a {border: 1px solid #505050;color: #000000;font-weight:normal;padding: 3px 6px !important;padding: 1px 4px ;margin:0px 4px;text-decoration: none;}
.showpageArea a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
.showpageNum a {border: 1px solid #505050;color: #000000;font-weight:normal;padding: 3px 6px !important;padding: 1px 4px ;margin:0px 4px;text-decoration: none;}
.showpageNum a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
.showpagePoint {font-size:11px;padding: 2px 4px 2px 4px; margin: 2px;font-weight: bold;border: 1px solid #333;color: #fff;background-color: #000000;}
.showpage a:hover {font-size:11px; border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
.showpageNum a:link,.showpage a:link {font-size:11px;padding: 2px 4px 2px 4px;margin: 2px;text-decoration: none;border: 1px solid #0066cc;color: #0066cc;background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;border: 1px solid #333;color: #000000;background-color: #FFFFFF;}
</style>
<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=2;
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;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>

dimana harus diletakan? coba anda cari </body> lalu paste persis diatas-nya, lalu anda save.Selesai

Metode membuat "read more" Filed under ( Tips Blogging ) by admin

Biasanya postingan terbaru akan ditampilkan dihalaman utama blog. Namun jika postingan terlalu panjang maka hal tersebut akan membuat penuh halaman utama. Jika ingin supaya postingan yang ditampilkan dihalaman utama cuma abstraksinya saja kemudian ada sebuah link Read More / Baca Selengkapnya untuk melihat selengkapnya maka ikutilah langkah-langkah berikut :

1. Buka menu Layout kemudian pilih Edit HTML.

2. Kasih tanda cek (centang) pada cekbox "expand widget template"

3. Cari kode berikut di Template blog kamu (tempatnya kira-kira pada 1/4 bagian bawah kode hmtl) :

kotak "expand widget" dicentang dulu, agar code yang ter-hide keluar.

langkah-langkah Configurasi:

<style>
<b:if cond='data:blog.pageType == "item"'>
span.fullpost {display:inline;}
<b:else/>
span.fullpost {display:none;}
</b:if>
</style>

1. Copy code diatas dan paste ke posisi diatas </head>
2. Copy code di bawah ini

<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'> Read More..</a>
</b:if>

lalu cari code berikut ini :

<p><data:post.body/></p>

lalu paste code tersebut persis di bawah <p><data:post.body/></p> tadi

lalu di SAVE untuk menyimpan editan kita tadi.

3. lalu yang terakhir masuk ke-menu Setting lalu pilih Formatting
4. Pada kotak Post Template isikan kode berikut:

<span class="fullpost">

</span>

lalu di-SAVE

Untuk melihat hasil ReadMore tadi, kita bisa membuat posting seperti biasa, dan tulisan yang ter-ReadMore tadi bisa kita sisipkan di antara <span class="fullpost"> dan </span>

Cara mudah mendapatkan $50,$200,$500 dari Phicaphone Filed under ( Monetize ) by admin

Apa itu phicaphone?
kalau merunut pada web-nya, phicaphone merupakan web community Global Address, dimana web community ini bermaksud, menciptakan web comunitas yang menyerupai mirip-mirip Facebook atau Friendster.

Dan pada online perdananya mereka bermaksud, meraup user sebanyak-banyaknya, dengan affiliate komisi yang lumayan menggiurkan, dengan cara yang mudah, akan tetapi waktu yang di berikan oleh mereka juga tidak cukup lama.

caranya mudah, dimana user yang telah registrasi, di anjurkan untuk mengirim ke sejumlah user melalui Email atau Re-ferral Link dan mereka melakukan registrasi, maka anda akan memperoleh komisi. Berikut perhitungan komisi tersebut:

• 200 user ter-Registrasi = $50
• 500 user ter-Registrasi = $200
• 1000 user ter-Registrasi = $500

tunggu apalagi, silahkan anda lakukan Registrasi Phicaphone

Publish Post

Billing Warnet - MOG Billing System Filed under ( BillingWarnet ) by admin

1. MOG Billing System merupakan, software perhitungan biaya dan tarif yang diperuntukkan untuk bidang usaha warnet, game online, rental komputer dan lain-lain
2. MOG Billing System didistribusikan secara gratis (100% free) dengan fitur-fitur yang lengkap sesuai dengan kebutuhan bisnis, MOG Billing System mampu bersaing dengan billing system lain yang harganya jauh lebih mahal. Dengan tampilan animasi flash yang menarik pada client
   
3. MOG Billing System memiliki nuansa tersendiri dan karakter yang berbeda
4. Selain berfungsi sebagai software perhitungan biaya
5. MOG Billing System juga dapat berguna sebagai media iklan dan promosi bagi usaha dan bisnis anda.

dalam hal ini anda bisa melihat petunjuk installasi :

• Manual installasi Word Document format.
  
• Manual installasi PDF format.
  

Download applikasi MOG Billing System

• MOG Billing System part1
• MOG Billing System part2
• MOG Billing System part3
• MOG Billing System part4
• MOG Billing System part5
• MOG Billing System part6
• MOG Billing System part7
• MOG Billing System part8
• MOG Billing System part9
• MOG Billing System part10
• MOG Billing System part11
• MOG Billing System part12
• MOG Billing System part13