Menambahkan A Related Posts Widget Untuk Blogger Dengan Thumbnail

Menambahkan A Related Posts Widget Untuk Blogger Dengan Thumbnail

Berikut adalah salah satu tip lagi untuk menampilkan posting widget terkait untuk blogger, Hal ini sangat penting untuk menambahkan gadget karena akan meningkatkan pengunjung di situs Anda tanpa menghabiskan banyak waktu di seo, jika Anda pergi ke kedalaman maka Anda akan dengan mudah menemukan bahwa related post widget atau gadget datang pada sumber utama tingkat SEO. Jadi, jika Anda benar-benar tertarik untuk dan ingin menampilkan posting terkait di mana tulisan terbuka Anda hanya perlu mengedit beberapa langkah yang saya memberitahu Anda di sini,

Ada juga banyak lainnya pasca widget terkait di sana tapi yang satu ini juga mengandung thumbnail sehingga Anda juga dapat melihat thumbnail jika pos memiliki gambar ditambahkan. (Lihat Kategori Widget Blogger )

Jadi di sini adalah apa yang harus Anda lakukan, itu sangat sederhana

• Pergi ke dashboard blogger
• Klik pada bagian Template blogger yang ingin Anda tambahkan widget
• Sekarang halaman baru muncul dan klik Edit HTML Tombol
• Dan berikutnya Anda harus mencari kode
• (Lihat RSS Feed Widget blogger )

Cari kode ini dalam template </ head> Setelah ini

• Sekarang paste kode ini di atas </ head> tag

<span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><b:if cond='data:blog.pageType == "item"'><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: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style><script type=text/javascript>var</span> <b:if cond='data:blog.pageType == "item"'> <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: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: # 5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0EM; padding-top: 0EM;} # related-posts a {border-right: 1px dotted # DDDDDD; color: # 5D5D5D;} # related-posts a: hover {color: black; background-color: # EDEDEF;} </ style> <script type=text/javascript> var</span> <span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script><script src=http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js type=text/javascript /><!-- remove --></b:if></span> var maxresults = 5; var splittercolor = "# DDDDDD"; var relatedpoststitle = "Related Posts"; </ script> <skrip src = http://helplogger.googlecode.com/svn/trunk/related-posts-with-big -thumbnails.js type = text / javascript /> <- menghapus -> </ b: if></span>

Sekarang cari kode ini dalam template <div class='post-footer'> Setelah ini

• Paste kode ini di atas kode class='post-footer'> <div

<span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left"><b:if cond='data:blog.pageType == "item"'><div id='related-posts'> <b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != "true"'></b:if><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop><script type='text/javascript'>removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </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</span> <b:if cond='data:blog.pageType == "item"'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b : jika 'data!: label.isLast = "true"' = cond> </ b: if> <skrip expr: src = '"/ feeds/posts/default/- /" + Data: label.name + "? alt = json-in-script & callback = related_results_labels_thumbs & max-results = 6 "'type =' text / javascript '/> </ b: lingkaran> <script type='text/javascript'> removeRelatedDuplicates_thumbs (); printRelatedLabels_thumbs (" <Data: post.url /> "); </ script> </ div> <div style=clear:both /> <- menghapus -> </ b: if> <b: if cond =" Data: blog. url == Data: blog.homepageUrl "> <b:if cond=data:post.isFirstPost> <a</span> <span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">alt="Blogger related post widget"</span> alt = "Blogger related post widget"</span> <span class="notranslate" onmouseover="_tipon(this)" onmouseout="_tipoff()"><span class="google-src-text" style="direction: ltr; text-align: left">/></a></b:if></b:if></span> /> </ A> </ b:> </ b jika: if></span>

Sekarang Anda selesai dan gadget Anda berhasil diinstal.

Anda harus me-refresh blog Anda untuk melihat perubahan, dan saya berkonsentrasi penuh kode dan kerjanya, saya juga mencobanya pada banyak blog lain sebelum menambahkannya di sini. Kode diedit dari helplogger

Mengapa menggunakan widget ini:

Anda tahu ada banyak pilihan yang mengapa kita menggunakan gadget ini untuk blogger blog. Sebenarnya jika Anda akan membangun tampilan halaman sebagian besar blog Anda, maka Anda harus menambahkan gadget ini dan ofcourse itu akan membuat respon jauh lebih positif terhadap lalu lintas dan tampilan halaman Anda meningkat berkali-kali lebih dari normal. Lihat bagaimana untuk blogger posting terkait

sumber : www.mbgadget.com

Jika pembaca membaca seluruh artikel maka ia / dia juga tertarik untuk membaca artikel Anda yang lain sehingga tidak hanya gadget itu juga meningkatkan kinerja website.

Jika ada masalah dengan menginstal widget hanya bertanya dalam komentar dan saya akan menyelesaikannya untuk Anda gratis, jangan ragu untuk seperti itu.

Share This:

Facebook

Twitter

Google Plus

Pinterest

Linkedin