Cara Menghilangkan Angka pada Label Blog

Saat kita mempercantik blog kita kadang kali kita ingin membuat blog kita serapi mungkin. Salah satunya adalah dengan cara menghilangkan nomor atau angka yang ada pada label blog kita. Nah jika anda kesulitan untuk menghilangkan angka pada label tersebut, kamu bisa menggunakan trick bloogger untuk menghilngkn nomor itu dengan mengikuti tutorial berikut ini.

1. Sign in ke blogger dengan ID anda.



2. Klik Layout.



3. Klik menu Elemen Halaman.



4. Klik tab Edit HTML.



5. Beri tanda centang pada kotak di samping tulisan Expand Template Widget
   
   
6. Cari kode berikut dengan Ctrl + F.
   
   
   (<data:label.count/>)
   
   
   
   
7. Kemudia kalu sudah ketemu hapus kode tersebut.



8. Save.
   
   
9. Sekarang lihatlah hasilnya..
   
   

Semoga Cara Menghilangkan Angka pada Label Blog ini bisa membantu untuk mempercantik blog anda.

Search: Cara Menghilangkan Angka pada Label Blog, Cara Menghilangkan nomor pada Label Blog, Cara Menghilangkan Angka Label Blog , Cara Menghilangkan Label Blog, Menghapus Angka pada Label Blog, Menghapus Angka Label Blog,
Cara Menyembunyikan Angka pada Label Blog, Cara Menghilangkan Angka pada Label Blogspot, Cara Menghapus Angka Label Blogspot Publisher: vitto - 04.55

Cara Memasang Smartlink di Blog

Cara Memasang Smartlink di Blog. Smart link adalah skrip yang kita pasang dalam template kita, yang berfungsi membantu Google mengindek setiap kata kunci atau keyword yang kita bidik. Smart link ini sangat membantu blog kita agar lebih SEO di mata mesin pencari. nah cara membuatnya cukup mudah, ikuti saja petunjuk di bawah ini.

1. Log in ke blogger dashboard pilih layout kemudian pilih edit HTML
2. Backup dulu templete sobat untuk menghindari jika terjadi kesalahan
3. Cari kode </body>
4. copy kode di bawah ini dan pastekan diatas kode </body>

<b:if cond='data:blog.url != data:blog.homepageUrl'><script type='text/javascript'>
function autoLink(){
this.keywdHref = new Object();
this.add = function(keyword, href){
if(keyword.substr(0,1) != &quot; &quot;){keyword = &quot; &quot; + keyword;}
this.keywdHref[keyword] = href;
}
this.createAnchor = function(){
var objs = document.getElementsByTagName(&quot;div&quot;);
for(var i=0; i&lt;objs.length; i++){
var obj = objs[i];
if(obj.className.indexOf(&quot;post-body&quot;)&gt;-1){
var content = obj.innerHTML;
for(var keyword in this.keywdHref){
var href = this.keywdHref[keyword];
var newstr = content.replace(keyword, &quot;&lt;a href=&#39;&quot;+href+&quot;&#39;&gt;&quot;+keyword+&quot;&lt;/a&gt;&quot;, &quot;gi&quot;);
obj.innerHTML = newstr;
content = newstr;
}
}
}
}
this.startScript = function(){
var onLoad = window.onload;
window.onload = function(){
if(onLoad){onLoad();}
setTimeout(&quot;f.createAnchor()&quot;, 100);
}
}
}
</script>
<script type='text/javascript'>
var f = new autoLink();
f.add(&quot;Software | Trik | Hobi Ngeblog | Artikel Bebas | Tutorial Blog&quot;, &quot;http://www.friendz-star.tk/&quot;);
f.startScript();
</script></b:if>

5. Ganti kode berwarna merah dengan nama blog anda dan kata kunci yang ingin kalian bidik.

6. Save.

Semoga Cara Memasang Smartlink di Blog ini membantu blog anda agar lebih SEO.

Search: Cara Memasang Smartlink di Blog, Cara Memasang Smartlink di Blogspot, Memasang Smartlink di Blog, Smartlink blogspot, Smartlink Seo, Membuat link smart, Smartlink for blog Publisher: vitto - 08.47

Cara membuat Menu Breadcrumbs di Blogspot

Cara membuat Menu Breadcrumbs di Blogspot. Breadcrums adalah salah satu teknik SEO yang sangat di anjurkan oleh para Webmaster. Karena Breadcrums sangat membantu dalam pencarian blog kita. Untuk itu adapun cara membuatnya silahkan kamu ikuti langkah berikut.

1. Log in ke blogger dashboard pilih layout kemudian pilih edit HTML dan check the "Expand Widget Templates" check box
2. Backup dulu templete sobat untuk menghindari jika terjadi kesalahan
3.Klik kotak pada Expand Widget Templates
4. Copy code dibawah ini

.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3 }

Taruh sebelum kode ]]></b:skin>

5. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)

<b:include data='top' name='status-message'/>

dan ganti kode diatas dengan kode dibawah ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

6. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)

<b:includable id='main' var='top'>

Dan ganti kode diatas dengan kode dibawah ini :

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>

Save.
Dan lihat hasilnya... semoga Cara membuat Menu Breadcrumbs di Blogspot ini bermanfaat untuk blog anda.


Nb; Jika kamu tidak barhasil membuat menu breadcrums ini, kamu bisa menggunakan cara yang kedua. Untuk membuatnya klick disini.

Search: Menu Breadcrumbs,Cara membuat Menu Breadcrumbs di Blogspot,Cara membuat Menu Breadcrumbs, Breadcrumbs di Blogspot, Cara membuat Menu Breadcrumbs di Blog, Breadcrumbs
Publisher: vitto - 07.23

Membuat Google Translate dengan Mudah

Google translate sangat berguna sekali untuk pengunjung blog kita. terutama pengunjung dari negara lain yang ingin membaca blog kita. Nah translate yang biasa dari google biasanya sering error atau blog kita sering tidak bisa di baca. Nah untuk menyempurnakanya sekarang Gunakan saja Translate ini, yang biasa d gunakan di blog berbasis wordpres. Translate ini bisa mentranslate lebih dari 36 bahasa di selurh dunia secara otomatis. Langsung saja pasang scripnya di bawah ini.

• Login pada blogger.
• Klik Layout pada Dashboard ,lalu Page Element.
• Klik Add a Gadget.

• Pilih HTML/Javascript
• Masukkan kode dibawah ini dengan cara copy dan paste dan beri judul pada kolom Title.

<!-- Begin TranslateThis Button -->

<div id="translate-this"><a href="http://translateth.is/" class="translate-this-button">Translate</a></div>

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="http://x.translateth.is/translate-this.js"></script>
<script type="text/javascript">
TranslateThis();
</script>

<!-- End TranslateThis Button -->

• Save.
  

Sobat Sudah mempunyai Google Translate yang mantap... hehehe... Publisher: vitto - 18.15

Cara Memasang Google Adsense ditengah Postingan Blogspot

Kali ini kita akan belajar Cara Memasang Google Adsense ditengah Postingan Blogspot. Memasang kode Google Adsense dalam postingan ini tidaklah semudah meletakkan diposisi lain dalam halaman blogspot. Cara termudahnya adalah kita harus meng copy paste kode setiap kita akan menerbitkan postingan. Huffff.. sungguh melelahkan juga jika harus seperti itu. Apalagi jumlah postingan yang telah diterbitkan sangat banyak.

Tetapi ada solusi lain yang bisa dilakukan. Setelah melakukan googling kemana-mana, akhirnya saya menemukan cara yang mudah. Dimana kemudahannya ? Karena saya tidak lagi harus memikirkan lagi kode Google Adsense setiap menerbitkan postingan baru. Demonya lihat disini atau disini.

Cara Memasang Google Adsense ditengah Postingan Blogspot

Tahap 1

1. Masuk kedalam Blogger Dashboard –> Layout –> Edit HTML –> Expand Widget Templates.

2. Lalu cari tag <data:post.body/>, kemudian hapus dan ganti kodenya dengan kode dibawah ini. jika kalian menggunakan readmore maka akan ada 2 kode <data:post.body/> maka ganti saja yang bagian bawah dari template anda.

<div expr:id='"iklan1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

<!-- Kode AdSense -->

</div>
<div expr:id='"iklan2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("iklan1<data:post.id/>");
var obj1=document.getElementById("iklan2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

3. Simpan Template anda.

Tahap 2

1. Konversi terlebih dahulu kode google adsense ada menjadi penulisan simbol di html.

2. Kemudian, Letakkan kode google adsense anda dibagian

<!-- Kode AdSense --> gantilah dengan kode adsense milik anda.

3. Simpan Template anda.

Untuk melihat Demonya disini. Dan silahkan dilihat hasilnya. Selamat Mencoba.

Publisher: vitto - 12.19