Tampilkan postingan dengan label Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Blogger. Tampilkan semua postingan

Minggu, 11 November 2012

Trik SEO Terbaik | Related Post Blogger - Artikel Terkait Blogspot

0 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
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";


Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 03.34

Rabu, 07 November 2012

Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot?

1 Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot?

Description: Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot? Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot?
In His Element
In His Element (Photo credit: Jeremy Brooks)
Trik SEO | Bagaimana Rekomendasi Google untuk Meta Blogger Blogspot? Apakah Meta Tag Berbeda Untuk Setiap Posting di Blogger? Itu pertanyaan yang terus ada dalam pikiranku sebelumnya. Akhirnya memperoleh referensi langsung dari google tentang Meta Tag untuk blogger blogspot ini.

Secara default, jika Anda menambahkan Meta Tag ke template blogger, maka semua halaman Anda, termasuk halaman rumah akan memiliki Meta Description Tag yang sama. Apakah salah? Tidak Hanya saja ketika Anda mengirimkan blog Anda ke google maka Anda akan memiliki tag meta deskripsi duplikat. Meta Description Tag yang berbeda dalam setiap posting akan lebih google friendly.


description meta tags in search engine result
description meta tags in search engine result (Photo credit: denharsh)
Berikut adalah script rekomendasi dari google tentang Meta Tag deskripsi masing-masing post yang berbeda dan  untuk blogger blogspot yang google friendly tentunya.


Step 1 Install title tags optimized

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
CDATA[/*

Step 2 Tambahkan Meta tag Description and Meta Keywords

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>

Step 3 Ubah tex yang berwarna biru sesuai blog anda.

Step 4 Script terakhir anda seharusnya seperti di bawah ini :

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Your home page description' name='description'/>
<meta content='your keywords, keywords1, keyword2' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, your keywords, keywords1, keyword2 &quot;' name='keywords'/>
</b:if>

<b:skin><![CDATA[/*


Step 5. Save it and Done. For question please refer to this page

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 07.36

Jumat, 19 Oktober 2012

Cara Setting Custom Domain Blogspot Updated

0 Cara Setting Custom Domain Blogspot Updated

Description: Cara Setting Custom Domain Blogspot Updated Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Cara Setting Custom Domain Blogspot Updated
Beer With Bloggers
Beer With Bloggers (Photo credit: JefferyTurner)
Cara Setting Custom Domain Blogspot Updated. Custom domain Blogspot dengan custom nama domain anda pada blogspot telah mengalami perubahan. Cara Setting Custom Domain Blogspot adalah keharusan memverifikasi otoritas (kepemilikan) nama domain dengan menggunakan kode khusus (Token)yang diberikan oleh Blogger.

Apabila anda membeli nama domain melalui Blogger, tidak ada masalah dalam pengaturan itu karena Blogger secara otomatis mengkonfigurasi CNAME. Namun jika Anda membeli nama domain secara terpisah, Anda harus secara manual mengkonfigurasinya. Pada posting kali ini saya akan menjelaskan kepada Anda bagaimana cara seting custom nama domain di Blogger.com.

Untuk custom domain pada blogspot, Anda harus mengikuti 3 langkah utama, yaitu:
1. Menambahkan custom domain di Blogger
2. Mengubah pengaturan DNS (Domain Name System)
3. Update Pengaturan Blogger

Langkah 1: Menambahkan custom domain di Blogger
1. Login ke Blogger.com
2. Pilih blog yang akan menggunakan nama domain baru
3. Pergi ke Setelan > Dasar
4. Pada bagian "Penerbitan" klik "Tambahkan domain khusus"
5. Sekarang pada bagian "Setelan lanjutan" ketik URL nama domain baru Anda menggunakan awalan "www"
6. Klik "Simpan". Kemudian blogger akan menampilkan error ini "Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13." atau "We have not been able to verify your authority to this domain. Error 13. Please follow the settings instructions."

Kami tidak dapat memverifikasi otoritas Anda untuk domain ini. Kesalahan 13.

7. Perhatikan dua kode yang disorot pada gambar di atas. Itu adalah Token kepemilikan domain Anda yang nantinya akan digunakan untuk verifikasi kepemilikan domain.

Langkah 2: Mengubah pengaturan DNS (Domain Name System)
1. Login ke situs web yang mendaftarkan nama domain Anda.
2. Cari pengaturan DNS Record (DNS Settings) dan klik edit.
3. Tambahkan dua CNAME berikut:
CNAME Pertama:
Untuk Host Name, Name, Label atau Host, masukkan "www" tanpa tanda kutip dan
Untuk Address, Destination, Target atau Points, masukkan "ghs.google.com" tanpa tanda kutip.
CNAME Kedua (sebagai verifikasi kepemilikan domain):
Untuk Host Name, Name, Label atau Host, masukkan token kode 1 yg muncul pada halaman error tadi, contoh: "WPBSRNQD7FGO"
Untuk Address, Destination, Target atau Points, masukkan token kode 2, contoh: "gv-HXCJAL6AOE43C6T5LSUVVUN5TUYN5JG7674HPLWO5MKBSVHQTZXA.domainverify.googlehosted.com"
4. Sekarang tambahkan A-records. jika anda sudah memiliki A-Record, silahkan di edit saja. Jika A-Record belum ada, silahkan tambahkan 4 alamat IP yang mengarah ke Google berikut ini:
216.239.32.21
216.239.34.21
216.239.36.21
216.239.38.21
Untuk "Host Name" masukan nama domain Anda tanpa "www" atau dikosongin aja. Contohnya: example.com. Dan hasilnya seperti gambar di bawah

Cara Custom Domain Blogspot Terbaru

5. Simpan pengaturan dan tunggu beberapa menit untuk pembaharuan semua pengaturan domain Anda.

Langkah 3: Update Pengaturan Blogger
Langkah terakhir adalah setting di pengaturan blogger Anda.
1. Login ke Blogger
2. Klik Blog Anda
3. Klik Setelan => Tambahkan domain khusus


Cara Setting Domain untuk Blogger

4. Klik Alihkan ke setelan lanjutan

Custom domain blogger

5. Isi Nama domain Anda dengan awalan "www" lalu Simpan

Cara Setting Domain Blogger

6. Setelah itu klik Edit

We have not been able to verify your authority to this domain. Error 13. Please follow the settings instructions

7. Centang Alihkan domainanda.com ke www.domainanda.com dan Simpan

Cara Ganti Domain Blogspot Ke Domain Sendiri / Custom Domain untuk Blogspot Blogger Terbaru

8. Selesai. Jika masih menampilkan pesan error "Kami tidak dapat memverifikasi otoritas....", tunggu beberapa jam, kemudian ulangi lagi menambahkan nama domain Anda pada pengaturan Blogger.

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.17

Senin, 30 Juli 2012

Adsense di Kiri atau Kanan Blogger Post

0 Adsense di Kiri atau Kanan Blogger Post

Description: Adsense di Kiri atau Kanan Blogger Post Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Adsense di Kiri atau Kanan Blogger Post
Cara
Cara (Photo credit: faeks)
Adsense di Kiri atau Kanan Blogger Post. Cara penempatan iklan seperti Google Adsense atau iklan PPC lain yang sejenis, sangat penting untuk mendapatkan traffic clicking yang bagus. 

Untuk menambah intensitas perklik untuk iklan, biasanya beberapa blogger memasang iklannya di sebelah kiri atau kanan postingannya. Seperti yang kita ketahui bahwa dengan memasang iklan di dalam postingan akan meningkatkan peluang klik iklan dibanding dengan memasang iklan dibagian sidebar atau di tempat lain, dan hal ini jelas tidak melanggar aturan.

Untuk contoh liat gambar di bawah

Cara Pasang Iklan Di Sebelah Kiri Postingan
1. Login ke Blogger => Edit HTML
2. Sebaiknya backup template Anda untuk jaga-jaga
3. Centang Expand Template Widget
4. Cari kode <data:post.body/> apabila Anda menemukan lebih dari satu kode seperti itu, pilih kode yang ke dua.
5. Kemudian pasang kode berikut ini di atas kode <data:post.body/>

<div style='clear: right; float: left; margin-right: 10px'>
<KODE IKLAN DISINI>
</div>
Ganti <KODE IKLAN DISINI> dengan kode iklan anda.
6. Save template dan lihat hasilnya.

Asumsi:
A: Gan, Kenapa iklannya gak muncul?
Q: Parse dulu kode iklannya di sini

A: Gimana kalau mau pasang iklannya disebelah kanan?
Q: Ganti kode <div style='clear: right; float: left; margin-right: 10px'> dengan kode <div style='clear: left; float: right; margin-left: 10px'>


Deutsch: Funktionsweise von Google AdSense (ve...
Deutsch: Funktionsweise von Google AdSense (vereinfacht) (Photo credit: Wikipedia)

Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 21.08

Minggu, 10 Juni 2012

Backup dan Restore Blogger Template Terbaru - Trik Penting

0 Backup dan Restore Blogger Template Terbaru - Trik Penting

Description: Backup dan Restore Blogger Template Terbaru - Trik Penting Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Backup dan Restore Blogger Template Terbaru - Trik Penting
Upload / Download
Upload / Download (Photo credit: johntrainor)
Backup dan Restore Blogger Template Terbaru - Trik Penting. Backup dan Restore adalah fitur dan trik penting untuk langkah antisipasi seandainya suatu saat ada masalah teknis, misalnya tiba-tiba blog kita di ban oleh google atau kena hack, kita masih punya backup artikel yang pernah kita tulis.

Kadang-kadang kita di buat bingung dengan tampilan versi Blogger yang terbaru, untuk upload dan backup template saja kita masih bingung karena belum terbiasa dengan tampilan Blogger yang baru ini.

Sebenarnya tampilan Blogger yang baru tidak sesulit yang kita bayangkan, bahkan jika sudah terbiasa akan lebih terasa nyaman menggunakan tampilan Blogger baru daripada yang lawas, karena tampilan Blogger baru memiliki beberapa kelebihan yang tidak dimiliki Blogger lama.

Trik Penting Backup dan Restore Blogger Template Terbaru adalah sebagai berikut :

1. Login ke Blogger
2. Pilih judul Blog yang akan di backup

Cara Upload dan Backup Template Versi Blogger Terbaru

3. Klik Template

Cara Upload dan Backup Template Versi Blogger Terbaru


4. Pilih Cadangkan / Pulihkan

Cara Upload dan Backup Template Versi Blogger Terbaru


5. Klik Unduh template lengkap untuk membackup template anda atau klik Telusuri untuk meng-upload template anda yang baru.

Cara Upload dan Backup Template Versi Blogger Terbaru



Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 17.31

Jumat, 08 Juni 2012

Custom Blockquote | Animasi terbaik SEO

0 Custom Blockquote | Animasi terbaik SEO

Description: Custom Blockquote | Animasi terbaik SEO Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Custom Blockquote | Animasi terbaik SEO
blockquote
blockquote (Photo credit: Tomas Caspers)
Custom Blockquote | Animasi terbaik SEO. Trik ini merupakan animasi terfavorit untuk SEO. Animasi ini akan merubah Warna Background "Block Quote" saat mouse melintas diatasnya  dan pada saat anda membuat "Quote" teks, warna background asli akan berubah menjadi warna yang kita inginkan jika pengunjung menyorot mousenya ke teks.

Step by step animasi custom blockquote :
1. Login ke Blogger
2. Edit HTML >> Centang
3. Cari: blockquote
4. Tidak semua blockquote sama persis, contohnya :
blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}
5. Kemudian Copy kode blockquote anda, Paste kan di bawahnya dan tambahkan beberapa kode berwarna merah seperti contoh di bawah ini. Jangan lupa kode untuk warna juga diganti agar berpengaruh saat mouse di sorot.
blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}
6. Maka hasilnya akan seperti ini:
blockquote{margin:20px;padding:10px;color:#666;width:537px;height:auto; overflow:auto;border:1px solid #E0E0E0; border-radius:5px;background:#F9F9F9;}
blockquote:hover{margin:20px;padding:10px;color:#666;width:537px; height:auto; overflow:auto;border:1px solid #A2A2A2; border-radius:5px;background:#E0E0E0;text-decoration:none;}
7. Save template, selesai.

FeedLounge blockquote problem
FeedLounge blockquote problem (Photo credit: Krypto)
Related articles
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 17.23
 

Blog Webmaster | Indotrading ™ Copyright © 2012 - |- Template created by O Pregador - |- Powered by Blogger Templates

www.e-referrer.com