Cara Memasang Artikel Terkait / Related Posts Gambar Dengan Linkwithin

3 komentar

Cara Memasang Artikel terkait / related posts Gambar Dengan Linkwithin Cara Memasang Artikel terkait / related posts Gambar Dengan Linkwithin

Cara Memasang Artikel Terkait / Related Posts Gambar Dengan Linkwithin. Sebelumnya dalam posting Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar telah dijabarkan gimana cara membuat artikel terkait / related posts gambar namun menggunakan script khusus dan sepertinya ini sedikit menyulitkan bagi teman semua yang baru memulai blogging, pasti ada rasa takut salah edit template atau membuat template blogspot nanti jadi rusak dan amburadul.
Cara Memasang Artikel terkait / related posts Gambar Dengan Linkwithin Cara Memasang Artikel terkait / related posts Gambar Dengan Linkwithin

Bagi temen - temen semua yang kepengen memasang artikel terkait / related posts berupa gambar nggak usah khawatir sebab ada widget khusus yang scriptnya bisa kita letakkan dengan mudah ke dalam template blog. Mau tahu ni ?? Pergunakan saja widget dari Linkwithin teman... Cara-nya ikuti langkah - langkah yang ada di bawah ini. Cara pasangnya mudah kok teman..

Cara Memasang Artikel Terkait / Related Posts Gambar Dengan Linkwithin

Pertama langsung pergi ke situsnya di http://www.linkwithin.com/learn
Cara Memasang Artikel terkait / related posts Gambar Dengan Linkwithin Cara Memasang Artikel terkait / related posts Gambar Dengan Linkwithin

Disana teman semua akan menemui sebuah kotak ungu, nah ini semuanya yang diperlulan untuk mendapatkan script artikel terkait / related posts-nya diantaranya email (isikan email valid kalian, nggak sama dengan email yang kita daftarkan untuk akun blogger nggak apa - apa), blog link (isi alamat blog kalian disini), platform blog (pilih blogger), width (jumlah artikel terkait / related posts yang mau dimunculkan).
Nah yang terakhir ni langsung aj deh teman semua klik tombol Get Widget!
Klik link install widget
Terakhir klik link Menambah Widget.


Nah sekarang widget artikel terkait / related posts gambar dari Linkwithin dah terpasang tepat dibawah posts blog...  Gimana teman nggak sulit kan, selamat mencoba dan semoga sukses..
Continue Reading... Label: artikel terkait, cara, gambar, memasang, membuat, related post


Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar

0 komentar


Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar

Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar. Masih sama ni topik postingan kita dari sebelumnya yaitu tentang membuat artikel terkait / related posts tapi kali ini khusus yang ber-gambar. Dengan menggunakan artikel terkait / related posts yang disertai gambar akan makin menarik minat pembaca untuk mengkliknya.
Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar

Lalu bagaimana sih cara membuat dan memasang artikel terkait / related posts dengan disertai gambar ?!
Yups mas bro dan sis semua mari kita ikuti cara - cara dibawah ini step by step ..

Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar


Seperti biasa ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template
Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar Cara Membuat Artikel Terkait / Related Posts Dengan Script Gambar
Agar artikel terkait / related post ini muncul di bawah setiap posting blog teman, letakkanlah script artikel terkait / related post tepat dibawah kode <div class="post-footer-line post-footer-line-1">.
<!--Kode Artikel Terkait / Related Posts dengan Gambar Dimulai-->
<!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!--Kode Artikel Terkait / Related Posts dengan Gambar Berakhir-->
Selanjutnya teman semua tambahkan script css dibawah ini kedalam template blogger kalian dan letakkan diatas kode ]]></b:skin>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
#related-posts h2{
font-size: 1.3em;
color: black;
font-family: Arial;
margin-bottom: 0.75em;
}
#related-posts a{
color:red;
}
#related-posts a:hover {
background-color:#pink;
}
Jangan lupa agar artikel terkait / related posts ini bisa jalan masukkan link javascript dibawah tepat diatas tag </head>
<!--Kode Artikel Terkait / Related Posts dengan Gambar Dimulai-->
<!-- remove -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="Baca Artikel Terkait Lainnya :";
</script>
<script src='http://hbhost.googlecode.com/files/related-posts-with-thumbnails-for-blogger.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Kode Artikel Terkait / Related Posts dengan Gambar Berakhir-->
Keterangan : Angka yang berwarna merah ini bisa teman ganti dengan angka lainnya untuk menentukan jumlah artikel terkait / related posts dan bila ingin mengganti judul widget ini ganti kalimat berwarna hijau dengan kalimat kalian misal, Baca juga artikel terkait lainnya.

Langkah memasang script artikel terkait / related posts sudah selesai. Sekarang teman semua harus menyimpan hasil pengeditan template ini. Klik tombol Simpan Template dan Tutup.

Moga - moga makin banyak jumlah pageview yang bisa kita dapatkan bila memasang script artikel terkait / related post dengan gambar ke dalam blog kita.
Ok, selamat mencoba dan semoga sukses teman...
Continue Reading... Label: artikel terkait, blog, blogger, blogspot, cara, gambar, memasang, membuat, related post


Cara Membuat Dan Memasang Artikel Terkait / Related Post Disertai Logo

0 komentar


Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo

Cara Membuat Dan Memasang Artikel Terkait / Related Post Disertai Logo. Sebelumnya kita sudah pernah membahas cara membuat artikel terkait / related post di blog namum kali ini sedikit berbeda teman, kita akan mencoba membuat dan memasang artikel terkait / related post yang disertai dengan logo. Jadi di masing - masing list artikel terkait / related post nantinya akan muncul logo blog kita. Jadi makin keren nggak ?!
Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo

Langsung aja deh kita utak - atik template blogspot kita dan ini ni cara membuat dan memasang artikel terkait / related post ke dalam blog

Cara Membuat Dan Memasang Artikel Terkait / Related Post Disertai Logo

Seperti biasa ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template
Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo Cara Membuat Dan Memasang Artikel Terkait Terkait / Related Post Disertai Logo
Agar artikel terkait / related post ini muncul di bawah setiap posting blog teman, letakkanlah script artikel terkait / related post tepat dibawah kode <data:post.body/>. Bila kode ini ada dua atau lebih, pilihlah dibawah kode yang ke dua saja supaya list artikel terkait / related post bisa muncul tepat setelah postingan blog.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Artikel Terkait:</b></font>
<font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>
</b:if>
keterangan : untuk mensetting banyaknya list artikel terkait / relared post teman semua bisa mengganti angka yang berwarna merah diatas sesuai dengan angka yang teman semua inginkan

Melanjutkan ke langkah berikutnya supaya artikel terkait / related post ini makin cantik, teman semua bisa menambahkan beberapa script css untuk menyisipkan sebuah logo di masing - masing list artikel  terkait / related post nantinya. Cara-nya, letakkan script css di bawah ini tepat diatas kode ]]></b:skin>
#related-posts { float : left; width : auto; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url(&amp;quot;http://2.bp.blogspot.com/-QZ5CnMlx2CE/UGEI13da3eI/AAAAAAAAAKA/_061aZ9MqT0/s1600/r.png&amp;quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; }
Keterangan : Ganti url logo yang berwarna merah di atas dengan url logo blog kalian.

Langkah terakhir, letakkan javascript dibawah tepat diatas tag </head>
<script src='http://related-project.googlecode.com/files/artikel%20terkait.js' type='text/javascript'/>
Selesai mengedit template blog, langsung aja teman simpan template ini. klik tombol Simpan Template dan Tutup.

Akhirnya langkah membuat dan memasang artikel terkait / related post dah selesai...
Continue Reading... Label: artikel terkait, blogger, blogspot, cara, logo, memasang, membuat, related post


Cara Membuat Artikel Terkait / Related Post di Blog

0 komentar

Cara Membuat Artikel Terkait / Related Post di Blog. Ada banyak cara supaya semua postingan yang sudah kita buat ni bisa terbaca oleh semua pembaca kita lo teman dan salah satunya adalah membuat widget artikel terkait / related post sebab adanya widget artikel terkait / related post ini akan sangat membantu pembaca kita untuk mendapatkan info tentang artikel kita lainnya yang berhubungan dengan artikel yang mereka baca.
Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog

Mau tahu ni gimana cara membuat dan memasang artikel terkait / related post di blog kita. Langsung aja deh kita bahas dalam posting blog ini...

Cara Membuat Artikel Terkait / Related Post di Blog

Seperti biasa ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template
Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog Cara Membuat Artikel Terkait / Related Post di Blog
Agar artikel terkait / related post ini muncul di bawah setiap posting blog teman, letakkanlah script artikel terkait / related post tepat dibawah <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div style='border: 0px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 100%; height: 300px; background-color: #fcf7f7;'>
<div class='widget-content'>
<h3>Artikel Terkait Lainnya :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/' + label + '?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</div>
</b:if>
Terakhir yang harus dilakukan adalah menyimpan hasil editan ini, klik tombol Simpan Template dan Tutup.

Kalo teman semua kepengen membuat artikel terkait / related post yang ada gambar logo blog, ni cara-nya ada dalam posting Cara Membuat Dan Memasang Artikel Terkait / Related Post Disertai Logo. Silakan dibaca tutorial-nya teman..
Dalam membuat artikel terkait / related post ternyata tidak sulit ya. Selamat mencoba teman dan semoga berjalan baik :)
Continue Reading... Label: artikel terkait, blog, cara, memasang, membuat, related post


Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

10 komentar

Hi semua, di posting ini kita akan coba membuat sebuah rating bintang yang akan bisa muncul di halaman SERP Google mendampingi semua list postingan blog kita teman.. Jika kita berhasil memasang rating bintang Rich Snippet ini ke dalam template blogger pastinya akan menjadi keuntungan buat blog kita sendiri, pasalnya selain SEO bagi Google juga bisa meningkatkan klik dari peselancar mesin pencari Google sebab postingan kita akan nampak lebih profesional dan berkualitas. Hmmm postingan blog dah terasa seperti hotel ber-bintang, beda ma lainnya :)
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Mau tahu gimana cara membuat / memasang rating bintang rich snipper ini dalam template blogger ? silakan simak aja tutorial singkat ini :

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Seperti biasa ketika ingin mengedit template blogspot, pertama masuk di akun blogger.com dan pilihlah opsi template
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger


Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Agar rating bintang rich snippet tersebut bisa muncul kita harus memasang kode di bawah ini tepat di bawah tag <body>
<div>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>

Kemudian cari penutup tag body yaitu </body>, letakkan kode berikut diatasnya sebagai penutup kode rating bintang rich snippet tersebut
</div></div>
Tidak berhenti sampai disini teman, hapuslah kode html judul blog teman yang seperti dibawah ini
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Kemudian ganti dengan kode html di bawah ini
<span itemprop='itemreviewed'><span itemprop='description'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</span></span>
Lalu carilah kode html <data:post.author/> dalam template blogger teman dan ganti menjadi
<span itemprop='reviewer'><data:post.author/></span>
Tinggal beberapa langkah lagi pembuatan rating bintang rich snippet akan selesai. Yups kita lanjutkan teman.. Teman cari tag </head> dan letakkan script berikut diatasnya ya agar nantinya rating bintang rich snippet ini bisa muncul sekaligus diikuti profile kita.
<link href='https://plus.google.com/106672344333897149740' rel='publisher'/>
Catatan : ganti angka berwarna merah diatas dengan ID Google+ kalian
Terakhir tinggal meyimpan hasil edit, klik klik tombol Simpan Template dan Tutup
Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger Cara Membuat / Memasang Rating Bintang Rich Snippet Google di Blogger

Jangan lupa teman, setiap membuat postingan kalian semua harus menambahkan script rating dibawah ini, dibagian akhir postingan blog kalian..
Rating: <span itemprop="rating">5</span>

Nah,, tutorial cara membuat / memasang rating bintang rich snippet pada template blogger dah selesai. Tinggal menikmati hasilnya...
Selamat mencoba teman..
Continue Reading... Label: blogger, cara, google, memasang, membuat, rating bintang, rich snippet


Cara Membuat / Memasang Daftar Isi / Sitemap Blog Otomatis

2 komentar

Cara Membuat / Memasang Daftar Isi / Sitemap Blog Otomatis Cara Membuat / Memasang Daftar Isi / Sitemap Blog Otomatis
Buat mempermudah pembaca blog dalam mencari semua isi dalam postingan di blog kita teman, biasanya halaman khusus yang hanya berisi tentang semua daftar postingan blog sangatlah membantu sebab melalui halaman daftar isi / sitemap blog ini pembaca kita bisa mencari postingan mana saja yang mereka sukai untuk dibaca, mau tahu gimana cara membuat halaman daftar isi / sitemap blog yang otomatis tanpa perlu edit secara manual, ni di dalam postingan ini akan kita bahas cara membuat sekaligus memasang script daftar isi / sitemap blog.

Cara Membuat / Memasang Daftar Isi / Sitemap Blog Otomatis


Yang pertama kali kita lakukan adalah membuat halaman khusus untuk meletakkan script daftar isi / sitemap blog. Biasanya bila kita menggunakan blogger, kita bisa memilih halaman laman sebab selain sebagai halaman statis, halaman laman dapat diletakkan pada menu navigasi template blog melalui fitus yang disedikan oleh blogger. Bagi teman semua yang masih kesulitan membuat halaman laman, yups baca postingan berikut dulu,
Cara Membuat Halaman Laman / Page di Blogger - Blogspot

Setelah masuk dalam halaman rancangan laman, silakan copy script daftar isi / sitemap blog ke dalam postingan halaman laman dan jangan lupa teman sebelumnya untuk memilih opsi HTML agar script daftar isi / sitemap blog ini bisa di parse.
Berikut script daftar isi / sitemap blog :
<link rel="stylesheet" href="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css" type="text/css" media="screen" /> <script style="text/javascript" src="http://scriptabufarhan.googlecode.com/svn/trunk/daftarisiv2.js"></script> <script src="http://creatingtemplate.blogspot.com/feeds/posts/summary?max-results=999&alt=json-in-script&callback=loadtoc"></script>
Keterangan :
Dalam memasang / membuat dafrar isi atau sitemap blog jangan lupa untuk memberi batasan jumlah posting yang dimunculkan. Usahakan jangan lebih dari 1000 posting sebab akan mengakibatkan Outbound link dalam halaman daftar isi / sitemap blog menjadi lebih besar yang mungkin bisa dianggap sebagai halaman spam oleh google. Untuk mengganti jumlah posting yang keluar dalam halaman halaman daftar isi / sitemap blog, teman semua bisa mengganti angka yang berwarna merah dengan angka yang teman inginkan.

Hasilnya nanti akan seperti pada halaman daftar isi di blog ini,,,
Cara Membuat / Memasang Daftar Isi / Sitemap Blog Otomatis Cara Membuat / Memasang Daftar Isi / Sitemap Blog Otomatis

Selamat mencoba tutorial ini teman dan semoag sukses...
Continue Reading... Label: blog, cara, daftar isi, memasang, membuat, sitemap


Cara Membuat Halaman Laman / Page di Blogger - Blogspot

0 komentar

Cara Membuat Halaman Laman / Page di Blogger - Blogspot Cara Membuat Halaman Laman / Page di Blogger - Blogspot
Halaman laman sangat berbeda dengan halaman posting sobat, sebuah halaman laman bersifat statis dan ketika kita membuatnya maka tidak akan ditampilkan di halaman index blog sebab halaman laman bukanlah bagian dari halaman posting atau konten dan biasanya dimanfaatkan untuk membuat halaman about us, halaman kontak, halaman daftar isi atau lainnya.
Dalam blogger / blogspot halaman laman jumlahnya terbatas, jadi saat kita memutuskan untuk membuat sebuah halaman laman / page di blogger / blogspot sebaiknya perhitungkan untuk memuat apa saja dan disarankan tidak untuk postingan biasa.
Bagi teman semua yang ingin membuat halaman laman / page, untuk lebih mudahnya dalam membuat halaman laman / page di blogger coba ikuti petunjuk singkat dibawah ini :

Cara Membuat Halaman Laman / Page di Blogger - Blogspot


Masuk di Dasbor Blogger.com dan kemudian pilih opsi Laman
Cara Membuat Halaman Laman / Page di Blogger - Blogspot Cara Membuat Halaman Laman / Page di Blogger - Blogspot

Di Halaman Laman, klik tombol Laman Baru dan pilih opsi Laman kosong
Cara Membuat Halaman Laman / Page di Blogger - Blogspot Cara Membuat Halaman Laman / Page di Blogger - Blogspot

Di halaman selanjutnya, disinilah tempat teman semua mengisi halaman laman. Bila telah selesai jangan lupa untuk menyimpannya.

Bagaimana tidak sulitkan untuk membuat halaman laman / page di blogger, silakan dicoba teman dan semoga sukses...
Continue Reading... Label: blogger, blogspot, cara, halaman, laman, membuat, page


Manfaat Memasang / Menampilkan Author Blog Dalam SEO

0 komentar

Tag Rel=Author pada Author blog telah beberapa tahun ini dan digunakan oleh Google untuk menampilkan profile Google+ dari seorang author blog, juga membantu dalam menentukan keaslian rel=”author”
Manfaat Memasang Menampilkan Author Blog dalam SEO Manfaat Memasang Menampilkan Author Blog dalam SEO
Dengan memverifikasi tag Rel=Author pada Author blog bahwa itu ditulis oleh seorang individu yang memiliki otoritas kredibel. Memasukkan tag Author Anda memberitahu Google bahwa Anda adalah penulis artikel, dan juga link ke profil Google+ Anda dan juga Anda perlu menambahkan tag HTML ke situs Anda. Menghubungkan account Google+ ke website Anda juga menyediakan gambar Anda di samping blog anda di SERP Google.
Manfaat Memasang Menampilkan Author Blog dalam SEO Manfaat Memasang Menampilkan Author Blog dalam SEO
Jika Anda telah memasang author blog, setiap kali konten muncul di Google Search, gambar Anda dan profile Google+ juga akan ditampilkan bersama dengan itu, dan link ke seluruh artikel yang ditulis juga ditampilkan.
Manfaat Memasang Menampilkan Author Blog dalam SEO Manfaat Memasang Menampilkan Author Blog dalam SEO

Manfaat Memasang / Menampilkan Author Blog dalam SEO


Tag penulis telah disesuaikan oleh Google untuk menentukan peringkat konten diikuti oleh algoritma yang disebut AuthorRank.

Author Blog sudah digunakan oleh Google untuk membantu pengguna pencarian mereka, menemukan isi yang lebih relevan dengan mengutamakan artikel yang dipublikasikan yang memiliki tag penulis. Manfaat terbesar lainnya dari tag title = rel adalah untuk meningkatkan optimasi SEO pada mesin pencari untuk blog / situs Web Anda.

Menerapkan author blog di semua isi blog dapat meningkatkan peringkat di Google Search. Selain itu, karena isi Anda sudah diverifikasi oleh Google, juga meningkatkan kepercayaan dari pembaca Anda.

Faktor - faktor dalam Memasang / Menampilkan Author Blog :


- Anda penulis asli dari artikel : Google akan mengenali Anda sebagai penulis yang nyata dengan menghubungkan artikel dengan halaman profil Anda. Hal ini juga membantu untuk membedakan antara orang yang berwenang nyata dan spammer. Google menyesuaikan metode ini untuk menemukan penulis mengotentikasi.
- Menyediakan Kredibilitas dan Cakupan : Karena Anda adalah orang yang hanya berwenang sehingga kredit untuk artikel ini datang kepada Anda, dalam hal cakupan itu menunjukkan tentang berapa orang yang telah dilingkari Anda di Google+ dan juga mengklik link menyediakan informasi tentang Anda dari profil Google+. Jadi salah satu cara atau lainnya itu juga membantu dalam membuat jaringan Anda kuat.
- Konten berdampak : Stand Out konten sering menangkap perhatian pembaca. Baik dan konten tinggi pembaca ambil kualitas. Membaca pecinta pencarian untuk hasil yang meliputi hasil dengan penulis, gambar nama.
Continue Reading... Label: author blog, blog, manfaat, memasang, menampilkan, seo


Cara Memasang / Menampilkan Author Blog di Google SERP

3 komentar

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
Saat blog kita sudah online teman, Google SERP sebenarnya bisa menampilkan data diri kita sebagai penulis blog (author blog). Nggak kebayang kalau kita bisa menampilkan profile kita pastinya ini bisa dijadikan kelebihan tersendiri bagi kita soalnya denger - denger Google juga mengamati siapa author blog-nya. Bila profile diri kita dah bisa nongol di Google SERP mungkin saja authoritas blog akan lebih terangkat dan tulisan - tulisan kita dapat dipercaya oleh Google.

Lalu gimana sih cara memasang dan menampilkan author blog yang bisa muncul di Google SERP ??
Terus terang teman, saya sendiri juga lagi usaha memasang author blog ini dan coba mengikuti langkah step by step yang ada di blog Rina As berikut :

Cara Memasang / Menampilkan Author Blog di Google SERP

1. Buka profile di Google+, bila belum memiliki profile Google+ silahkan membuat akun baru di Google+

2. Edit profile Google+ kita, jangan lupa untuk mengisi hal yang penting seperti

- Kontributor untuk
Pada bagian ini, silahkan klik link Tambahkan tautan ubahsesuai, isi url blog kita kemudian pilih opsi siapa saja yang dapat melihatnya misal Hanya anda, berarti yang dapat melihat link tersebut hanya kita saja saat sign in di akun Google+. Setelah itu baru klik tombol Simpan.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
- Rumah / kantor
Kita dapat memilih salah satu opsi atau kesemua opsi rumah dan kantor untuk di isi dengan email kita. Pertama pilih email dan masukkan nama email kemudian pada lingkaran anda, kita dapat memilih siapa saja yang dapat melihat email kita dan saran yang terbaik untuk kita sebaiknya email tersebut hanya dapat dilihat untuk kita saja agar tidak ada seseorang yang tidak bertanggungjawab memanfaatkannya untuk hal negative. Setelah itu klik Simpan.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
3. Bila pengeditan seluruh data diri kita telah selesai klik link Pengeditan Selesai.

4. Langkah ke-4, klik link verifikasi.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
5. Kemudian masuk ke akun email kita untuk melihat email verifikasi yang dikirim

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
Klik url verifikasi tersebut.

6. Bila telah berhasil akan muncul halaman pemberitahuan seperti berikut :

>Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP


B. Tambahkan link author dalam blog

Ada dua cara untuk menambahkan link author di blog kita, pilih salah satunya :

1. Google Profile

Kita kunjungi link disini untuk mendapatkan code dari google profile kita. Kemudian pada bagian Enter URL Profile, silahkan sahabat isi url profile Google selanjutnya pilih ukuran gambar dan terakhir copy kode tersebut dan paste di dalam blog kita. Taruh di tempat mana saja yang kita sukai.

Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP
2. Memasang link author

Alternatif lain adalah dengan memasang link author ke dalam blog kita.

Kode :

<a href="[url_Google+]?rel=author">Nama Author</a>
Pada bagian href, silahkan isi url profile Google+ kita dan untuk anchor text silahkan isi dengan nama kita. Perlu diingat bahwa nama author dalam blog haruslah sama dengan nama kita di profile Google+.

Contoh kode hasil :

<a href="https://plus.google.com/105728382838447170741?rel=author">Rina As</a>

Langkah ini tidak berhenti sampai disini, kita juga harus menambahkan kode berikut di atas tag </head>

<link href='[url_Google+]' rel='author'/>
Sekali lagi, kita isi dengan url profile Google+ kita masing - masing sehingga nantinya akan seperti contoh ini :

<link href='https://plus.google.com/105728382838447170741' rel='author'/>
Untuk melihat apakah google berhasil mengekstrak link author yang kita pasang dalam blog, kita dapat mempergunakan Rich Snippets Testing Tool
Cara Memasang / Menampilkan Author Blog di Google SERP Cara Memasang / Menampilkan Author Blog di Google SERP

Moga - moga bisa cepat muncul ni author blog-nya,,,
Buat teman - teman yang belum memasang author blog, silakan di coba saja dan semoga berhasil...
Continue Reading... Label: author blog, cara, google, memasang, menampilkan


Cara Membuat / Memasang Menu Navigasi Breadcrumbs Terindex Google

3 komentar

Sebelumnya saya sudah membuat tutorial tentang cara membuat menu navigasi breadcrumbs di blogspot, hanya saja script tersebut tidak dapat terindex di Google. Karena itulah dalam posting khusus ini kita akan belajar bagaimana cara membuat menu navigasi breadcrumbs yang dapat terindex di mesin pencari Google sebagai pengganti url posting yang muncul di halaman SERP Google.
Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google
Bagaimana cara membuat-nya. Mari teman simak tutorial singkat berikut..

Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google

1. Pertama kita harus mengedit template blogspot, caranya silahkan teman baca di postingan ini :
Cara Mengedit Template Blogspot
2. Nah saat teman semua dah nyampe di halaman Edit HTML, disini baru kita bisa menambahkan script khusus yang bisa menampilkan navigasi breadcrumbs di template blogspot / blogger kita.
Mari kita lakukan hal berikut ini :
1. Temukan kode html di bawah ini,
<b:includable id='main' var='top'>
Lalu 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'/>
2. Temukan kode css di bawah ini,
]]></b:skin>
Lalu ganti dengan kode berikut
.breadcrumbs {
background:url(http://4.bp.blogspot.com/_b0xJ7qk6DTc/TJjSxfOwxAI/AAAAAAAABIk/ll_LdQe3ZrY/s1600/box2-top.gif);
float: left;
border: 1px solid #E6E6E6;
width: 595px;
font-size: 11px;
margin: 0px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}
]]></b:skin>

3. Terakhir yang harus dilakukan adalah menyimpan hasil editan ini, klik tombol Simpan Template dan Tutup.
4. Jangan senang dulu, mari kita cek apakah menu breadcrumbs khusus ini bisa terbaca oleh Google atau tidak. Solahkan sobat kunjungi Rich Snippets Tool untuk mengeceknya dan masukkan salah satu url posting, bila hasilnya seperti berikut,
Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google Cara Membuat / Memasang Menu Navigasi Breadcrumbs Bisa Terindex Google
maka proses membuat menu navigasi breadcrumbs yang bisa terindex Google sudah berhasil.
Tinggal tunggu hasil index maka semua postingan baru atau yang lama akan memunculkan menu navigasi breadcrumbs seperti ini :

Jadinya sangat keren ya
Bagi teman - teman yang belum membuat menu navigasi breadcrumbs yang bisa terindex google lekas membuat, dijamin akan sangat friendly dimata Google dan baik untuk perkembangan blog kita mendatang..

Selamat bekerja dan semoga sukses teman...
Continue Reading... Label: breadcrums, cara, google, membuat, menu navigasi, terindex google


Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot

1 komentar

Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot
Struktur template blog yang bagus biasanya tidak akan mempersulit semua pengunjung kita. Salah satu menu navigasi yang memudahkan pengunjung untuk menemukan informasi lain yang berkaitan dengan postingan kita adalah menu breadcrumbs soalnya teman menu navigasi breadcrumbs ini biasanya terletak di bagian atas jadinya mudah untuk ditemukan dan masing - masing posting dikelompokkan ke dalam sub kelompok tertentu (label) seperti ini :
Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot
Andai kata sub kelompok (label) diklik maka kita akan mendapatkan tambahan pageview dan mungkin postingan lain yang ada dalam list tersebut dapat diketemukan sehingga menjadi terbaca..

Cara Membuat / Memasang Menu Navigasi Breadcrumbs di Blogspot

Lalu gimana ni cara membuat menu navigasi breadcrumbs di template blogspot / blogger ?? kalau ada diantara teman semua ingin mencoba memasang menu navigasi breadcrumbs, silahkan ni baca tutorial singkat di bawah ini :
1. Pertama kita harus mengedit template blogspot, caranya silahkan teman baca di postingan ini :
Cara Mengedit Template Blogspot
2. Nah saat teman semua dah nyampe di halaman Edit HTML, disini baru kita bisa menambahkan script khusus yang bisa menampilkan navigasi breadcrumbs di template blogspot / blogger kita.
Mari kita lakukan hal berikut ini :
1. Temukan kode html di bawah ini,
<b:includable id='main' var='top'>
Lalu 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'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
&#187; <span><a expr:href='data:label.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'/>
2. Temukan kode css di bawah ini,
]]></b:skin>
Lalu ganti dengan kode berikut
.breadcrumbs {
background:url(http://4.bp.blogspot.com/_b0xJ7qk6DTc/TJjSxfOwxAI/AAAAAAAABIk/ll_LdQe3ZrY/s1600/box2-top.gif);
float: left;
border: 1px solid #E6E6E6;
width: 595px;
font-size: 11px;
margin: 0px 10px 10px 10px;
padding: 5px 10px 5px 10px;
}
]]></b:skin>

3. Terakhir yang harus dilakukan adalah menyimpan hasil editan ini, klik tombol Simpan Template dan Tutup. Selesai...

Catatan :
Bila teman semua kesulitan mencari kode - kode diatas di dalam menu edit template blogspot pergunakan bantuan dari browser untuk mencarinya. Tinggal klik menu find atau tekan Ctrl+F dan masukkan beberapa bagian yang dicari pada kotak yang tersedia.

Semoga postingan tentang Cara Memasang / Membuat Menu Navigasi Breadcrumbs di Blogspot bermanfaat buat teman semua...
Continue Reading... Label: blogger, blogspot, breadcrums, cara, memasang, membuat, menu navigasi, navigasi blog


Cara Membuat Template Blog Valid XHTML

2 komentar

Seperti yang pernah diulas dalam posting sebelumnya di Cara Mengedit Template Blog Agar Seo Friendly, kebanyakan template blogger yang ada saat ini tidak valid struktur html template-nya.
Cara Membuat Template Blog Valid XHTML Cara Membuat Template Blog Valid XHTML Cara Membuat Template Blog Valid XHTML

Cara Membuat Template Blog Valid XHTML

Karena itulah teman semua juga mesti membenahi bagian - bagian yang dapat menimbulkan error dan beberapa kode html dari template blogger yang wajib diubah sekiranya sebagai berikut :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Menjadi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Membuat Valid tag html

Ganti Kode di bawah ini supaya valid

<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
Menjadi

<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Membuat Valid Navbar Blog

Ganti Kode di bawah ini supaya valid

<b:include name='nextprev'/>
Menjadi

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<!-- navigation -->

<b:include name='nextprev'/>

</b:if>

Membuat Valid Icon Post

Ganti Kode di bawah ini supaya valid

<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>

<!-- quickedit pencil -->

<b:include data='post' name='postQuickEdit'/>

</span> <div class='post-share-buttons'>

<b:include data='post' name='shareButtons'/>

</div> </div>

Menjadi

<span class='post-icons'>

<!-- email post links -->

<b:if cond='data:post.emailPostUrl'>

</b:if>

</span>

</div>

Membuat Valid Comment Declaration Pada CSS

Ganti Kode di bawah ini supaya valid

/*----------- Header ------------*/
Menjadi

/* Header */

Membuat Valid default Meta

Ganti Kode di bawah ini supaya valid

<b:include data='blog' name='all-head-content'/>
Menjadi

<!-- Blogger Default Meta -->

<meta content='true' name='MSSmartTagsPreventParsing'/>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

<link expr:href='data:blog.url' rel='canonical'/>

<link href='http://www.blogger.com/profile/id_blog' rel='me'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<link href='http://www.blogger.com/rsd.g?blogID=id_blog' rel='EditURI' title='RSD' type='application/rsd xml'/>

<link href='http://www.blogger.com/feeds/id_blog/posts/default' rel='service.post' title='Atom' type='application/atom+xml'/>

<link href='http://namablog.blogspot.com/feeds/posts/default' rel='alternate' title='Atom' type='application/atom+xml'/>

<!-- End Blogger Default Meta -->

Membuat Valid Template dengan Menambahkan script di bawah tag body

Di atas tag body, sisipkan script berikut
<!-- <body><div></div> -->

Membuat Valid Template dengan cara menghapus Quickedit



<b:include name='quickedit'/>

Membuat Valid Template dengan cara mengganti & pada url


&amp;amp;

Membuat Valid Template dengan menambahkan ALT tag pada setiap gambar


<img alt="Deskripsi singkat disini" src="URL Gambar"/>

Sebelum mengedit template blog jangan lupa untuk membackup terlebih dulu template kita, ini sekedar untuk berjaga - jaga bila proses editing template blog tidak berjalan lancar.
Oh iya, tulisan ini di ambil dari blog simple-seotips.blogspot.com di posting ini dan itu, terima kasih buat adminnya dan moga saja tidak marah artikelnya saya copy di sini. Tapi saya kasih link sumber kok, hehe :)
Continue Reading... Label: blog, blogger, cara, membuat, template, valid template


Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

8 komentar

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly
Siapa yang tidak ingin postingan blog-nya masuk di jajaran 10 besar Google ? Pastinya semua blogger mengonginkannya dan begitu pula dengan kita. Karena secara default judul posting yang ada dalam blogspot dirasa kurang mendukung seo dan segala optimasinya, kita harus merubah-nya agar lebih seo. Bagaimana cara-nya ? Yups, kita ulas khusus dalam posting ini. Berikut tutorial cara merubah / mengedit judul posting blog supaya lebih SEO Friendly

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Seperti biasa, masuk di akun blogger.com dan pilih opsi template
Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Menuju di halaman berikutnya, pilih tombol Edit HTML

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Selanjutnya ada peringatan semacam ini, langsung saja klik tombol Lanjutkan

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Sebelum mengedit template blogspot, jangan lupa centang kotak Expand Template Widget,

Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Lalu cari kode di bawah ini,
<title><data:blog.pageTitle/></title>

Hapus semua kode tersebut dan ganti dengan kode berikut
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

Terakhir tinggal meyimpan hasil edit, klik tombol Simpan Template dan Tutup. Selesai...
Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly Cara Merubah / Mengedit Judul Posting Blog Lebih SEO Friendly

Tambahan :
Bila teman semua menemukan kendala saat mencari kode html di atas silakan pergunakan Ctrl+F untuk menemukan kode html yang dicari.

OK, semoga sukses :)
Continue Reading... Label: blog, blogger, blogspot, cara, judul, mengedit, merubah, posting, seo


 
Return to top of page Copyright © 2010 | Bloggers - Meet Millions of Bloggers