Mengedit Page Tittle Agar SEO Friendly

Seperti pada postingan kali ini kami akan memberitahu cara agar Membuat Page Tittle Agar Lebih Seo Friendly,pastinya sudah tau apa kegunaan SEO,SEO sangat penting untuk mempercepatnya blog kita terindeks di search engine. 

Biasanya kita melihat seperti gambar dibawah saat mencari sesuatu menggunakan Google.

-Yang ditandai itu adalah contoh page tittle nya yang berformat Judul Blog : Judul Posting
-Dan jika sudah diganti akan berformat seperti ini Judul Posting : Judul Blog atau seperti dibawah

Cara untuk mengganti format Gambar 1 ke Gambar 2, berikut caranya

-Ke Blogger
-Masuk ke 'Dashboard'
-Klik 'Template'' lalu 'Edit HTML'
-Cari kode ini      <title><data:blog.pageTitle/></title>     biar lebih mudah Tekan Ctrl+F
-Setelah didapat ganti dengan kode dibawah

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

-Klik 'Simpan Template'
-Selesaii....




Kepada Blognya Jriejri mohon maaf karena blognya sudah dijadikan contoh, mohon jangan tersinggung ataupun marah karena ini cuma contoh saja ... PEACE

Cara memasang Breadcrumb di Blogger yang terindex 100% Work

Cara memasang Breadcrumb di Blogger yang terindex 100%
Work

Seperti yang saya tahu dari banyak sumber, bahwa Breadcrumb adalah salah satu hal yang
penting didalam membangun sebuah Blog untuk menambah Kualitas SEO .
Selain itu Banyak fungsi yang sangat berguna, baik untuk mesin Pencari itu sendiri atau
pengunjung yang sedang mencari artikel.
Dengan Breadcrumb maka pengunjung akan lebih tertarik lagi, karena terlihat jelas dalam Artikel
dengan mengandung Kategori yang mereka cari.


Lihat hasil di Halaman Blog

Lihat Pada gambar di Search engine Google

Langsung saja pada langkah-langkah pembuatan Breadcrumb ini : :
-Seperti biasa anda harus login ke Blogger.
-Pilih Template
-Langsung kilk Edit HTML.
-Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>

/* Breadcrumb */
.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #e7e7e7}

Selanjutnya cari kode <b:includable id='main' var='top'>, Supaya cepat tekan Tombol CTRL + F untuk mencari dan
ganti dengan kode berikut

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title'
rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'>
<data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
</span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for
<data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under
<data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

-Setelah itu klik Pratinjau, jika tidak error Klik Simpan Template dan lihat hasilnya

Selamat Mencoba

Cara Menambah Emoticon Pada Buku Tamu Dari Cbox

Kali ini admin akan membahas tentang cara Menambahkan Emoticon pada buku tamu, berikut langkah-langkahnya

Emoticon Pada Buku Tamu CBox

• Masuk ke http://www.Cbox.ws dan login menggunakan akun anda
• Klik Tab Options lalu klik Klik Smilies

Setelah diklik akan ada tampilan seperti ini

• Yang disebelah kiri adalah kode untuk menggunakan Emoticon itu, bisa di ganti sesuka hati sobat
• Yang disebelah kanan adalah URL emoticon, bisa sobat isi dengan url emoticon sobat, bisa dilihat disini bagi yang tidak mempunyainya Addedemoticon.com

Note:Jika tabel untuk mengisi kode dan URL emoticonnya habis Bisa Diklik NEW ROW ada di bagian bawah

• Setelah menambahkan Emoticon bisa Di Klik Save Changes

• Setelah di save sobat klik Publish ada di tab atas, kemudian copy kode Html nya lalu ganti kode Cbox yang lama dengan yang baru

Sekian artikel ini ,semoga berhasill

Yang ingin melihat cara memasang buku tamu melayang di samping blog klik disini

Cara Memasang Buku Tamu Melayang Disamping Kanan Blog

Kali ini kami akan share buku tamu yang melayang disamping kanan blog, bagi yang ingin melihat contohnya bisa di lihat buku tamu blog ini

Langkah - Langkahnya
1.Masuk ke situs ini http://cbox.ws
2.Lalu masuklah menggunakan Akun anda,atau yang tidak mempunyai akun silahkan di daftar
3.setelah anda Sign Up anda akan di suruh masuk ke Cbox
4.Kemudian klik PUBLISH!, ada di bagian atas untuk mendapatkan kode ChatBox anda
5.Kemudian anda copy HTML di bawah ini

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5mYIoUxOwR1uc1UpkpJocGI06hebv3_A3fS76kQVH__JJm_aUiZxlIitt7E17nQp9XYgvRv8iFfwvaAowtTtmOjFVFxrJOEdommwG1hU94kn4UnNAbEQ_eeJw4yN6vj_3HSsOgbtEALc/s1600/bukutamu.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="275" src="http://www4.cbox.ws/box/?boxid=4236556&amp;boxtag=x6x3d2&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain4-4236556" style="border:#ababab 1px solid;" id="cboxmain4-4236556"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www4.cbox.ws/box/?boxid=4236556&amp;boxtag=x6x3d2&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform4-4236556" style="border:#ababab 1px solid;border-top:0px" id="cboxform4-4236556"></iframe></div>
</div>
<!-- END CBOX -->

<div style="text-align:right">
<a href="http://another-blog99.blogspot.com/2013/09/cara-memasang-buku-tamu-melayang.html">[get this widget]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Note: tulisan berwarna biru adalah URL gambar , dan ganti yang berwarna merah dengan kode ChatBox anda



6.setelah di copy Masuk ke blogger blog anda
7.ke tata letak
8.klik add gadget atau tambah gadget
9.edit html/javascript
10.kemudian masukkan kode diatas tadi ......Dan SELESAI


Bagi teman-teman yang ingin menambahkan emoticon pada CBox sobat bisa dilihat disini

Tukar Link (Link Exchange)

Okee, Bagi sobat yg mau tukar link, silahkan copy link text di bawah ini lalu pasanglah di blog sobat

Mohon di konfirmasikan dgn cara berkomentar di Blog ini

Another-Blog99

Tukar Link Dengan Text:
<a href="http://another-blog99.blogspot.com/"rel=dofollow"target="_blank" title="Free Download Game And Others">Another-Blog99</a><br />

  Tukar Link Dgn Banner:
<a href="http://another-blog99.blogspot.com/"rel=dofollow"target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhUmKT0eDBxeswb-SX322EgxUcmqkg6TDTUWcsauM9cSordNWupVkPuF7VYq5hRD4KnaznT81bgSiRj5l2VAXv21k0MqbVRYmv4085_1Vgr1fJ87FllfN1M1eteKpyqIvs-AkzZfjFIAhD/s1600/Another's+Blog.png" style="border: 0 !important;" title="Free Download Games, Anime, Apps, Music, Tutorial, Flash, And Other's" /></a><br />

Bagi teman-teman yang ingin melihat daftar Banner Teman klik link di bawah

Lihat Daftar Banner Teman

Terima Kasih Telah Berkunjung