Tautkan konten Anda ke profil Google+ menggunakan rel = "author"

Description: Tautkan konten Anda ke profil Google+ menggunakan rel = "author" Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Tautkan konten Anda ke profil Google+ menggunakan rel = "author"

Tautkan konten Anda ke profil Google+ menggunakan rel = "author". Sering kita sudah membuat meta tag header yang detail dan jelas namun author dari blog kita masih belum di deteksi oleg google.

Cara termudah dan paling dapat diandalkan untuk memungkinkan informasi penulis dalam hasil pencarian Google adalah untuk memberikan alamat email diverifikasi pada domain yang sama dengan konten Anda. Jika Anda tidak memiliki alamat email pada domain yang sama, bagaimanapun, Anda dapat mengaitkan konten Anda dengan profil Google+ Anda dengan mengikuti langkah-langkah pada halaman ini.

Berikut info dari google untuk memperbaikinya :

Menghubungkan konten Anda ke profil Google Anda adalah proses dua langkah. Pertama, Anda menambahkan link dari website Anda atau halaman ke profil Google Anda. Kedua, Anda memperbarui profil Google Anda dengan menambahkan link kembali ke situs Anda.

1. Tautkan konten Anda ke profil Google Anda

Membuat link ke profil Google Anda dari halaman web Anda, seperti ini:

  <a href="[profile_url]?rel=author"> Google </ a>

Ganti [PROFILE_URL] dengan URL Google Profil Anda, seperti ini:

  <A href = "https://plus.google.com/109412257237874861202?
   rel = author "> Google </ a>

Link anda harus berisi rel =? penulis parameter. Jika itu hilang, Google tidak akan dapat mengaitkan konten Anda dengan profil Google Anda.

2. Link ke konten Anda dari profil Anda

Langkah kedua dari proses verifikasi adalah untuk menambahkan link timbal balik dari profil Anda ke situs (s) Anda hanya diperbarui.

Untuk menambahkan link ke profil Google Anda:

1. Masuk ke profil Google Anda .
2. Klik Edit profil .
3. Klik Kontributor Untuk bagian kanan (tergantung pada berapa banyak foto yang Anda miliki, Anda mungkin perlu menggulir untuk melihat bagian ini), dan kemudian klik Tambahkan link kustom .
4. Jika Anda ingin, mengubah visibilitas dari link anda, dan kemudian klik Simpan .

Untuk memeriksa markup Anda dan melihat apa yang penulis data Google dapat mengekstrak dari halaman Anda, gunakan data alat pengujian terstruktur . Alat ini hanya terlihat pada satu halaman, sehingga untuk saat ini, Anda akan perlu memeriksa halaman penulis dan halaman konten secara terpisah untuk melihat apakah mereka terhubung satu sama lain dengan benar.

Rating: 4.5 Reviewer: Mr. Sumawan

Bagaimana cara memperoleh backlink Rapid Index dengan index king.com ?

Description: Bagaimana cara memperoleh backlink Rapid Index dengan index king.com ? Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Bagaimana cara memperoleh backlink Rapid Index dengan index king.com ?

What really is Search Engine Optimization? (Photo credit: Go Local Search)

Bagaimana cara memperoleh backlink Rapid Index dengan index king.com ? Rapid index dengan menggunakan indexkings.com sangat powerfull untuk memperoleh backlink, terutama bagi blog yang baru lunching. 

Dengan menggunakan tool SEO  indexer dengan indexkings.com blog yang baru lunching akan cepat di index oleh search engine atau mesin pencari seperti Google, Yahoo dan Bing.

Kesimpulannya :

Tool SEO indexkings.com  sangat di recomendasikan untuk meningkatkan traffic dan index blog. 

Trik SEO ini telah di praktekan oleh webmaster dan terbukti sangat bermanfaat bagi bloger Indonesia.

Related articles

• Lord of the Bing
• Did You Know? Choosing the Fresh or Historic Index in Backlink Explorer

Rating: 4.5 Reviewer: Mr. Sumawan

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

Seo Style | Breadcrumbs Navigasi Dengan CSS3 – So Cool!

Description: Seo Style | Breadcrumbs Navigasi Dengan CSS3 – So Cool! Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Seo Style | Breadcrumbs Navigasi Dengan CSS3 – So Cool!

Seo Style | Breadcrumbs Navigasi Dengan CSS3 – So Cool!-Tahukah Anda bahwa Anda dapat membuat segitiga dengan CSS murni? Anda hanya membuat elemen blok tingkat dengan nol lebar dan tinggi, perbatasan berwarna di satu sisi, dan perbatasan transparan pada dua sisi yang berdekatan. 

Mereka menyenangkan untuk segala macam hal, seperti panah kecil mencuat keluar dari gelembung pidato, pointer navigasi, dan banyak lagi.Sering kali ini hanya berkembang visual, tidak layak markup berdedikasi. Untungnya, unsur pseduo sering cocok. Artinya, dengan menggunakan: sebelum,: setelah, atau keduanya untuk membuat elemen blok tingkat ini dan menempatkan segitiga. Satu rapi penggunaan yang datang ke pikiran dalam vena ini: navigasi breadcrumb.

The HTML Markup

Mari kita menjaga hal-hal yang benar-benar bersih mungkin, dan pergi dengan daftar unordered sederhana dengan kelas “breadcrumb”:

 <ul class="breadcrumb">
<li><a href="#">Home</a></li>
<li><a href="#">Vehicles</a></li>
<li><a href="#">Vans</a></li>
<li><a href="#">Camper Vans</a></li>
<li><a href="#">1989 VW Westfalia Vanagon</a></li>
</ul>

CSS

Pertama kita akan memastikan daftar kami tidak terlihat seperti sebuah daftar yang khas. Kami akan unstyle itu, mengapung item ke kiri dan mendirikan styling sangat dasar untuk setiap link.Perhatikan overflow yang tersembunyi pada daftar itu sendiri, ini akan berguna untuk dua alasan. Satu, memastikan menu memiliki ketinggian. Wadah yang hanya berisi runtuhnya melayang elemen, yang seringkali tidak ideal. Dua, ketika kita membuat segitiga kita, kita akan membuat mereka besar.

.breadcrumb { 
 list-style: none; 
 overflow: hidden; 
 font: 18px Helvetica, Arial, Sans-Serif;
}
.breadcrumb li { 
 float: left; 
}
.breadcrumb li a {
 color: white;
 text-decoration: none; 
 padding: 10px 0 10px 65px;
 background: brown;                   /* fallback color */
 background: hsla(34,85%,35%,1); 
 position: relative; 
 display: block;
 float: left;
}

Untuk membuat segitiga, kita akan menggunakan: setelah pemilih untuk membuat elemen semu. Ini akan menjadi blok-tingkat, dari nol tinggi dan lebar, dan benar-benar diposisikan 100% ke kiri, yang berarti ia akan mulai di tepi kanan induknya. Kami akan posisi itu 50% dari atas, dan tarik kembali-50px dengan marjin, yang akan memastikan itu benar-benar terpusat. Ini adalah trik klasik . Sebuah hal-hal lain yang perlu diperhatikan. Perbatasan kita akan gunakan adalah 50px di atas, 50px di bagian bawah, dan pada (membuat panah menghadap ke kanan) kiri saja 30px. Ini berarti panah lebih rata berwajah. Jika kita pergi lebih tinggi dari 50px akan lebih tajam tip. Sama dengan 50px akan membuat 90 derajat yang sempurna. Karena batas atas dan bawah yang 50px masing-masing, yang membuat ketinggian 100px panah. 100px jauh lebih tinggi dari menu kami adalah mungkin dengan ukuran font 18px itu dan 10px padding atas dan bawah. Ini adalah hal yang baik. Ini berarti kita memiliki banyak ruang untuk bermain dengan tweaking ukuran font tanpa khawatir segitiga akan menunjukkan batasnya.

.breadcrumb li a:after { 
 content: " "; 
 display: block; 
 width: 0; 
 height: 0;
 border-top: 50px solid transparent;           /* Go big on the size, and let overflow hide */
 border-bottom: 50px solid transparent;
 border-left: 30px solid hsla(34,85%,35%,1);
 position: absolute;
 top: 50%;
 margin-top: -50px; 
 left: 100%;
 z-index: 2; 
}

Perhatikan garis putih kecil 1px pemisahan? Itu sedikit trik lain. Kita tidak dapat menambahkan perbatasan langsung ke segitiga, karena sudah terbuat dari perbatasan! Sebaliknya kita akan membuat segitiga yang lain, dan set belakang segitiga asli kami, dan warna putih. Yang satu ini menggunakan: sebelum pemilih, tetapi jika tidak persis sama. Perhatikan bahwa z-index adalah apa yang penting di sini. Anda bisa beralih sekitar yang segitiga menggunakan: setelah dan yang menggunakan: sebelumnya, itu benar-benar tidak masalah.

.breadcrumb li a:before { 
 content: " "; 
 display: block; 
 width: 0; 
 height: 0;
 border-top: 50px solid transparent;       
 border-bottom: 50px solid transparent;
 border-left: 30px solid white;
 position: absolute;
 top: 50%;
 margin-top: -50px; 
 margin-left: 1px;
 left: 100%;
 z-index: 1; 
}

Sekarang ke pewarnaan. Karena kita akan sentuhan progresif di sini, ada dua bit CSS saya pikir adalah pertandingan yang sempurna untuk ide ini: nth-anak dan HSLA .

• Sejuk bagian tentang n-anak: kita bisa mewarnai tingkat yang berbeda dari breadcrumb tanpa markup tambahan


• Bagian keren tentang HSLA: kita bisa mewarnai tingkat yang berbeda dari remah roti berdasarkan rona tunggal dengan nuansa yang berbeda sangat mudah

Selain pewarnaan, kita akan membuat link pertama memiliki kurang padding kiri (kurang dibutuhkan tunggal segitiga tidak sampai di panggangan nya) dan kami akan membuat link terakhir tidak memiliki warna sama sekali serta tidak merespon untuk klik atau menunjukkan kursor pointer. Kita bisa melakukan ini juga tanpa markup tambahan yang diperlukan melalui: pertama-anak dan: terakhir anak.

.breadcrumb li:first-child a {
 padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); }
.breadcrumb li:nth-child(3) a       { background:        hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); }
.breadcrumb li:nth-child(4) a       { background:        hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); }
.breadcrumb li:nth-child(5) a       { background:        hsla(34,85%,75%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); }
.breadcrumb li:last-child a {
 background: transparent !important;
 color: black;
 pointer-events: none;
 cursor: default;
}

Dan akhirnya, hover negara. Trik hanya di sini adalah bahwa kita perlu mewarnai segitiga serta link. Tidak ada masalah besar.

.breadcrumb li a:hover { background: hsla(34,85%,25%,1); }
.breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }

Rating: 4.5 Reviewer: Mr. Sumawan

TRik SEO Blogger | Percantik Tampilan Label

Description: TRik SEO Blogger | Percantik Tampilan Label Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: TRik SEO Blogger | Percantik Tampilan Label

Pada tahun 2008 Blogger.com membuat update atau pembaruan. Beberapa pengembang pihak ketiga sering mengambil kesempatan emas untuk menciptakan widget untuk blog BlogSpot tapi begitu Google meluncurkan perubahan besar untuk layanan online mereka, widget resmi melakukan dengan baik karena script yang dilayani oleh server Blogger.
Halaman Daftar dan awan / daftar label desainer diaktifkan untuk membuat menu dinamis. Sejak itu stylesheet dibuat bisa diakses. Oleh karena itu kita semua mendapat kesempatan untuk bermain dengan widget dan mengubahnya benar-benar cantik dalam penampilannya. Tutorial pertama kalinya tentang cara tentang stylesheet sederhana yang akan mengubah awan label dalam blok kecil terorganisir yang berputar pada mouse. 

Tampilan label yang terlihat di layar cloud dan tampilan setelah Anda menerapkan gaya baru adalah sebagai berikut ini.

Cara kerjanya?

Setiap link label bersarang di dalam tag span diikuti oleh kelas bernama label-size. Jika font-size tidak ditentukan widget perubahan ukuran font-label masing-masing menurut hitungan pasca-nya. Oleh karena itu menunjukkan awan besar dan kecil.Memperkenalkan gaya kustom akan over-naik gaya keluar sehingga mengubah seluruh tampilan. 

Mengaktifkan layar Cloud Acak ke Blok

Kode di bawah ini dapat disesuaikan dalam beberapa cara untuk membuat desain label menarik. Anda juga dapat menambahkan gambar latar belakang mereka.

Ikuti langkah-langkah mudah:

1. Pergi ke Blogger> Settings> Layouts
2. Klik tambahkan gadget dan pilih Label                     
3. Di dalam pengaturan pastikan untuk memilih tampilan awan. Anda dapat mengatur opsi lain sesuai kebutuhan Anda. Lihat gambar di bawah sebagai contoh 

Silakan memilih untuk menampilkan paling banyak 25 label. Label terlalu banyak pada homepage terlihat canggung. Showcase kategori terbaik Anda saja.

       4. Sekarang simpan widget dan pergi ke Template> Pengaturan

       5. Backup template Anda

       6. Klik Edit html > Lanjutkan   dan mencari ini

]]> </ B: skin>

        7. Tepat di atas itu paste kode CSS berikut:

/*-----Custom Labels Cloud widget by www.MyBloggerTricks.com----*/
.label-size{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration:none;
font-size:10px;
color:#666;
}

.label-size:hover {
border:1px solid #6BB5FF;
text-decoration: none;
-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 
filter: progid:DXImageTransform.Microsoft.Matrix(
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1; 
}

.label-size a  {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover  {
text-decoration: none;
}

          8. Simpan template Anda

          9. Semua dilakukan!

Kunjungi blog Anda dan melihat label benar-benar berubah menjadi kotak persegi panjang kecil rapi dibuat. Jika dalam kasus Anda ingin kotak label untuk ukuran acak tergantung pada pasca-hitung maka cukup menghapus font-size: 10px; dari kode di atas.

Rating: 4.5 Reviewer: Mr. Sumawan

Bagaimana Membuat Trik SEO dengan Site Map HTML?

Description: Bagaimana Membuat Trik SEO dengan Site Map HTML? Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Bagaimana Membuat Trik SEO dengan Site Map HTML?

Bagaimana Membuat Trik SEO dengan Site Map HTML? Sitemap atau peta situs merupakan salah satu alat SEO Blog terbaik. Sitemap yang umum digunakan adalah sitemap xml ataupun rss atau feed dan sitemap HTML.  

Sitemap HTML

Sitemap HTML ini ditampilkan sama seperti halaman web atau web page umumnya dengan tujuan memberikan informasi kepada audience tentang isi atau konten dari blog kita. 

Sebuah sitemap HTML memungkinkan pengunjung situs untuk dengan mudah menavigasi situs web. Ini adalah teks versi garis bullet dari navigasi situs. Jangkar teks ditampilkan dalam garis yang terhubung ke halaman itu referensi. Pengunjung situs dapat pergi ke Sitemap untuk mencari topik yang mereka tidak dapat menemukan dengan mencari situs atau menavigasi melalui menu situs

.

Peta Situs ini juga dapat dibuat dalam format XML dan diserahkan ke mesin pencari sehingga mereka bisa merangkak website dengan cara yang lebih efektif. Menggunakan peta situs, mesin pencari menyadari setiap halaman di situs, termasuk URL yang tidak ditemukan melalui proses merangkak biasa digunakan oleh mesin. Sitemaps sangat membantu jika sebuah situs memiliki konten dinamis, yang baru dan tidak memiliki banyak link untuk itu, atau mengandung banyak konten arsip yang tidak baik terkait.

Sebuah contoh dari sitemap HTML, diciptakan untuk xml-sitemaps.com: sitemap.html (dipisahkan dengan 1.000 link per halaman). Silakan juga periksa video dengan kepala Google dari Webspam tim, Matt Cutts, menjelaskan pentingnya sitemap HTML 

Langkah - langkah memasang Script Sitemap HTML

Saya asumsikan Anda telah menciptakan tombol blog Anda sendiri dan halaman statis . Keduanya telah dikaitkan satu sama lain . Untuk membuat sitemap HTML untuk blog Anda, ikuti langkah-langkah di bawah ini.

1. Masuk ke dashboard blogger Anda -> klik Sunting Tulisan -> klik Sunting Halaman -> Anda akan melihat antarmuka di bawah ini .  
   
    
2. Sekarang di bawah judul halaman Sitemap , klik Sunting -> Anda akan melihatantarmuka di bawah ini . 
   
    
3. Klik tombol Edit HTML -> copy kode HTML di bawah ini -> tempel ke ruang putih dari editor posting seperti di atas -> klik Publish HALAMAN . 
   
   <div id="bp_toc"> Loading Sitemap. Please wait....</div> <script src="http://blogergadgets.googlecode.com/svn/trunk/blogtoc.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&max-results=500&callback=loadtoc" type="text/javascript" start-index="501"></script> 
4. Sekarang, klik Desain -> klik Edit HTML -> tekan 
   
    
5. Di dalam kotak teks menemukan itu , jenis ]]> </ b: skin> -> klik Selanjutnya -> Anda akan diarahkan ke dalam kuning kode disorot seperti di bawah ini .  
   
    
6. Copy kode CSS di bawah ini -> tempel ATAS kode ]]> </ b: skin > -> klik tombol SIMPAN TEMPLATE . 
   
   #bp_toc { border: 2.5px solid #B00C0C; background: #ffffff; padding: 5px; width:650px; margin-top:10px; font-family:Trebuchet MS; font-size:17px; } .toc-header-col1, .toc-header-col2, .toc-header-col3 { background: #ffd595; color: #000000; padding-left: 5px; width:350px; } .toc-header-col2 { width:75px; text-align=center; } .toc-header-col3 { width:225px; } .toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited { font-size:80%; text-decoration:none; } .toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover { font-size:80%; text-decoration:underline; } .toc-entry-col1, .toc-entry-col2, .toc-entry-col3 { padding-left: 5px; font-size:70%; } 
7. Buka blog anda dan klik tombol blog yang terkait untuk melihat hasilnya.

Rating: 4.5 Reviewer: Mr. Sumawan

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 (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 (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

Related articles

• Top 5 Inbound Marketing Stories of the Week: Educate, Enlighten, Entertain
• Meta -Narcissism, or Why This Blog Might Suck
• Bloggers & Acquisitions: How to Finance and Partner with an Existing Blog
• Important SEO Add-ons on Browsers for Blogger
• Bloggers & Acquisitions: How to Finance and Partner with an Existing Blog

Rating: 4.5 Reviewer: Mr. Sumawan

Berbagi dengan Google Plus - Top SEO

Description: Berbagi dengan Google Plus - Top SEO Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Berbagi dengan Google Plus - Top SEO

Google Plus Circles - Pros and Cons (Photo credit: Squidooer)

Berbagi dengan Google Plus - Top SEO.  Google+, "+1" atau Google Plus adalah alat berbagi konten yang dipakai untuk berbagi artikel, foto, video, dan berbagai konten lain dengan akun gmail.

Tombol google plus 1 sama halnya dengan tombol "Like" Facebook atau Tombol "Tweet" milik Twitter. Agar konten banyak diakses atau dibaca pengguna Internet sebaiknya anda juga memasang Tombol Google +1 tersebut di blog atau website anda. Eits jangan meremehkan tombol ini, tombol Google Plus juga berpotensi meningkatkan peringkat pencarian di Google loh..

Langkah demi langkah memasang tombol Google +1  :
1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Pasang kode di bawah ini, tepat di atas tag </head>

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

3. Kemudian letakkan kode berikut ini di tempat yang ingin dipasangi Tombol +1

<g:plusone size="medium" annotation="bubble"></g:plusone>

4. Save Template Anda.

Note:
medium adalah ukuran tombol +1
bubble adalah tampilan tombol +1
Silahkan ganti sesuai dengan selera anda:
small - none         :
small - bubble      :
small - inline         :
medium - none     :
medium - bubble  :
medium - inline     :
standard - none    :
standard - bubble :
standar - inline      :

Tambahan: jika ingin menentukan URL yang ingin di beri +1, ganti kode <g:plusone size="medium" annotation="bubble"></g:plusone> dengan kode di bawah ini:

<g:plusone size="medium" annotation="bubble" href="http://URL yang di inginkan.com"></g:plusone>

Related articles

• How to install Google +1 button for pages (but should you?)
• 10 Dead Simple Tips to Take Advantage of Google+ for SEO
• PlusOne Project: Photographers' new Google+ Hangout sparks a stunning book in 3 months
• Top 10 Inbound.org Contributors and Why You Should Follow Them
• Google Plus Plus Plus

Rating: 4.5 Reviewer: Mr. Sumawan

Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Description: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

Robots NO FOLLOW (Photo credit: miss604)

Mengenal perbedaan antara link nofollow dan dofollow ~ Nofollow adalah sebuah tag dari atribut rel untuk menginstruksikan mesin pencari seperti Google untuk tidak mengikuti atau mengindeks link ke sebuah halaman atau situs.

Hal ini dimaksudkan untuk mengurangi efektivitas spam di search engine termasuk pada komentar blog. Jika sebuah link diberikan tag rel nofollow di belakangnya maka search engine tidak akan mengikuti link tersebut atau tidak memberikan backlink ke link tersebut.  Script HTML untuk do follow dan no follow adalah :

href="http://blog.indotrading.biz/" rel="nofollow">trik blogger terbaik indonesia</a>

Maka hasilnya dari kode diatas akan seperti ini: tutorial blogger

Artinya dengan penambahan kode rel="nofollow" tersebut, maka Google tidak akan memberikan link ke website saya atau dengan kata lain anda tidak memberikan backlink kepada situs saya. Dampak dari penambahan tag rel="nofollow" ini adalah membuat optimasi SEO untuk blog anda tetap terjaga dengan baik dan hal ini membuat blog anda terlihat lebih baik di mata search engine Google.

Sedangkan dofollow adalah kebalikan dari nofollow, yaitu membiarkan search engine untuk mengikuti link atau memberikan backlink kepada link yang memiliki atribute dofollow tersebut. Contohnya:

<a href="http://www.indotrading.biz/" rel="dofollow">online service by  indotrading</a>

<a href="http://www.cinta-indonesia.net/">cinta indonesia</a>

Kedua HTML link diatas memiliki arti yang sama, yaitu link dofollow dan link tersebut akan diberikan kredit backlink oleh Google dan search engine lainnya.

Nah kalau sudah mengerti, sekarang saya akan memberikan tips kepada anda saat membuat postingan di blog apabila membuat link ke situs atau halaman lain dengan menggunakan atribut nofollow dengan mudah.

Jika anda akan membuat sebuah link pada artikel atau postingan anda yang baru, disarankan seperti gambar di bawah ini:

Follow Thru (musical) (Photo credit: Wikipedia)

Saya beri sedikit penjelasan:
- Jika Add 'rel=nofollow' attribute dicentang artinya link tersebut Nofollow
- Jika Add 'rel=nofollow' attribute tidak dicentang artinya link tersebut Dofollow
- Jika Open this link in a new window dicentang maka link tujuan akan terbuka di tab baru
- Jika Open this link in a new window tidak dicentang maka link tujuan akan terbuka di window yang sama

Related articles

• What's the Low Down on Google's Latest Links Downloads?
• 5 Ways to Build Relevant Local Links
• Are Comment Backlinks Worth The Time?
• Can Blogging Be Your Secret Weapon For Local SEO?
• De-Optimisation - Why Sometimes Less is More

Rating: 4.5 Reviewer: Mr. Sumawan