Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel

Loading...
Seo Master present to you:
Setiap mania blogger selalu menginginkan blognya tampil lengkap dengan aksesori yang dibutuhkan oleh pengunjung atau widget-widget untuk kepentingan blogger itu sendiri. Pada prinsipnya, semua aksesori berupa widget tersebut, lebih dimaksudkan agar blog tampil keren dan “enak” dilihat mata. Setuju nggak?

Hanya saja, perkembangan dunia internet, termasuk per-blogger-an (blogosphere) saat ini terus melejit bahkan hingga sampai pada level : blog hampir tak bisa dibedakan dengan website lagi! Suatu evolusi teknologi informasi yang memang selalu berada beberapa puluh langkah di depan revolusi “moralitas” kita, hehe…

Postingan saya kali ini adalah tentang bagaimana memasang menu “Postingan Terkait dengan Label”, atau bahasa Inggrisnya “Related Post by Label”. Awalnya sih si Blogger Hack yang terkenal itu (Hectro) yang membuat widget ini, kemudian dimodifikasi lagi menjadi lebih sederhana oleh banyak orang, termasuk yang akan saya tampilkan di sini.

Widget “Postingan Terkait dengan Label” atau “Related Post by Label” ini memang cukup membantu para blogger meningkatkan jumlah Page View (tampilan halaman) dari blognya, karena pengunjung blog yang mendapatkan sebuah postingan dengan tema tertentu, selalu ingin informasi lebih banyak.

Jika pada bagian bawah setiap postingan tersedia layanan “Related Post” atau “Postingan Terkait”, maka kemungkinan besar orang akan mengunjungi link postingan tersebut. Bagaimana cara memasang widget “Related Post” atau “Postingan Terkait” tersebut di Blogger Beta XML?
Berikut Contohnya:

Berikut ini adalah tutorial singkatnya :
1. Buka account Blogger Beta Anda, lalu klik “TEMPLATE”, selanjutnya klik “EDIT HTML”
2. Klik “Expand Widget“.
3. Jangan lupa untuk menyimpan template Anda di Komputer atau File lain dengan meng-klik Download Full Template. Ini adalah prosedur standar (gold procedure) setiap kali Anda akan melakukan perubahan pada template Blogger Beta. Sewaktuwaktu, jika proses editing Template Blogger Anda bermasalah, maka Anda masih bisa kembali ke Template Anda sebelumnya.
4. Cari kode <data:post.body/>
5. Copy + Paste kode Java Script di bawah dan letakkan setelah kode <data:post.body/> di atas.
6. Pekerjaan selesai!
7. Jangan lupa di simpan.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<!-- *****************http://www.matrixar.com*********************** -->

<div class='widget-content'>
<b>Postingan Terkait Lainnya Dengan Label :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
Widget by <u><a href='http://www.matrixar.com/' target='_blank'>SEO Tutorial</a></u>
</div>
<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>
Saya tunggu komentar Anda…
SEO Tutorial Blogger
2013, By: Seo Master

seo Cara Memasang Menu Related Post by Label (Postingan Terkait dengan Label/Kategori) di Blogger Baru XML 2013

Seo Master present to you: Tampilan menu Label untuk default blogspot yaitu dengan menu ul (list style). Mungkin untuk sebuah blog yang mempunyai label sedikit, tampilan tersebut tentu tidak masalah karena hanya memerlukan sedikit space di bagian sidebar. Nah....coba kalo blog tersebut mempunyai label yang banyak....berapa banyak space yang habis untuk memuat label tersebut.....Tentunya hal ini akan sangat mempengaruhi efisiensi blog kita. Nah...supaya tampilan label tidak terlalu menghabiskan space sidebar anda, saya punya trik bagaimana cara menampilkan label dengan dropdown menu. Berikut Tutorialnya :

* Seperti biasa, Login dulu di http://blogger.com/
* Di jendela dashboard, klik menu layout lalu pilih edit HTML
* Setelah itu, jangan lupa kasih tanda centang di expand template widget
* Lalu cari kode seperti di bawah ini :

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

Kalo ngga ketemu, berarti menu label anda belum terpasang. Silahkan pasang terlebih dahulu lalu ikuti langkah2nya lagi. Kalo sudah ketemu, ganti kode tersebut dengan kode di bawah ini :

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

Klik save dan selesai.....
SEO Tutorial Blogger
2013, By: Seo Master

seo Menampilkan Label dengan Menu Dropdown 2013





Cara riset keyword dengan Google AdWords Keyword Tool memang sangat penting untuk dilakukan. Tujuan dari riset keyword adalah untuk mencari keyword-keyword yang menguntungkan dan bisa mendatangkan banyak pengunjung ke blog anda.

Bagian ini termasuk dalam bagian awal dalam SEO setelah Cara Memilih Tema Blog Terbaik dan menentukan blog yang akan dibuat. Bagian ini juga termasuk hal terpenting

seo Cara Riset Keyword dengan Google AdWords Keyword Tool 2013

Powered by Blogger.
Design by Dev Nasser