Cara Memasang Artikel Terkait

Artikel Terkait

Related post atau artikel terkait adalah sebuah fasilitas yang akan memudahkan pembaca blog sobat untuk mencari artikel atau informasi yang sedang ia butuhkan, sehingga pengunjung akan makin betah membaca artikel di blog sobat, ini juga berfungsi untuk meningkatkan status SEO.Jadi cobalah untuk memasang related post di blog sobat semuanya.Berikut akan saya berikan cara memasang related post pada blog



1. Loginlah ke blogger sobat
2. Pilih Template
3. Pilih Edit HTML
4. Cari kode berikut

<data:post.body/>

 5. Setelah itu copy pastekan Script berikut ini di bawah script tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'> <strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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;ardi33&#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> <script type='text/javascript'>RelPost();</script> </div> </b:if>

6. Kalau sudah selesai save template blogger nya.

Demikian saya sudahi trik blogger yang saya berikan.Semoga memberikan manfaat bagi sobat blogger semua.Kalau ada koreksi atau belum paham silahkan berkomentar ... Terima kasih.

"Kritik dan saran yang membangun akan selalu saya harapkan agar bisa lebih baik kedepannya"

Read more

Cara Memasang Meta Tag SEO

Meta Tag

Meta tag mempunyai fungsi agar blog kita bisa cepat terindeks oleh mesin pencari seperti google dan lainnya, oleh karena itu meta tag yang saya berikan ini juga SEO friendly tentunya, jadi bagi sobat bloger yang ingin blog nya jadi lebih SEO dan cepat terindeks oleh search engine cobalah untuk mengikuti trik yang satu ini.

Oke berikut ini adalah langkah-langkah memasang meta tag ...

1. Masuklah ke akun blogger sobat

2. Pilih Template, lalu pilih Edit HTML

3. Kemudian cari kode

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

4. Setelah itu copy paste script berikut ini dibawah script tadi

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='TULIS DESKRIPSI BLOG SOBAT' name='description'/>
<meta content='TULIS KEYWORDS BLOG SOBAT' name='keywords'/> </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='TULIS ADMIN BLOG SOBAT' name='author'/>
<meta content='TULIS NAMA BLOG SOBAT' name='copyright'/>
<meta content='1 days' name='revisit-after'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='all-language' http-equiv='Content-Language'/>
<meta content='global' name='Distribution'/>
<meta content='global' name='target'/>
<meta content='Indonesia' name='geo.country'/>
<meta content='all' name='robots'/>
<meta content='all' name='googlebot'/>
<meta content='all' name='msnbot'/>
<meta content='all' name='Googlebot-Image'/>
<meta content='all' name='Slurp'/>
<meta content='all' name='ZyBorg'/>
<meta content='all' name='Scooter'/>
<meta content='ALL' name='spiders'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='never' name='Expires'/>

5. Kalau sudah selesai sobat save template nya

Demikian saya sudahi trik blogger yang saya berikan.Semoga memberikan manfaat bagi sobat blogger semua.Kalau ada koreksi atau belum paham silahkan berkomentar ... Terima kasih.

"Kritik dan saran yang membangun akan selalu saya harapkan agar bisa lebih baik kedepannya"

Read more

Membuat Blog Lebih SEO

Search Engine Optimization

Search Engine Optimization atau yang sering disingkat SEO.Ini adalah hal yang sangat penting bagi kelangsungan website atau blog kita, agar blog kita bisa terpampang di halaman pertama google dan makin banyak pengunjung yang datang ke blog milik kita.Karena jika blog kita sudah memiliki banyak pengunjung bukan tidak mungkin akan menjadi lumbung uang yang menambah pemasukan kita, jadi saya akan membagikan beberapa trik untuk membuat blog sobat jadi lebih SEO.


1. Cobalah Untuk Tampilkan Related Post
Related post atau artikel terkait sangat penting di dalam blog kita, karena akan memudahkan pembaca blog sobat mencari artikel yang sedang ia cari,dan akan membuat pembaca blog sobat menjadi lebih betah dan bukan tidak mungkin akan mampir lagi di lain waktu :).
Untuk tutorial memasang Related Post/Artikel Terkait bisa dilihat pada link di bawah ini
--- Cara Memasang Artikel Terkait ---

2. Memasang Meta Tag SEO
Meta tag sangat penting dalam blog dan di setiap template yang sobat pakai biasanya sudah ada meta tag nya, tapi tidak ada salahnya mengganti meta tag default tersebut dengan yang lebih SEO.
Untuk tutorial memasang meta tag SEO caranya bisa dilihat pada link di bawah ini
--- Cara Memasang Meta Tag SEO ---

3.Memasang Title Tag
Ini sangat berguna untuk meningkatkan ranking SERP pada blog kita, cobalah untuk menambahkan title tag pada template kalian.
Caranya ...:

• Buka Edit HTML pada template blogger sobat
• Kemudian carilah script

<title><data:blog.pageTitle/></title>

• Kalau sudah ketemu ganti dengan script berikut

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | Learn And Sharing</title>
    </b:if>

4.Menambahkan Canonical
Ini sangat penting guna menghindari konten yang berganda, hal yang sangat tidak disukai oleh search engine karena mereka menganggap itu spam.
Caranya...:

• Cari kode <head>
• Copy dan paste script berikut di bawah kode nya

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

Itulah trik SEO yang bisa saya berikan, semoga ini bisa membuat blog sobat blogger menjadi lebih SEO dan semakin ramai oleh pengunjung.Semoga memberikan manfaat bagi sobat blogger semua.Kalau ada koreksi atau belum paham silahkan berkomentar ... Terima kasih.

"Kritik dan saran yang membangun akan selalu saya harapkan agar bisa lebih baik kedepannya"

Read more

Membuat Text Area dengan Highlight All pada HTML

Text Area dengan Highlight All

Text area adalah sebuah kotak yang di dalamnya bisa kita isi dengan tulisan, source code, script dll, ditambah dengan fitur Highlight All yang semakin memudahkan pembaca.Text area dengan Highlight All ini sering kita jumpai di banyak sekali blog, fungsinya tak lain adalah untuk memudahkan sobat blogger semua untuk memblok tulisan yang ada di dalam text area tersebut.

Oke langsung saja saya kasih tau caranya, pertama-tama silahkan copy script html di bawah ini

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukan teks yang sobat inginkan disini,kalau terlalu panjang maka akan muncul scrooll secara otomatis untuk membantu sobat blogger membaca isinya</textarea></p></div></form>

Lalu sobat paste script tersebut di html blogger sobat
Maka hasilnya akan terlihat eperti di bawah ini

Masukan teks yang sobat inginkan disini,kalau terlalu panjang maka akan muncul scrooll secara otomatis untuk membantu sobat blogger membaca isinya

Keterangan dari script

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukan teks yang sobat inginkan disini,kalau terlalu panjang maka akan muncul scrooll secara otomatis untuk membantu sobat blogger membaca isinya</textarea></p></div></form>

Ukuran panjang dan lebar text area tersebut bisa diganti sesuai keinginan pada height dan width.
tulisan yang ada di dalam text area tidak bisa diganti oleh orang lain dan hanya bisa diganti oleh sobat sendiri dengan mengedit isinya di html blog sobat.

Demikian saya sudahi trik blogger yang saya berikan.Semoga memberikan manfaat bagi sobat blogger semua.Kalau ada koreksi atau belum paham silahkan berkomentar ... Terima kasih.

"Kritik dan saran yang membangun akan selalu saya harapkan agar bisa lebih baik kedepannya"

Read more

Welcome Majarena

Dengan adanya posting ini maka Alhamdulillah blog Majarena ini telah sukses dibuat dan kedepannya akan selalu di update dengan postingan yang sangat menarik karena berisi tips dan trik baik dari berbagai sumber maupun pengalaman admin pribadi.Tapi mungkin blog ini akan lebih condong mengisi postingannya dengan ilmu-ilmu dan tips untuk teknologi.Jika bicara teknologi maka seperti tak ada habisnya, akan banyak hal menarik yang patut untuk dibahas dan dijadikan postingan menarik di blog Majarena ini.

Welcome

Setelah memposting tulisan ini mungkin akan ada beberapa perbaikan dalam blog ini baik dalam hal postingan maupun dalam hal design yang mungkin akan terlihat simpel.Tapi tetap kita tidak bisa hanya melihat sesuatu dari kulitnya saja, juga harus dilihat dalamnya yang berisi informasi yang mudah-mudahan akan membantu pembaca semuanya.

Sekian mungkin yang bisa diungkapkan dalam postingan pertama blog ini.Jangan bosan untuk menunggu postingan menarik dari blog ini ya ... Terima kasih.

Read more