Membuat Navigasi Number Di Halaman Blog

Salam hangat untuk semua pembaca setia blog ini ,kali ini saya akan sedikit berbagi cara mempercantik blog dengan cara Membuat Navigasi Number Di Halaman Blog untuk contoh nya silah kan lihat Di sini

duh pegel nih ngetik trs langsung aja ya gan ke intinya ..hee
silahkan pergi ke dashboar - rancangan - edit html
jangan lupa centang  expand widget setelah itu cari kode ini

]]></b:skin>

(gunakan ctrl+f)supaya lebih mudah
 ohy untuk saran sebelum nya download template dulu buat jaga2 kl ada kesalahan

gmn udah ketemu blm ? kl udah copy kode di bawah ini tepat di atas kode tadi


.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

selanjutnya cari kode ini </body>
selanjutnya copy code di bawah ini tepat di atas kode tadi

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-navi.v1.js' type='text/javascript'/>
</b:if>

Dan langkah terakhir cari lah code berikut

'data:label.url'

kalau udah ketemu hapus code tadi dan ganti dengan code di bawah ini

'data:label.url + &quot;?&amp;max-results=5&quot;'

simpan tempalate dan lihat hasil nya semoga berhasil ya gan  ohy jangan lupa untuk meninggalkan komentar thks

» Read More...

Daftar PPC terpercaya dan terbukti membayar

Jadikan hobi blogging anda mengsailkan uang,di bawah ini ada daftar PPC terpercaya dan terbukti membayar 

" Jika kawan tertarik mencoba bisa klik banner di bawah ini dan ikuti petunjuk selajutnya "

• DESAIN IKLAN

• ADSENSE CAMP

• KUMPUL BLOGGER

" selamat mencoba "

» Read More...

Merubah Tittle Blogg Dengan Postingan

Ada sedikit trick nih gan buat naikin rank kita di cara nya dengan mengganti title blogg dengan dengan postingan contoh nya bisa di lihat di sini 

jadi yg muncul pertama buka title blogg tapi deskripsi postingan,coba kawan perhatikan pasti yg muncul pertama di jajaran search engine google pasti yg postingan nya duluan 

bukan bermaksud menggurui tp hanya berbagi ilmu saja 

kaya nya cukup deh basa basi nya hee ,cara nya bisa di lihat di bawah ini 

• masuk ke layout -> edit HTML 
• cari kode ini  <title><data:blog.title/></title> < letak nnya di bagian atas ,supaya lebih mudah gunakan ctrl+f>
• jika sudah ketemu ganti dengan kode ini 

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<title><data:blog.title/></title>

<b:else/>

<title><data:blog.pageName/></title>

</b:if>

• simpan template 
• lihat hasil nya 

untuk halaman awal tetap terisi dengan title blogg tp jika di cari dengan isi postingan anda pasti hasil nya akan berbeda 

semoga bermanfaat kawan mari kita saling berbagi jangan lupa tinggalkan komentar nya ya 

» Read More...

Membuat box untuk menyimpan kode banner di blogg

Yang belum tau cara pemasangannya, silahkan ikuti tutorial berukut ini
· Masuk ke blogger
· Buka Design/Rancangan
· Pilih Page Element >> Add A Gadget
· Pilih HTML Javascript, lalu masukkan kode di atas tadi,
· Simpan


<p align="center"><textarea name="code" rows="8" cols="30Letakkan text ataupun kode lainnya yang anda inginkan di sini </textarea></p>

» Read More...

Cara Membuat related post

cara membuat related post untuk blogspot
Untuk tutorial kali ini saya akan meberikan bocoran tutorial mengenai cara membuat blog kita ada fasilitas related post / posting yang berkaitan. Pasti bagi sobat pengunjung yang membaca tutorial ini yang tadinya cuman kebetulan mebaca tutorial ini pasti bingung dengan apa yang sedang di bahas, beda dengan pengunjung yang emank sengaja mencari tutorial pembuatan related post lewat search engine pasti mereka langsung ngikut aja tanpa masalah... hehehe.... tapi tenang aja, bagi pengunjung yang kebetulan mebaca postingan ini akan saya jelaskan semaksimal mungkin agar dapat di terima dan mudah di pahami. apa sih related post itu..? kalo di artikan dalam bahsa indonesia apa coba..? ak ga tau juga... hehehe... yah semcam posting yang berkaitan.... nah trus berkaitan apa dunk.... yang pasti sistemnya berkaitan dengan label yang kita pakai atau namai... ( wah tambah pusing pa ga..? ) maksudnya bgni seumpama kita mau membuat postingan tentang tutorial ngeblog, di dalam postingan itu kita kasih label bernama "tutorial blog", untuk membuat labels bisa kan...? pasti bisa dech... Kemudian, kita balik lagi ke related post, trus setelah kita membuat postingan yg berlabels "tutorial blog" sekarang kita buat lagi postingan dengan judul yang lain tapi topiknya sama (mengenai blog) dan kita beri labels yg sama lagi yaitu "tutorial blog". nah jika anda sudah memsang script untuk related post yg akan saya kasih tau nanti, maka secara otomatis di blog anda akan muncul related postnya...
jika masih belum jelas mengenai penjelasan saya, begini aja... anda coba dulu tutorial yang saya bahas ini kemudian lihat hasilnya... pasti anda akan tau dan mudeng sendiri.. hehhe.....

Yang musti anda lakukan adalah copy seluruh code script dibawah ini :



<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;

for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;

if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}

var labelArray = new Array();
var numLabel = 0;

<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;

var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>

</div>
</b:if>


setelah anda mengcopy seluruh code script di atas, silahkan anda login ke blog anda dan bergegaslah masuk di halaman edit html, dan jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"

kemudian cari dan temukan code script seperti di bawah ini :

<data:post.body/>

jika sudah ketemu code script seperti itu, silahkan pastekan code script yang anda copy pertama kali tadi (yg banyak itu loh) tepat di bawah code :

<data:post.body/>

dan untuk sekedar tambahan jika blog anda sudah pernah anda edit dan anda kasih readmore atau baca selengkapnya, pasti ada dua code seperti ini <data:post.body/> dan anda harus mencari code script ini <data:post.body/> tadi yang pertama dr atas dan paste kan tepat di bawahnya... dan jangan lupa anda tekan tombol save template...

mudah kan..?, dan ingat bahwa setiap anda meposting harus di kasih labels, biar related postnya mau muncul...

selamat mencoba yah...







¬¬

» Read More...