Cara Memasang Breadcrumb Google di Blogger

Cara Memasang Breadcrumb Google di Blogger - Memasang atau membuat google breadcrumb ini memang lagi trens didunia bloggers saat ini salah satu manfaat memasang  breadcrumb ini, bisa membantu menutupi salah satu kekurangan blogger. Kekurangan tersebut yaitu alamat url posting yang terbatas. Makanya mulai sekarang ayo pasang google breadcrumb di blog anda :D. Selain itu, dengan Google breadcrumbakan membuat blog kita di search engine google lebih terlihat rapi. anda bisa lihat contoh Google Breadcrumb di bawah ini.

Mau Tau Seperti apa Caranya? Baca aja Terus Ok... :D

Cara Memasang Breadcrumb Google di Blogger

• Pertama untuk memasang Breadcrumb Google tentu saja anda harus login dulu ke blognya Dong...:D Kalo Belum Punya Blog anda bisa baca dulu yang cara Cara Membuat Blog Mudah Dan Gratis 
• Seperti biasa, ke halaman design > edit HTML > Expand Widget Templates (jangan lupa selalu backup template sebelum editing)
• Cari kode <b:include data='top' name='status-message'/> , biasanya ada 2 kode tersebut. Kalau sudah di temukan, silahkan paste kode berikut ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).
<b:include data='posts' name='breadcrumb'/>

• Sekarang cari kode <b:includable id='main' var='top'> dan kalau sudah ketemu, paste kode berikut tepat di atas kode <b:includable id='main' var='top'>

<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>

Simpan Template dan selesai, anda berhasil memasang breadcrumb google di blog anda. Gampang Bukan..:D Setelah Itu Baru Lihat deh Hasilnya.. anda bisa mengecek lewat tool ini richsnippets
Kalo Hasilnya Benar-benar ok Maka akan terlihat Seeperti gambar Dibawah ini...:D

Suangat Mudah Bukan? :D Selamat anda telah membuat Breadcrumb Google di Blogger

Source : Cara Memasang Breadcrumb Google di Blogger

Read More »

Add Comment

Pramudya Ksatria Budiman Tutorial Blog

Directory technorati Untuk meningkatkan Traffic Pengunjung

Directory technorati Untuk meningkatkan Traffic Pengunjung - technorati adalah sebuah situs directory blog yang terkenal. dengan mendaftar di situs directory blog khususnya di technorati. itu bisa mempengaruhi traffic blog kita menjadi lebih meningkat. trafic blog yang meningkat sudah jelas menjadi keinginan setiap para blogger. http://technorati.com/account/claim/. jika anda belum punya account technorati silahkan daftar blog anda. isi formulirnya dan verifikasi lewat email.  jika anda belum tahu bagaimana cara claim token atau kode yang di berikan technorati melalui email yang anda daftarkan berikut adalah caranya:

setelah mendapatkan pesan email dari technorati yang berisi token seperti token punya saya ini: RMEQKJXCDHQW

jika sudah anda terima token yang di kirim technorati tersebut,anda tinggal buat postingan baru yang berisi kode token tersebut,contoh seperti postingan saya yang ini. tapi hanya dengan memasukan kode token nya saja di potingan yang baru juga tidak apa apa. terus publiskan. setelah postingan yang berisi kode atau token dari technorati tadi di publiskan, agan login ke website technorati, trus edit account anda,dan isi formulir yang ada, termasuk link situs blog anda. jika sudah trus check claim blog agan,,nanti technorati akan mengecek blog agan..paling lambat membutuhkan waktu sekitar 24 - 72 jam.. Semoga berhasil... :D

Demikian tentang Directory technorati Untuk meningkatkan Traffic Pengunjung
Baca Juga 5 Majalah Pria Paling Populer di Dunia

Read More »

Add Comment

Pramudya Ksatria Budiman Tutorial Blog

Tips Membuat Widget Artikel Terbaru di Blog

Tips Membuat Widget Artikel Terbaru di Blog - Setelah Beberapa hari tidak posting artikel tentang Tutorial Blogger, akhirnya pada kesempatan kali ini Mazda Bloggers akan berbagi artikel tentang Tutorial Blogger. artikel yang akan dibahas kali ini adalah Tips Membuat Widget Artikel Terbaru di Blog. Langsung saja bagi anda yang sedang mencari artikel ini berikut ini langkah-langkahnya.

1. Tambah Gadget >  HTML/JavaScrip > lalu masukan kodeberikut ini

<script src="http://dhio.googlecode.com/files/aldio-blog-post-terbaru.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://ami-mazda.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"> </script>

Jika Ingin Mempercantik atau menambahkan fungsi scroll silahkan pake kode yang ini

<div style="overflow:auto; width:307px; height:250px; background-color:#f3f3f3; rgb(255, 255, 255); border:1px solid #ccc;"><script src="http://dhio.googlecode.com/files/aldio-blog-post-terbaru.js"></script> <script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script> <script src="http://ami-mazda.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"> </script></div>

- warna merah ganti dengan URL anda
- warna biru jumlah yang akan muncul

Demikian tentang Tips Membuat Widget Artikel Terbaru di Blog.

Read More »

Add Comment

Pramudya Ksatria Budiman Tips Dan Triks , Tutorial Blog

Cara Mengganti Background Blog

Cara Mengganti Background Blog.Tips Mengganti Background Blog. Bagaimana caranya agar Latar Belakang Blog bisa diubah? pertayaan yang mudah sekali untuk dijawab, Berikut ini Sedikit saya kasih Info bagi anda yang tentunya masih pemula dan belum paham betul masalah Templet, mengenai Tips Mengganti Background Blog. yup lagsung saja cekidot dibawah ini

Cara Mengganti Background Blog

Dasbor ->> edit HTML jgn Lupa dicentang, Cari Kode DIbawah ini.

body {
background:#fff;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Nah yang berwarna Merah lah yang perlu Anda Ubah dengan Kode HTML Warna BIsa anda Lihat Disini
Mudah BUkan? :D Good luck...!!!!

Demikian info mengenai Cara Mengganti Background Blog.

Read More »

Add Comment

Pramudya Ksatria Budiman Tutorial Blog

Cara membuat Permalink SEO di bawah Postingan

Cara membuat Permalink SEO di bawah Postingan - Kali ini Mazda Bloggers memposting artikel Cara Membuat atau Memasang Permalink Seo Di Blog. Mungkin ada yang belum tau apa itu Permalink? bertanya-tanya apa itu Permaling? :D Permalink adalah salah satu Optimasi Seo On Page yang berguna untuk memasang permanen link dan bertujuan untuk menambah internal link pada posting blog. Jika anda belum tau, Permalink SEO di bawah Postingan bisa anda liahat seperti gambar dibawah ini!.

Kalo sudah liahat gambar di atas pasti sudah tau dong... :D

ok langsung saja. nggak usah lama-lama pidatonya :D Cara membuat Permalink SEO di bawah Postingan

• Masuk dulu ke akun Blogger anda.
• Setelah itu masuk ke Rancangan > Edit HTML
• Beri centang pada Expand Template Widget.
• Sesudah itu sobat cari kode ]]></b:skin> (Tekan Ctrl + F untuk memudahkan pencarian).
• Setelah kode tersebut dapat, Copy kode di bawah ini dan Paste di atas kode tersebut.

.mazdabloggers {border: 1px solid #EFF0F1; padding: 5px; background: #ffffff;-moz-border-radius:5px;}

.mazdabloggers a {background:none;} img.float-right {margin: 5px 0px 0 10px;} img.float-left {margin: 5px 10px 0 0px;}

• Sesudah itu, sobat cari kode berikut ini <data:post.body/> kalau sudah ketemu kode tersebut, Copy kode di bawah ini lalu sobat Paste di bawah kode tersebut.

<div class='mazdabloggers'><center><small>Anda sedang membaca Artikel tentang <strong><u><data:blog.pageName/></u></strong> ndan anda bisa menemukan Artikel <data:blog.pageName/> ini dengan URL <strong><data:post.url/></strong>, Terimakasih Telah membaca Artikel <strong><u><data:blog.pageName/></u></strong> Anda boleh menyebar Luaskan atau MengCopy-Paste nya jika Artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi anda, Namun jangan lupa untuk meletakkan Link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai Sumbernya.</small></center></div>

• Setelah semua selesai, Klik Save Template. 

Lihat Hasilnya...:D Selamat anda sudah Bisa membuat Permalink SEO di bawah Postingan.

Demikian tentang Cara membuat Permalink SEO di bawah Postingan
Semoga bermanfaat...

Read More »

Add Comment

Pramudya Ksatria Budiman seo , Tutorial Blog

Cara Membuat Artikel Terkait/Related Post diBawah Postingan

Cara Membuat Artikel Terkait/Related Post diBawah Postingan - Cara Membuat Artikel Terkait/Related Post di Blogspot. pada postingan Sebelum nya Mazda Bloggers juga sudah pernah post tentang Cara Membuat Related Post Dengan LinkWithin (Thumbnails) dan Menampilkan Widget Linkwithin Hanya Tampil di Posting Saja Artikel Terkait/Related Post Sudah tidak asing lagi bagi kitasemua terutama yang jago ngeblog. Related post memang sangat diperlukan karena menjadi salah satu trik agar menjadi SEO Friendly dan ini juga bisa membantu pengunjung untuk membaca Artikel Anda yang lain yang mungkin ada dan belum di ketahuinya atau belum terbaca. Hal ini menyebabkan pengunjung bisa betah berada di blog kita.

Penasaran ingin tau cara membuatnya kan? :D simak aja terus...


Masuk blogger > Template > edit html > centang expand template widget
cari kode </head> kemudian letakkan script di bawah ini tepat di atas kode </head>

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + 
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>

ini adalah tampilan spoiler untuk menyembunyikan teks

Kemudian Anda cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>

<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

ini adalah tampilan spoiler untuk menyembunyikan teks

Untuk tulisan yang berwarna merah silahkan ganti sesuai keinginan Anda sendiri, Terakhir simpan template dan lihat hasilnya. Cukup mudah bukan cara membuat related post / artikel terkait :D

Good luck...

Read More »

Add Comment

Pramudya Ksatria Budiman Tutorial Blog

Cara Membuat Related Post Dengan LinkWithin (Thumbnails) dan Menampilkan Widget Linkwithin Hanya Tampil di Posting Saja

Mazda Bloggers | Cara Membuat Related Post Dengan LinkWithin (Thumbnails) dan Menampilkan Widget Linkwithin Hanya Tampil di Posting Saja - Apabila anda berkunjung ke blog ini anda bisa melihat related post atau artikel terkait dengan paduan gambar. Gambar tersebut disebut juga Thumbnails. Dengan melihat gambar/ Thumbnails tersebut maka visitor akan melihat. Karena dari gambarlah orang akan tertarik dan penasaran Dari tertarik maka akan melihat dan membaca dari situlah maka pembaca akan terbawa berlama lama untuk membaca dan membaca informasi yang lain di blog anda.

Tapi tentu saja jika artikel anda sudah cukup banyak. Jika baru dua – tiga artikel kan jadi lucu banget karena artikel yang berhubungan itu itu saja. Menurut ahli blogger, related post di samping bisa membuat pengunjung betah berlama lama di blog anda, juga bisa membuat mesin pencari senang banget. Karena related post juga membentuk link-link di blog anda sehingga mesin pencari selalu mengindeksnya.

Kali ini saya akan jelaskan pada anda cara membuatnya.

Bagi Sobat yang Udah pasang Widget Linkwithin atau Artikel Terkait dengan Thumbnail di Blog, saya sarankan hanya menampilkan nya di bagian Posting saja, bagi yang menggunakan Featured Read More biasanya Widget Linkwithin tampil di bagian setiap Bawah Fetured Read More, 

Contoh Widget Linkwithin tampil di bagian setiap Bawah Fetured Read More :

nah sekarang bagaimana supaya Widget Linkwithin hanya Tampil pada posting saja tidak dihalaman Home Page, Cara nya mudah tinggal ikuti langkah-langkah di bawah ini.

Cara Mendapatkan Widget LinkWithin

1. Go to LinkWithin.

2. Setelah masuk halamannya, lihat ke bagian kanan b`wah dimana disitu terdapat kolom isian untuk mendapatkan widgetnya.

3. Masukkan valid email.

4. Isikan url blog/website.

5. Pilih Platform blog anda (ini digunakan untuk memasukkan secara otomatis melalui dashboard/admin page blog).

6. Pilih jumlah link/stories yang ingin anda tampilkan, sesuaikan dengan lebar post body di blog.(pilih melalui dropdown menu di kolom Width)

7. Centang "My blog has light text on a dark background" jika latar tampilan blog anda berwarna gelap.

8. Klik 'GetWidget!'.

9. Anda akan masuk ke halaman selanjutnya dan dibimbing untuk melakukan langkah-langkah sesuai dengan platform blog.

10. Setelah masuk ke halaman widget editor/page element di dashboard, tarik widget ke bawah post body jika ingin ditampilkan di bawah post body.

•  Lalu Kamu Klik Edit akan muncul Kode Script nya, biasanya kaya gini.

• Kamu copy kode nya, setelah di Copy Pilih EDIT HTML, jangan lupa centang dulu EXPAND WIDGET TEMPLATE NYA.
• Cari kode  <data:post.body/> setelah ketemu letakan kode yang kamu Copy tadi di bawah kode <data:post.body/> 
• Untuk menampilkan Widget di Halaman Postingan kamu tinggal nambahin kode di bawah ini.

             <b:if cond='data:blog.pageType == &quot;item&quot;'> dan </b:if>

• Sehingga posisinya kaya gini 

Selsai dan Simpan Template, lalu lihat hasilnya.

nB: apabila Temple anda ada readmore otomatisnya maka carilah <data:post.body/> yang ke dua

Good luck..!!!!!!!!!

 

Read More »

Add Comment

Pramudya Ksatria Budiman Tutorial Blog

Cara Membuat Blog Menjadi Dofollow

Cara Membuat Blog Menjadi Dofollow - Blog Dofollowsudah merajarela dimana-mana, dan telah tersebar hingga seluruh dunia. Menanggapi request dari sahabat Deny maka Deny akan menuliskan artikel cara membuat blog menjadi dofollow.

Banyak sobat blogger yang membuat blog menjadi dofollowhanya untuk mendapatkan komentar yang banyak. Selain itu menurut mereka blog dofollow akan menghasilkan pengunjung yang banyak dan terus setia berkunjung dan bahkan berkomentar di blognya.

Jika menurut saya, blog dofollow dan nofollow  itu hampir sama saja, namun yang membedakan blog dofollow memberikan backlink yang lebih banyak saat berkomentar daripada blog nofollow, maka itulah yang menimbulkan minat pengunjung untuk berkomentar di blog dofollow.

Apakah anda sudah yakin ingin merubah blog anda menjadi dofollow? Jika anda berminat silakan ikuti tutorial berikut di bawah ini:

1. Login ke akun blogger sobat.

2. Pergi ke tab rancangan, lalu pilih edit html.

3. Centang expand template widget, lalu cari kode berikut:

<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> 

4. Hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:

<a expr:href='data:comment.authorUrl'><data:comment.author/></a> 

5. Lalu cari kode berikut ini:

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> 

6. Kemudian hapus kode yang berwarna merah di atas, sehingga kodenya akan menjadi seperti ini:

<a expr:href='data:backlink.url'><data:backlink.title/></a> 

7. Simpan template.

Selamat anda sudah selesai merubah/membuat blog anda menjadi dofollow. Saya tekankan tidak semua blog dofollow memiliki komentar banyak, terkecuali bagi mereka yang blognya bertraffic tinggi, rajin blogwalking (promosi), ataupun yang memiliki pengunjung setia. Dan tidak mesti juga blog nofollowmemiliki komentar sedikit, semua itu tergantung dari blogwalking tadi (berkomentar), kualitas artikel, dan traffic yang lumayan tinggi juga.

Sorce : Daw xp

Semoga bermanfaat...

Read More »

Add Comment

Pramudya Ksatria Budiman Tutorial Blog