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

Trik SEO | Music Background Auto Play di Blogger

Description: Trik SEO | Music Background Auto Play di Blogger Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: Trik SEO | Music Background Auto Play di Blogger

English: Bruno Mars performing in Houston, Texas on November 24, 2010 as part of the Doo-Wops and Hooligans tour (Photo credit: Wikipedia)

English: Bruno Mars performing in Houston, Texas on November 24, 2010 (Photo credit: Wikipedia)

Trik SEO | Music Background Auto Play di Blogger. Cara membuat Trik SEO | Music Background Auto Play di Blogger siapkan dulu bahan-bahan yang akan di perlukan.

1. File Mp3 yang akan dijadikan music background.
2. Daniusoft Video Converter Ultimate untuk mengkonvert file Mp3 menjadi file Swf. Kalau belum punya cari di google banyak yang share.
3. Secangkir kopi :p

Berikut langkah-langkahnya:

Single White Female (album) (Photo credit: Wikipedia)

1. Convert file Mp3 menjadi file Swf menggunakan Daniusoft Video Converter Ultimate. Caranya klik disini
2. Upload file Swf yang sudah di konvert ke swfcabin.com
3. Setelah selesai mengupload anda akan diberikan link, contohnya seperti ini http://www.swfcabin.com/open/1332455819
4. Login ke Blogger - Rancangan - Elemen Laman - Tambah Gadget
5. Pilih HTML/JavaScript dan pasang kode di bawah ini

<embed autostart='true' loop='true' width=0 height=0 src='http://www.swfcabin.com/swf-files/1332455819.swf'/>

Note: Angka yang berwarna merah adalah ID dari file Swf yang anda upload tadi. Jika ingin mengganti lagu yang sudah ada, Lakukan cara yang sama dan tinggal mengganti ID filenya saja

Selesai... Silahkan anda mencobanya..

Just the Way You Are (Bruno Mars song) (Photo credit: Wikipedia)

Bonus ID file swf yang sudah saya upload:

• 1323755387 = Street Beat - I Wanna Change
• 1318498118 = Mr.Katro - Balasan hamil duluan
• 1324612446 = Budi doremi - Demam ayu ting ting
• 1316792396 = Still Virgin - Dear ndut
• 1325776188 = Still Virgin - Merangkai imajinasi
• 1317323203 = Still Virgin feat Cha - Hate to miss someone
• 1327732128 = Travie Mc.Coy feat Bruno Mars - Billionaire
• 1332429471 = Cleopatra Stratan - ZUNEA ZUNEA
• 1332357461 = Big Bang – Bad Boy

Rating: 4.5 Reviewer: Mr. Sumawan

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

Rating: 4.5 Reviewer: Mr. Sumawan

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

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

10 Free Foreign Web Hosting

Description: 10 Free Foreign Web Hosting Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: 10 Free Foreign Web Hosting

MySQL (Photo credit: Wikipedia)

10 Free Foreign Web Hosting.  Untuk membuat blog tidak selalu harus dengan modal yang mahal. Banyak fasilitas gratis di internet saat ini jika anda berniat untuk membangun blog gratisan. Berikut adalah 10 Free Foreign Web Hosting atau 10 hosting gratis di Luar Indonesia. Keistimewaan dari web hosting luar negeri adalah kestabilan server dan anti spamnya.

Pada artikel kali ini Saya memberikan gambaran 10 site web hosting gratis yang menurut saya memberikan layanan terbaik dari segi fitur dan dukungan yang ditawarkan kepada pelanggan. Beberapa kriteria web hosting gratis yang baik adalah sebagai berikut:

• Web hosting tanpa iklan. Layanan web hosting gratis yang tidak menyematkan iklan mereka di situs kita apabila kita menggunakan hosting gratis mereka.
• Hosting domain gratis. Layanan hosting yang memungkinkan pelanggan untuk meng-host nama domain sendiri atau domain yang didaftarkan dari pihak ke-3 di server hosting tersebut tanpa biaya tambahan.



Image via CrunchBase

• PHP MySQL gratis. Mendukung layanan script PHP dan MySQL database secara gratis yang disertakan dengan hosting gratis dari penyedia hosting tersebut.

Sekarang kita sudah tau tentang kriteria web hosting gratis yang baik. Dan inilah 10 web hosting luar negeri gratis terbaik 2012.

1. Biz.nf (PHP, MySQL, WordPress, Joomla, gratis domain .co.nf, tanpa iklan)
2. AwardSpace.com (PHP, MySQL, Email, tanpa iklan, gratis subdomain)
3. Free Hosting EU (Blog / Site builder, tanpa iklan, gratis domain .eu.pn)
4. ByetHost.com (PHP, MySQL, PHPbb, SMF, Wiki, gratis subdomain)
5. Biz.ly (Website & Blog builder, Photo album, gratis domain .biz.ly)
6. FreeHostia.com (PHP, MySQL, 1-click Scripts, tanpa iklan, gratis subdomain)
7. x10Hosting.com (cPanel, PHP, FTP, tanpa iklan, gratis subdomain)
8. 000WebHost.com (PHP, MySQL dan cPanel, tanpa iklan, gratis subdomain)
9. Yola.com (Visual website builder, add video dan photo, shopping cart)
10. Webs.com (Easy site builder, blog, forms, Gratis subdomain)

Related articles

• Best Web Hosting 2012 - Best Linux & Windows Web Hosting Providers
• The Fundamentals of Web Hosting
• ITX Design Now Offers Unlimited Web Hosting Plans at an Affordable Rate of $ 4.95
• Giveaway: 3 Standard Web Hosting Account from WebHostingBuzz
• Focus on building your sites with MySQL, not on managing servers.

Rating: 4.5 Reviewer: Mr. Sumawan

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

Related articles

• Very Simple, Very Smooth, JavaScript Marquee
• Can you add jQuery that forces 'tab' based on chosen delimiter in a copy/paste to HTML form?
• Part 2 With a Freebie Included

Rating: 4.5 Reviewer: Mr. Sumawan

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

3. Klik Template

4. Pilih Cadangkan / Pulihkan

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

Rating: 4.5 Reviewer: Mr. Sumawan

7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress

Description: 7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress Rating: 4.5 Reviewer: Stasiun Geofisika Alor - ItemReviewed: 7 Alasan Mengapa Blogger Lebih Baik Daripada Wordpress Penulis blog baru akan dihadapkan dengan dilema serius ketika mereka pertama kali terjun ke dunia Internet dan harus memutuskan platform blogging mana yang harus dipilih untuk website baru mereka. Sebenarnya ada puluhan pilihan di pasaran, mulai dari pengaturan blog dasar, jaringan sosial sampai open source yang menggunakan hostingan sendiri.

Namun, untuk blogger baru yang paling dan mereka tidak inginkan adalah membayar untuk blog mereka, pilihan bermuara ke satu dari dua pilihan yaitu Blogger dan Wordpress. Kedua layanan telah bersaing dalam beberapa tahun terakhir dengan fenomena blogging.

Berikut ini adalah jawaban yang masuk akal untuk pertanyaan tersebut, 7 alasan mengapa Blogger sebenarnya lebih baik daripada Wordpress. Perbandingan ini berhubungan dengan account gratis yang tersedia baik dari Blogger dan Wordpress.

1. Integrasi Login Akun Google Anda
Dengan kemampuan untuk menghubungkan semua account Google Anda, ini adalah nilai plus untuk Blogger. Banyak fitur yang berguna untuk sebuah situs web yang ditawarkan oleh Google, termasuk AdSense, AdWords, dan alat Webmaster untuk pengindeksan Google. Tidak perlu menambahkan kode ke template Anda, Blogger memungkinkan Anda untuk hanya mengklik sebuah tombol dan mengintegrasikan AdSense ke situs Anda.
Hal ini memungkinkan Anda untuk menggunakan informasi login yang sama untuk semua layanan Google dan Blogger yang menetapkan beberapa langkah di depan. Wordpress adalah open source, yang berarti bahwa semua layanan tambahan harus manual diintegrasikan ke blog Anda setelah Anda mendaftar untuk account Anda.

2. Didukung oleh Google
Sepanjang baris yang sama, Blogger memiliki dukungan dari Perusahaan internet terbesar dan paling kuat di dunia. Hal ini membuat Blogger dengan mudah menciptakan fitur-fitur baru tanpa terkendala oleh dana, sedangkan Wordpress mungkin perlu berfikir untuk meciptakan hal-hal besar. Secara historis, fitur seperti widget, add-ons, dan template lebih dulu diperkenalkan oleh Blogger. Wordpress biasanya satu atau dua langkah di belakang. Untuk fitur terbaik seperti yang dikembangkan, Blogger adalah pemenangnya.

3. Ubah Penampilan Visual dan Kode Template
Pilihan Blogger untuk membuat perubahan Penampilan visual dari blog Anda sangat banyak dan mudah digunakan, sesuatu yang tidak dimiliki oleh Wordpress. Di Blogger, ada beberapa pre-built template serta ribuan lebih tersedia dari sejumlah website. Cukup copy dan paste ke dalam halaman template blog Anda dan Anda akan memiliki tampilan baru. Selain itu, Edit HTML kode untuk template dapat dengan mudah diubah dan ditingkatkan sesuai dengan kebutuhan spesifik Anda.

4. Pengindeksan Waktu
Jika menggunakan Blogger, postingan Anda akan di indeks lebih cepat di search engine. Biasanya posting halaman terbaru Anda hanya dalam beberapa memenit sudah akan muncul, mengijinkan Anda untuk menerima lalu lintas secepat mungkin. Hal ini sangat penting untuk blog yang mengusung tema berita. Jika berita yang anda posting tidak terindeks selama dua hari, maka berita itu akan menjadi basi saat orang membacanya.

5.Kemudahan Penggunaan
Blogger sangat cocok untuk orang yang baru terjun di dunia blog. Mendaftar Blogger hanya memerlukan beberapa detik, memungkinkan pengguna untuk menggunakan login Google mereka dan hanya meminta beberapa informasi seperti judul blog dan deskripsi blog. Dari sana, posting blog dapat diketik dan masuk dengan dua atau tiga klik dan secara otomatis diindeks. Terutama untuk pendatang baru, Blogger adalah pilihan terbaik dari segi kemudahan penggunaannya.

6. Integrasi Beberapa Account
Blogger membuat Anda dengan mudah melihat semua blog Anda melalui fitur dashboard yang menghubungkan langsung ke login Google Anda. Ketika Anda login, semua blog Anda akan ditampilkan, dengan satu klik pilihan untuk mengirim, mengedit, atau mengubah posting. Jumlah blog dan account yang tersedia pun hampir tak terbatas dan membuat beberapa Blog dengan topik yang berbeda akan menjadi sangat mudah.

7. Jaringan Blogging yang Besar
Karena Blogger adalah pemberhentian pertama untuk blogger baru, dan juga jaringan blogging terbesar di dunia. Jutaan blog sudah dibuat di Blogger dan sangat membantu anggota baru, karena Google telah mengintegrasikan fitur pencarian mereka ke dalam situs. Pengunjung tidak hanya dapat mencari blog Blogger melalui kotak pencarian di bagian atas halaman, mereka dapat mengklik "acak" atau "blog berikutnya" untuk mengunjungi blog Blogger yang berbeda. Hal ini meningkatkan eksposur Anda dengan langsung menghubungkan Anda dengan blog yang ada. Dan jika Anda memutuskan untuk menyembunyikan fitur ini, Anda dapat melakukannya juga di Blogger.

Pada akhirnya, Blogger adalah solusi ideal bagi siapa saja yang baru memulai blog pertama mereka. Blogger juga merupakan platform yang besar untuk mereka yang serius dengan blogging, yang tidak ingin mempekerjakan seorang teknisi untuk mengatur blog mereka dan membuat penyesuaian berkala untuk blog mereka. Sangat mudah digunakan, cepat, dan menawarkan sejumlah fitur gratis, dan anda tidak menemukannya pada blog Wordpress dan pesaing lainnya.

Rating: 4.5 Reviewer: Mr. Sumawan

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

Related articles

• A Revival of the Meta Tag
• Debugging Sharing to Facebook
• Is your website optimised for social sharing?
• Facebook Open Graph custom actions tutorial
• How do I edit meta tags for each page

Rating: 4.5 Reviewer: Mr. Sumawan