.
Diberdayakan oleh Blogger.
Home » Semua post berkategori Tips Trik Seo
Tampilkan postingan dengan label Tips Trik Seo. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Trik Seo. Tampilkan semua postingan

Cara Membuat Artikel Terkait Keren Di Bawah Postingan Blog

kabar malam

Artikel terkait di bawah postingan blog bisa membawa dampak positif karena dapat meningkatkan Search Engine Optimization (SEO) yang berguna meningkat trafik blog dan juga mempermudah pengunjung blog dalam mencari isi blog seperti posting sebelumnya Cara Memasang Slider Teks Artikel Terbaru Diatas Postingan Blog yang juga sangat bermanfaat buat blog.

Perbedaan nya Artikel Terkait atau Related Post menampilkan link posting berdasarkan label yang berkaitan dengan postingan yang sedang di buka tanpa harus susah-susah mencari artikel yang berkaitan dari Daftar Isi Blog .

Kali ini saya akan berbagi Cara Membuat Artikel Terkait Keren Di Bawah Postingan Blog dengan tampilan icon RSS yang dapat memperindah tampilan pada blog dengan icon RSS mungil yang membuat tampilan blog lebih profesional dilihat pengunjung blog , supaya sahabat kabar malam tidak penasaran silahkan di praktekan saja cara pasang nya melalui langkah berikut :

1. Pertama Login dulu ke Blogger
2. Pilih Template di dasbor blog
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Pasang kode di bawah ini sebelum kode </head>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts{width:100%;font-size:12px tahoma;margin: 15px 0 7px 0;}
#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:16px;padding:0;}
#related-posts ul li{display:block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXoIiKgAttrWcYG0bqHqAgq2E2djFt1bgiEh85W7VhpRxsRaygCw0Xydi9HPgeVNAqq6_IQBKmS-OcseLALz6UwAjOg3qCNa4-2ld8MGHsckw07FJzcj6gRF5yRbcnZIWD1xWk_CON/s1600/Untitled+RSS.gif) no-repeat;
padding:0 0 1px 21px;margin-bottom:3px;line-height:1.6em;
border-bottom:1px dotted #cccccc;}
#related-posts ul li a{background:#fff;display:block;}
#related-posts ul li a:hover{background:#E9F5FB;}
</style>
<script src='http://kabarmalam.googlecode.com/files/artikel.terkait.icon.js' type='text/javascript'/>
</b:if>
6. Berikut nya pasang kode dibawah ini setelah kode <data:post.body/>
<!-- Start Related post-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Georgia' size='3'><b><u>Artikel Terkait Dengan <a expr:href='data:post.url' expr:title='data:blog.pageName'><data:blog.pageName/></a></u> : </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>
<!--End Related post-->
7. Terakhir Klik Simpan Template untuk melihat hasilnya.

Keterangan :
  • Kalau  kode <data:post.body/> lebih dari 1 (satu) letakan kode  script nya pada kode <data:post.body/> yang ke 2 (dua).
  • Ubah Angka 5 sesuai banyak artikel terkait yang ingin di tampilkan .


Unknown Tips Trik Seo

Cara Menambahkan ALT Tag Otomatis Pada Gambar Blog

ALT Tag pada gambar blog sangat kuat berpengaruh buat Seo Blog dan kalau gambar posting blog  tidak dilengkapi ALT Tag maka akan menurunkan nilai Seo dari blog tersebut , Jadi kesimpulan nya kalau mau Meningkatkan Seo Blog maka gambar harus dilengkapi ALT Tag agar nilai Seo pada blog tercapai .

Cara pasang ALT Tag image blog bisa di lakukan dengan 2 cara yaitu cara otomatis dan manual dan kali ini saya akan berbagi Cara Menambahkan ALT Tag  Otomatis Pada Gambar  Blog dengan langkah sebagai berikut :
  •     Login ke Blogger
  •     Klik Template >> Klik Edit HTML >> Lanjutkan
  •     Centang pada Expand Template Widget
  •     Copy Code  di bawah ini dan pastekan sebelum atau diatas kode </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script type='text/javascript'>

//<![CDATA[ $(document).ready(function() {

$('img').each(function(){

var $img = $(this);

var filename = $img.attr('src')

$("img:not([alt])").attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

$("img:not([alt])").attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

//]]>

</script>

  •    Terakhir simpan Template

Unknown Tips Trik Seo

Cara Membuat Judul Posting Sebelum Judul Blog Seo

Salah satu trik seo dalam sebuah blog yaitu merubah meta tag template blog agar judul postingan terbaca oleh search engine seperti google , yahoo , bing dll yaitu dengan cara meletakan judul posting sebelum judul blog seperti yang di gunakan di blog ini

Trik nya cukup mudah di terapkan dengan sedikit edit blog seperti langkah sebagai berikut :

1. Login ke Blogger > Template > Edit HTML.
2. Cari dengan menggunakan (Ctrl+F) kode ini  <title><data:blog.pageTitle/></title>
3. Ganti kode diatas dengan kode di bawah ini


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

4. Simpan template HTML , lalu lihat hasil nya dengan membuka salah satu postingan blog .
Unknown Tips Trik Seo
Langganan: Postingan (Atom)