Tampilkan postingan dengan label HTML. Tampilkan semua postingan
Tampilkan postingan dengan label HTML. 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

Kamis, 08 November 2012

Bagaimana Membuat Trik SEO dengan Site Map HTML?

0 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 .  

    Menangkap 
  2. Sekarang di bawah judul halaman Sitemap , klik Sunting -> Anda akan melihatantarmuka di bawah ini . 

    Menangkap 
  3. Klik tombol Edit HTML -> copy kode HTML di bawah ini -> tempel ke ruang putih dari editor posting seperti di atas -> klik Publish HALAMAN . 

     
  4. Sekarang, klik Desain -> klik Edit HTML -> tekanMenangkap 

    Menangkap 
  5. Di dalam kotak teks menemukan itu , jenis ]]> </ b: skin> -> klik Selanjutnya -> Anda akan diarahkan ke dalam kuning kode disorot seperti di bawah ini .  

    Menangkap 
  6. Copy kode CSS di bawah ini -> tempel ATAS kode ]]> </ b: skin > -> klik tombol SIMPAN TEMPLATE . 

     
  7. Buka blog anda dan klik tombol blog yang terkait untuk melihat hasilnya.
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 13.41

Kamis, 25 Oktober 2012

Mengenal Perbedaan Antara Link Nofollow Dan Dofollow

0 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
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)
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


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

Kamis, 30 Agustus 2012

Trik SEO | Deskripsi Blog Share di Facebook

0 Trik SEO | Deskripsi Blog Share di Facebook

Description: Trik SEO | Deskripsi Blog Share di Facebook Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Deskripsi Blog Share di Facebook
Dear Facebook
Dear Facebook (Photo credit: JAMES ANTHONY CAMPBELL)
Trik SEO | Deskripsi Blog Share di Facebook. Facebook dalam membaca script meta description pada blog yang kita sharing di Facebook akan terlihat hanya gambar dan judul postingan dan tidak memuat deskripsi postingan kita. Nah sekarang saya akan memberikan solusi kepada sobat blogger agar deskripsi postingan dapat terlihat saat anda share di Facebook.

Cara yang harus dilakukan adalah sbb:
1. Login ke Blogger Dasbor > Rancangan > Edit HTML
2. Centang Expand Template Widget
3. Cari kode <data:post.body/>
4. Simpan kode berikut ini diatas kode <data:post.body/>
(di template saya ada 4 kode <data:post.body/>, pilih kode no. 2)
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.snippet'>
<meta expr:content='data:post.snippet' name='description'/>
</b:if>
</b:if> 
5. Kemudian setelah itu pasang tag <p> dan penutupnya di semua  kode <data:post.body/>, contoh seperti dibawah ini:
 <p><data:post.body/></p>
6. Save Template
7. Selesai...

Contoh sebelum dan sesudah di edit:

 

Note: Perubahan yang kita lakukan baru akan berpengaruh kurang lebih sekitar 24 jam. Untuk mengatasinya anda dapat memasukkan link posting secara manual agar lebih cepat ke Facebook Debugger.

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

Jumat, 10 Agustus 2012

Trik SEO | Tombol Next Page

0 Trik SEO | Tombol Next Page

Description: Trik SEO | Tombol Next Page Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Tombol Next Page
Lovely Cari
Lovely Cari (Photo credit: trixieskips)
Trik SEO | Tombol Next Page. Sebagian template pada blog tidak memiliki tombol next page, yang mana tombol ini berfungsi buat mengarahkan para pengunjung untuk melihat halaman demi halaman yang berada pada blog kita berdasarkan angka yang tertera dalam tombol tersebut. Untuk anda yang belum memiliki tombol next page di blognya silahkan menyimak tutorial ini, sedangkan anda yang sudah memiliki tombol next page tersebut, abaikan saja tutorial ini. (hehehehe..)
Hasil dari tombol next page akan terlihat seperti gambar di bawah ini.
Cara Membuat Tombol Next Page:
1. Login ke Dasbor Anda ---> Edit HTML
2. Centang Expand Template Widget
3. Untuk menjaga hal-hal yang tidak diinginkan saya sarankan backup dulu template blog anda dengan mengklik Download Full Template.
4. Cari kode: ]]></b:skin>
5. Copy kode yang ada dibawah ini kemudian paste di atas kode ]]></b:skin>
.showpageArea a {text-decoration:underline;}
.showpageNum a {text-decoration:none;border: 1px solid #cccccc; margin:0 3px;padding:3px;}
.showpageNum a:hover {border: 1px solid #cccccc;background-color:#E56400;}
.showpagePoint {color:#333;text-decoration:none;border: 1px solid #cccccc;background: #cccccc;margin:0 3px;padding:3px;}
.showpageOf {text-decoration:none;padding:3px;margin: 0 3px 0 0;}
.showpage a {text-decoration:none;border: 1px solid #cccccc;padding:3px;}
.showpage a:hover {text-decoration:none; background-color:#E56400;}
.showpageNum a:link,.showpage a:link {text-decoration:none;color:#333;}
6. Kemudian cari kode </body>
7. Copy kode yang ada dibawah ini kemudian paste di atas </body>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord=&#39;Previous&#39;;
var downPageWord=&#39;Next&#39;;
</script>
<script src='http://rumbiadalam.googlecode.com/files/pag3.js' type='text/javascript'/>
8. Save Template Anda, selesai.

Silahkan anda mencobanya, semoga bermanfaat.
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.41

Rabu, 27 Juni 2012

Trik SEO Script HTML Penting

0 Trik SEO Script HTML Penting

Description: Trik SEO Script HTML Penting Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO Script HTML Penting
LONDON, ENGLAND - MARCH 22:  A woman looks at ...
LONDON, ENGLAND - MARCH 22: A woman looks at a painting from 1831 entitled 'A young Venetian woman, aged 23, depicted before and after contracting cholera' which features in 'Dirt: the Filthy Reality of Everyday Life', the Wellcome Collection's new exhibition, on March 22, 2011 in London, England. The exhibition contains over 200 artefacts which explore our relationship with dirt from the 17th century to the present day. The exhibition forms part of The Dirt Season and runs from March 24, 2011 till September 26, 2011. (Image credit: Getty Images via @daylife)
English: Marquee
English: Marquee (Photo credit: Wikipedia)
Trik SEO Script HTML Penting. Share dari copas di blogger kumpulan script yang bisa langsung anda copy dan paste di halaman blog atau website anda.

1. Text jalan/bolak-balik
<marquee behavior=alternate loop=15>Teks Bolak Balik</marquee>

2. Text menggunakan background
<marquee bgcolor=blue loop=15></marquee>

3. Text gerak kekanan
<marquee behavior=scroll direction=right loop=15>Teks Bergerak Ke Kanan</marquee>

4. Text gerak kekiri
<marquee behavior=scroll direction=left loop=15>Teks Bergerak Ke Kiri</marquee>

5. Text berjalan cepat
<marquee scrollamount=30 loop=15>Teks Berjalan cepat</marquee>

6. Text jalan dengan efek zig zag
<marquee behavior="slide" bgcolor="" direction="left" loop="10" scrollamount="5" scrolldelay="10">Wellcome To My Blog</marquee>

7. Jalan dari bawah keatas
<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" ><marquee behavior="alternate" direction="left" scrollamount="5" scrolldelay="10">Wellcome To Indonesia</marquee>

8. Jalan dari bawah keatas secara bersambung
<marquee behavior="alternate" direction="up" scrollamount="5" scrolldelay="10" >Wellcome To The Jungle</marquee>

9. Div Style
<table width="100%"border="10"><tr><td width="100%"bgcolor="#222222"><font color="red" size="5"><marquee><b>..::SELAMAT DATANG::..</b></font></marquee></td></tr></table></script></div></td></tr><tr>

10. Text Ucapan Selamat Datang
<script language="javascript">window.alert(".....Gubrakkk...!!! Ini kode script yg bs di copy...")</script>

11. Ucapan Selamat pagi,Siang,Malam
<script language="JavaScript" src="http://vhenom.wen.ru/script/ucapan.js"></script>
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 19.58

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

Senin, 27 Februari 2012

Meta Tag Open Graph Facebook

0 Meta Tag Open Graph Facebook

Description: Meta Tag Open Graph Facebook Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Meta Tag Open Graph Facebook
FOREST CITY, NC - APRIL 19:  (L-R) Facebook Vi...
FOREST CITY, NC - APRIL 19: (L-R) Facebook Vice President of Site Operations Tom Furlong, Facebook data center manager George Henry, North Carolina deputy commerce secretary Dale Carroll, North Carolina senator Wes Westmoreland, former North Carolina senator Debbie Clary and North Carolina senator Ralph Hise pose for pictures after pressing a large 'like' button at the new Facebook Data Center on April 19, 2012 in Forest City, North Carolina. The company began construction on the facility in November 2010 and went live today, serving the 845 million Facebook users worldwide. (Image credit: Getty Images via @daylife)
Facebook logo
Facebook logo (Photo credit: Wikipedia)
Open Graph Protocol adalah skema FBML untuk media sosial sharing seperti facebook misalnya agar link bisa di masukkan ke facebook dengan gampang. Hal ini sangat berguna untuk optimasi SEO blog di Facebook.
Memasang meta tags untuk Open Graph Protocol di Blogger:
1. Login ke blogger Dasboar >Rancangan> Edit HTML,
2. Cari kode:
xmlns:expr='http://www.google.com/2005/gml/expr'>
3. Tambahkan kode Open Graph Protocol ini sebelum kode penutup >
xmlns:og='http://ogp.me/ns#'
4. Sehingga hasilnya akan terlihat seperti ini:
<html ...... xmlns:expr='http://www.google.com/2005/gml/expr' xmlns:og='http://ogp.me/ns#'>
5. Cari kode <head> dan simpan kode meta tag berikut ini dibawah kode <head> atau dibawah kode meta tag yang sudah ada sebelumnya.
<b:if cond='data:blog.pageType != &quot;item&quot;'>
property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<meta content='blog' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://example.com/logo blog.jpg' property='og:image'/>
</b:if>
<meta content='Nama Blog' property='og:site_name'/>
<meta content='Your-App-ID' property='fb:app_id'/>

<meta content='Facebook-profile-ID' property='fb:admins'/>
(ganti tulisan warna merah sesuai dengan blog kamu)
6. Save Template, Selesai.

Untuk memeriksa apakah Anda telah menerapkan semua tag <META> dengan benar, kunjungi Facebook Debugger for Developers.

Note: Open graph ini juga berguna untuk menampilkan gambar atau logo blog kamu ketika di share, like atau send ke facebook jika artikel yang di posting tidak memiliki gambar.
Enhanced by Zemanta
Rating: 4.5 Reviewer: Mr. Sumawan
Posted by: Sumawan.Mr
Trik SEO terbaik, Updated at: 04.31
 

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

www.e-referrer.com