Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot

Description: Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot

Blogger Brunch (Photo credit: isthisREALLYmylife?)

Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot. Menampilkan link ke posting terkait bersama dengan thumbnail dari pos yang sesuai akan membantu Anda meningkatkan tampilan halaman / pengguna. Pengguna akan tergoda untuk pergi untuk posting terkait ketika mereka disajikan menarik dengan thumbnail.

Ini adalah satu lagi rilis pertama dari me.This satu juga menggunakan thumbnail media yang dihasilkan oleh blogger untuk setiap posting.

Untuk menampilkan thumbnail, widget ini akan menggunakan gambar yang diupload untuk posting menggunakan uploader blogger gambar (dari editor posting) [Update - Sekarang mendukung gambar eksternal juga.]

Posting terkait dengan Widget Thumbnail untuk Blogger
Berikut adalah langkah-langkah rinci untuk menginstal widget posting terkait untuk blogger dengan thumbnail

1.First dari semua Login ke dashboard blogger Anda dan arahkan ke Layout >> Edit HTML dan centang "Expand Template Widget" kotak centang.

2. Sekarang Cari :

</head>

dan gantikan dengan script berikut ini :

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeyHWvfEBsuxicoupSv1c_HlbNTqCqGmrKFT2teF6s9mK7Rjg7bVw5ss3tnYodV8I8eiYt8ZNRESmyN7vCNOwPZx8e_qD6nHuu5vUDr4ykcxFZl9J0SBU-K6DlqsNeesmLbKWSbACFy4/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

3. Temukan kode :

<div class='post-footer-line post-footer-line-1'>

Jika kode di atas tidak ada, cari kode script berikut ini :

<p class='post-footer-line post-footer-line-1'>

Setelah itu letakan kode di bawah ini tepat di bawah kode tersebut.

<!-- Related Posts with Thumbnails Code Start-->
<!-- 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> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->

4. Untuk mengatur jumlah related postnya, ubah kode berikut ini :

var maxresults=5;

coba juga dengan mengubah kode berikut ini.

max-results=6

5. Untuk mengubah judul "Related Post" nya ganti aja pada kode :

var relatedpoststitle="Related Posts";

6. Untuk mengubah default thumbnail, ganti kode script berikut ini :

var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioeyHWvfEBsuxicoupSv1c_HlbNTqCqGmrKFT2teF6s9mK7Rjg7bVw5ss3tnYodV8I8eiYt8ZNRESmyN7vCNOwPZx8e_qD6nHuu5vUDr4ykcxFZl9J0SBU-K6DlqsNeesmLbKWSbACFy4/s400/noimage.png";

7. Untuk menggati garis gantikan kode berikut ini :

var splittercolor="#d4eaf2";

Rating: 4.5 Reviewer: Mr. Sumawan

Trik SEO | Simple Script Open New Tab Eksternal Link Blogger

Description: Trik SEO | Simple Script Open New Tab Eksternal Link Blogger Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Simple Script Open New Tab Eksternal Link Blogger

P Element - (X)HTML Diagram (Photo credit: Mr_Stein)

Trik SEO | Simple Script Open New Tab Eksternal Link Blogger. Script dibawah adalah script untuk membuat open new tab apabila pengunjung mengklik link external atau link diluar dari domain kita. Dengan kata lain, semua link diluar situs kita secara otomatis akan terbuka di tab baru saat di klik.
Copy dan paste scriptnya di bagian body atau sebelum tag </body>

<script type='text/javascript'>
//CDATA[
jQuery('a').each(function() {
    // Let's make external links open in a new tab.
    var href = jQuery(this).attr('href');
   
    if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf(window.location.hostname) == -1) {
        jQuery(this).attr("target", "_blank");
    }
});
//]]>
</script>

Related articles

• Can you add jQuery that forces 'tab' based on chosen delimiter in a copy/paste to HTML form?
• get form element from dialog box using Jquery
• Super Tricky | Stylish Floating Facebook Like Box Blogger
• Using HTML Tables In jQuery And Formatting Issue
• How to Build a "Three Line" Drop-down Menu for a Responsive Website in jQuery

Rating: 4.5 Reviewer: Mr. Sumawan