June 2013 | Talysta Belajar SEO

Free SEO tools

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

Seo tools, The best seo tools, Free script seo tools are an important part of your daily seo work. There are severalseo activities which a professional seo performs on a daily basis. These tools helps to ease out the pressure and makes the work more comfortable and an easy process. The big list of Seo tools are given below:-

SEO Tools

Duplicate Content Checker Tools

Copyscape

Article Checker

Plagium

Duplicate Content Checker

Virante Duplicate Content Checker

Dupli Checker

Plagiarism Checker

Copygator

Similar Page Checker

Submit Express Broken Link Checker

Bad Links Report

Check Broken Links

Xenu Link Sleuth (Free Download)

Webmaster Tools

Google webmaster tools

Bing Webmaster Tools

Analytics and Tracking Tools

Google Analytics

Yahoo Analytics

Fire Stats

Jaw Stats

W3 Counter

Woopra

Logfile Analyzer

Piwik

Traffic and Rank Checker Tools

Alexa

Quantcast

Google Page Rank checker

Iwebtool Page rank checker

Check Site traffic

Stat Brain

Seo Analysis Tools

Meta Tag Analyzer

WG Tools

DIY SEO

Spyder Mate

SiteTrail

Seoptimer

Website Grader

Woo Rank

Seo Workers

Lipperhay

Seo Rush

Validators

HTML Validator

CSS validator

Site Speed Checker

Slowcop

Speed Test

Pingdom

Gomez

Browser Extensions

Seo Toolbar

Seomoz Toolbar

Seoquake

Sem Toolbar

Seojunkies Toolbar

Affilorama

Downloadable Seo Software

Traffic Travis

Serpattacks

Webceo

Types of URL Redirections - 301, 302 and other Redirects

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

URL redirection means that a single web page content is made available under different url's. Having a complete knowledge of URL redirection is necessary for webmasters and search engine optimizers. This post will provide an idea about the type of URL redirections available and their uses.

HTTP Redirects

301 (Used for SEO Purpose)

301 redirect is a permanent redirect and is used when any URL gets changed and moved to a separate location. For example www.example.com is moved to www.example2.com then 301 redirect will help the users to visit www.example2.com even if they open www.example.com.

301 redirects helps in proper passing of the link juice without seriously affecting the search engine positioning of the website.

302 (Used for SEO Purpose)

302 redirect is a temporary redirect when a web page gets available at a different location for some time but the permanent location remains the same. This type of redirect does not passes link juice and trust to the new but temporary url.

303

303 redirects are "see other" redirects. It tells the search engines that the requested resource exists on a different url. This type of redirect does not passes the link value and should be avoided.

304

304 redirects tells the search engines that the requested resource is not modified. Hence these are known as "Not Modified" redirects.

305

305 redirects tells the agents to locate the resource using a proxy. The location field must be specified that contains the URL of the proxy.

307

307 redirects are temporary in nature and are mostly used by web developers.

HTML Redirects

The three most important HTML redirects are given below:-

Meta Refresh

The meta refresh redirects the users to a new page after an interval of predefined refresh time. Meta refresh is not treated well in the eyes of search engines as some of the webmasters use this redirect for cloaking purpose which violates the search engine guidelines.

IFrame

When some other page content is forcefully displayed within an iframe so that it looks that it is present on the original URL, then these type of redirects is known as "Iframe redirects". Most of the search engines considers this as a form of cloaking as may penalize a website.

JavaScript Redirects

JavaScript redirects helps to redirect the users from one location to a different location. Search engines do not follow the JavaScript redirects.

How to Check Which Redirect is Applied on a Website?

There are several tools through which you can check which redirect has been implemented on a site. These are given below:-

http://www.internetofficer.com/seo-tool/redirect-check/
http://www.webconfs.com/redirect-check.php
http://www.ragepank.com/redirect-check/
http://www.webtoolhub.com/tn561352-url-redirection-checker.aspx

Google Simplifies Process to Link AdWords, Analytics

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

If you've had problems integrating your Google AdWords and Google Analytics accounts together, you're in luck. Google is offering better support in order for advertisers and users of Google Analytics to link their accounts together.

While the change isn't immediate, the new linking process will be launched to all Google Analytics accounts in the coming weeks.

By logging into the admin area of Analytics, you can link your two accounts together. Alternatively, in the account area of your AdWords account just click and words linking in the account column, then click AdWords Linking in order to start their new linking wizard.

By linking the two accounts, users of both programs can have more integral data in order to determine marketing effectiveness and ROI when combining the data from both programs.

There has long been issues with advertisers linking up their analytics data, particularly if they're under two different Google accounts or if it is managed by client versus agency. Linking AdWords to Google Webmaster Tools remains unchanged.

Chris Morgan from the Google Analytics team is one of the Googlers working on this, and said it's a complicated process of linking the two accounts has now been reduced down to only three clicks.

The thing I've been working on for months is launching! If you haven't linked your AdWords accounts to your GA accounts because it's too many clicks, we cut it down to 3.

Since Google has not specified that this is U.S. only, it should be available to all customers, regardless of their country.

Cara Mengoptimalkan Blog SEO

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

Cara Mengoptimalkan Blog menjadi seo, Cara Mengoptimalkan Blog SEO Friendly Agar membuat blog menjadi maksimal dan lebih efisien kita harus mencari lagi bagaimana cara yang tepat agar mudah terindex pada search engine. Tahapan yang perlu dilakukan adalah mengoptimalkan blog trsebut semaksimal mungkin dari segi script code, design layout, template, authorization, etc. Pada pagi yang cerah bersahaja ini, Media Blogger akan memberikan tips sederhana, mudah, dan singkat tentang langkah-langkah yang dapat dilakukan untuk optimization blog dengan baik.

Perlu kamu ketahui dahulu bahwa Meta keyword dan deskripsi merupakan suatu elemen yang penting bagi pengoptimalan Search engine untuk blog kita. Fungsi dari meta keyword adalah agar search engine / mesin pencari mudah mengenali isi dan kata kunci yang kita targetkan dari blog yang kita punya. Sementara untuk meta deskripsi, Fungsinya adalah untuk menjelaskan kepada pengunjung dan search engine tentang identitas blog kita dan mencakup apa saja materi blog kita tersebut.
Cara mengoptimalkan blog pertama memang dimulai dari pembuatan atau cara memasang meta deskripsi dan keyword ini.

Berdasarkan beberapa sumber mengenai update terbaru Algoritma Google,perlu anda perhatikan walaupun untuk saat ini search engine / mesin pencari google sudah tidak membutuhkan Meta Keyword lagi dalam sebuah templete atau blog, tetapi search engine lain seperti Bing, Yahoo ataupun yang lainnya masih tetap memperdulikan meta keyword tersebut. jadi kita memang sangat perlu memasang kedua meta tag ini.

Cara Baru Memasang Meta Tag Description and Meta Tag Keyword :
1. Login ke blogspot
2. Pilih menu Template kemudian Edit HTML
3. Cari kode <b:skin><![CDATA[/* dengan menekan tombol CTRL+F
Letakkan kode berikut ini diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Tulis Deskripsi Sobat disini" />
<meta name="keywords" content="Tulis kata kunci sobat disini, seperti design website, blog, seo, tutorial blogger" />
</b:if>

4. Gantilah tulisan yang berwarna merah sesuai dengan isi, tema, dan topik dari blog anda. Simpan Template.
5. Sebagai Panduan anda agar lebih jelas dan mudah dalam menentukan deskripsi dan keyword tersebut silahkan baca Cara Membuat Keyword Menjadi SEO Friendly.

2. Pasanglah Sitemap.xml dan Robots.txt pada blog anda.
Untuk mempermudah blog anda mendapat posisi yang lebih baik di search engine anda perlu membuat sebuah file sitemap dan robots.txt. Namun, bagi kita pengguna blogger / blogspot ternyata sitemap (peta situs) dan robots.txt ini sudah disediakan oleh Google. Jadi, kita hanya mengaktifkannya saja.
Agar lebih jelas silahkan baca panduan artikel postingan Cara Membuat Sitemap di Blog.

3. Optimalkan Blog Arsip
Blog Archive merupakan gadget yang sudah lama ada pada blogger.com. Arsip Blog adalah kumpulan dari judul-judul blog yang dikelompokkan berdasarkan tanggal, bulan, dan tahun yang dapat ditampilkan dengan flat, hierarchy, dan dropdown. Cara Mengoptimalkan Blog dengan mudah salah satunya adalah mengoptimalkan blog arsip.

Gadget ini mengkategorikan posting blog kita dengan tertib berdasarkan urutan tahun, bulan, minggu dan hari. Gadget ini menunjukkan ke beberapa tulisan yang berbeda yang diterbitkan di masa lalu. Kalau link masih default di gadget ini dapat menimbulkan masalah bagi robot SEO dan mesin pencari mengindeks sebagai duplikat konten dari blog kita.

Link ini akan membawa dampak yang kurang baik bagi pemilik situs sehingga kita harus menghindari mesin pencari dalam mengindeks link arsip serta mngoptimalkannya. Kita dapat menghindari mesin pencari dengan menggunakan atribut HTML yang akan memberitahu crawler mesin pencari bahwa ini adalah link arsip sehingga mereka otomatis akan memahaminya dan tidak akan merangkak itu. Berikut adalah proses termudah untuk menambahkan bahwa atribut HTML yang saya sebutkan di atas.

Temukan kode <a class='post-count-link' expr:href='data:i.url'> pada Edit HTML didalam menu Template anda.
Jika sudah silahkan ganti dengan <a rel='archives' class='post-count-link' expr:href='data:i.url'>

Simpan Template.

4. Gunakan Breadcrumbs di Atas Postingan
Breadcrumbs artinya sebuah bagian berbentuk roti ( bisa kotak, oval, lonjong, bulat ) di halaman posting yang menampilkan letak structure dari artikel tersebut berada. Biasanya breadcrumbs ini ditampilkan pada bagian atas postingan. Cara Mengoptimalkan Breadcrumbs dan Cara Membuat Breadcrumbs Terindex Search Engine silahkan baca Cara membuat breadcrumbs terindex google

5. Mengoptimalkan Artikel Yang dibuat.
Artikel adalah hasil karangan yang berisi text, gambar, video, audio dan lainnya yang kita tampilkan pada sebuah halaman blog. Oleh karena itu, sangat penting bagi kita mengoptimalkan artikel tersebut guna memperbaiki citra dan karya kita terhadap orang lain yang melihatnya. Tidak hanya itu, search engine juga memprioritaskan artikel sebagai kategori utama yang akan ditampilkan di hasil pencarian search engine. Anda dapat melihat tutorial serta tips Cara membuat artikel berkualitas yang baik, kreatif, dan inofatif.

Tips Memulai Sebuah Blog dengan Baik bisa anda jadikan pedoman untuk mengoptimalkan blog agar lebih efisien dan efektif.

Demikian artikel singkat yang mudah-mudahan dapat bermanfaat ini. Semoga beberapa tips tadi dapat mengoptimalkan blog terhadap search engine menjadi lebih baik.

Cara Mengoptimalkan SEO di Bing Webmaster

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

Cara Mengoptimalkan SEO di Bing Webmaster, Cara daftar Blog di bing Setiap search engine memiliki Webmaster Tools tersendiri salah satunya Bing. Selain Webmaster di Google, Bing juga memiliki fasilitas yang baik dalam meningkatkan SEF ( Search Engine Friendly ) yang baik. Webmaster Tools ini berfungsi untuk mengelola semua perangkat dan sumber daya yang ada di sebuah situs. Mulai dari indexing, crawling, statistik, keyword search, dan lain sebagainya yang mampu memaksimalkan traffik pada sebuah situs.

Cara Mengoptimalkan SEO di Bing Webmaster adalah sebagai berikut :
1. Kunjungi situs Bing Webmaster Tools dahulu.
2. Login dengan akun Microsoft Anda, atau dapat mendaftar terlebih dahulu.

3. Setelah login, klik nama url blog Anda. Jika belum ada blog yang didaftarkan silahkan klik Add a New Site. Cara Mendaftarkan situs di bing hampir sama dengan di Google. Jika blog Anda belum terverifikasi tetapi telah didaftarkan, silahkan verify terlebih dahulu.

4. Klik Reports & Data untuk mengecek crawl, lihat apakah ada link url yang error atau dicekal.

5. Untuk mengecek sitemaps anda dapat masuk ke Configure My sites, klik Sitemaps.
6. Makan akan terlihat jumlah url situs anda yang telah terkirim dan terindex di search engine Bing.
7. Untuk mengecek error yang terjadi pada susunan blog Anda mengenai SEO, dapat menuju ke Diagnostics & Tools. Klik SEO Analyzer .
8. Masukkan url blog Anda di kotak tersebut.

9. Di dalam tabel, berisi berbagai macam kesalahan yang ada pada situs Anda.
Tingkat kerusakkannya dibagi menjadi 3 bagian yaitu, Low, Medium and High.
10. Klik salah satu error untuk menganalisa dan menyelidiki dimana kesalahan tersebut berada.

11. Lakukan langkah-langkah perbaikan seperti yang terlihat pada gambar.
12. Bagian text berwarna kuning adalah kesalahan yang ada pada susunan script kode situs anda.
13. Seperti yang terlihat pada gambar, anda harus memperbaiki susunan heading h1 dengan benar. Disini saya mencontohkan dengan menggunakan judul artikel yg ada di Homepage blog menjadi h1 semua. Sehingga total jumlah H1 menjadi 6.

Sedangkan headings yang SEO Friendly adalah yang memiliki jumlah H1 maksimal 1.
14. Sedangkan untuk attibute <img> tag adalah untuk mengindeks gambar ke search engine dengan memberikan nama gambar. Tetapi, di contoh diatas saya hanya memasang attribute alt tanpa memberikan nama gambar di img .
15. Dan kesalahan terakhir, saya menghapus meta language di blog. Sehingga pada Bing webmaster tools terdapat kesalahan di bahasa yang dipakai pada blog kita. Cara memperbaikinya dapat masuk ke bagian Template lalu Edit HTML. Tambahkan Meta Data Language di blog (blogger) anda.

Untuk mendapatkan backlinks dalam membuat posting artikel, manfaatkan Link Explorer pada Webmaster Tools Bing anda. Cari dan telusuri berdasarkan keyword yang potensial untuk kita lakukan posting.

Alat Explorer ini dapat anda lihat di Diagnostics and Tools, lalu pilih Link Explorer.

Fitur utama dari Link Explorer adalah memiliki kemampuan untuk menyaring berdasarkan kata kunci (Additional query), anchor text, dan reffering domain ("Filter oleh situs"). Salah satu aspek yang mengesankan dari Explorer Link adalah kecepatan di mana indeks dan laporan backlink terhadap situs kita.

mendapatkan backlink di bing webmaster tools

Anda dapat mengoptimalkan SEO di Bing Webmaster Tools dengan optimisasi sesuai dengan keinginan.

Cara Membuat Iklan Melayang dengan Tombol Close

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

Cara Membuat Iklan Melayang dengan Tombol Close, Cara Membuat Iklan Melayang Sebagai seorang penayang jaringan iklan ( Publisher ), menempatkan iklan pada posisi yang tepat tentu sangat diperlukan. Selain dengan faktor design template, anda juga harus cermat agar pengunjung merasa nyaman dan tidak terganggu munculnya tampilan iklan yang kita pasang. "Cara Membuat Iklan Melayang dengan Tombol Close".

Menempatkan iklan melayang dapat diletakkan pada Header, Footer, Sidebar ( Kanan dan Kiri ) , atau bisa juga membuat iklan melayang di tengah halaman tentunya dengan tombol close 1x click. Artinya dengan bantuan tombol penutup ini dapat mempermudah pengunjung menutup iklan yang mungkin menggangu sebuah elemen pada posisi artikel.

Salah satu keunggulan dari memasang iklan pada footer blog adalah iklan teman-teman dapat dilihat lebih jelas pada setiap postingan. Cara ini dianggap lebih unggul daripada memasang iklan pada sidebar. Ini karena pengunjung akan lebih banyak melihat ke bawah saat sedang membaca postingan atau ingin berkomentar daripada melihat ke samping.

Cara Membuat Iklan Melayang di Footer dengan Tombol Close :
1. Login ke blog anda.
2. Masuk ke bagian Tata Letak / Layout , klik Add a gadget.
3. Pilih HTML / Javascript
4. Kemudian letakkan kode berikut di dalamnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script><br /><script type='text/javascript'>$(document).ready(function() {$('img#closed').click(function(){$('#btm_banner').hide(90);});});</script><style type='text/css'>div#btm_banner {width: 100%; bottom: 0; left: 0; position: fixed; opacity: 0.9;}div#btm_banner img{border:0;cursor:pointer;}</style><div style='height: 0px;'></div><div align='center' id='btm_banner' style='height: 100px; z-index: 9999;'><div style='text-align: right; width: 728px; height: 6px;'><img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaiZ1s67swBEcMDDYEuXw3L8CzjoxBK8cMbe2fG7kivw-7ZByA2-BuqjmarbxxZfupzDCzlO1UQS7kFyquSmEe_WI0WHYOQSG_nxQauzUSSHz4RQ8Q8NPryTp46bKoSZT_Ldp9G6qtjBGA/s1600/close-icon.png'/></div><div style='clear: both;'></div><p><p><center>Masukan kode script iklan anda di sini</center></p></p></div>

5. Save Widget tersebut.

Keterangan Pemasangan Iklan :
Ganti tulisan warna hijau diatas dengan script iklan anda

Cara Membuat Kotak Komentar Twitter di Blog

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

Artikel sebelumnya membahas Cara Membuat Kotak Komentar Facebook di Blog, sekarang Membuat Komentar Twitter. Comments Box berfungsi untuk semua orang yang ingin berkomentar dan menyampaikan pendapat / pesan yang telah berkunjung di blog kita.

Biasanya tidak semua orang memiliki akun gmail / blogger, oleh karena itu kita harus memanfaatkan social media yang terkenal seperti Twitter dan Facebook. Saya akan membahas, bagaimana tutorial mengenai cara membuat twitter box di blogger ini yang bersampingan dengan facebook dan komentar blogger. Untuk menambahkan komentar facebook yang bersebelahan dibutuhkan aplikasi developers, silahkan membaca di Cara Mendapatkan ID Aplikasi Facebook terlebih dahulu.

Cara Membuat Kotak Komentar Twitter :
1. Untuk membuat aplikasi komentar di twitter silahkan Anda buat terlebih dahulu di Apps Developers Twitter.
2. Isikan data yang dibutuhkan seperti terlihat pada gambar di bawah ini. Jika telah selesai, klik I Agree.

3. ID Aplikasi Twitter Anda berada di Consumer Key .
4. Lalu, klik Create My Access Token di bagian paling bawah.
5. Setelah terbuat, maka Anda akan mendapat semua kode dan akses pada aplikasi tersebut.

6. Kode yang dicoret merah, silahkan anda ambil dengan copy paste ke notepad terlebih dahulu.
7. Login ke Bloggger.com
Template > Edit HTML > Ceklis Expand Widget Templates
8. Cari Kode <head> dan letakkan kode di bawah ini di bawahnya :

Ganti kode bewarna merah dengan data yang Anda telah punya. Masukkan id facebook (Ex : pemakan.wortell) , FB Application ID (Ex : a8xy76m44aoqqUi9mKr0), dan masukkan Twitter_API_Key dengan kode yang anda copy di notepad.

9. Lalu cari kode class='comments'

10. Copy kode di bawah ini dan letakkan di bawah kode tersebut.

<div class='comments-tab' id='blogger-comments' title='Comments from Blogger'>
<data:post.numComments/> Comments
</div>
<div class='comments-tab' id='twitter-comments' title='Comments with Twitter'>
<span class='js-page-tweet-count' expr:href='data:post.url'/> Tweets
</div>
<div class='js-default-tab comments-tab' id='fb-comments' title='Comments made on Facebook'>
<fb:comments-count expr:href='data:post.url'/> Komentar
</div>
<div class='clear'/>
</div>
<div class='comments-page' id='twitter-comments-page'>
<div id='js-tweet-box'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

- Angka 5 adalah jumlah komentar yang akan ditampilkan dan tidak disematkan.

- Angka 500 adalah lebar kotak komentar tersebut.

Semoga panduan mengenai cara membuat widget dan gadget di blogger ini dapat bermanfaat untuk anda semuanya.

Cara membuat kotak komentar facebook di blogger

download Sell Annuity Payments, There’s a woman committed suicide in front of auto insurance building Florida Criminal Defense Lawyers, Mortgage adviser broker Click here

Cara membuat kotak komentar facebook di blog, Cara Membuat Comment Box Facebook di Blogger, di bawahnya. Membuat komentar dengan tampilan yang menarik, akan memancing pengunjung untuk berkomentar di blog Anda. Hal ini sudah tidak menjadi hal yang baru, dan telah banyak yang memakai dengan aplikasi plugin tambahan Facebook ini. Mengapa banyak orang yang ingin membuat kotak komentar facebook di blognya? Salah satu faktor utama adalah untuk meningkatkan traffik pengunjung bagi blog mereka.

Facebook memang sebagai Social Media sedangkan Blogger adalah Pembangun Blog dengan platform gratis. Hubungan pembuatan komentar Facebook di Blogger, bukan untuk media promosi di social media melainkan menghubungkan konektivitas antara social media tersebut dengan blog kita. Sehingga, blog kita mendapatkan lalu lintas yang besar dengan facebook. Untuk cara pembuatan kotak komentar facebook ini cukup mudah dan 100% berhasil. Agar blog Anda lebih terkonektivitas dengan facebook, langkah pertama adalah dengan membuat aplikasi di facebook terlebih dahulu. Tetapi, bagi Anda yang hanya ingin mengarahkan kotak komentar sebagai Anda yang menjadi adminnya tidak perlu membuat aplikasi facebook ini.

Cara Membuat Aplikasi di Facebook :

Login ke Facebook Anda.
Silahkan klik link Pembuatan Aplikasi Facebook ini.
Klik "Create New App"
Masukkan Nama Aplikasi anda di "App Display Name" , seperti gambar diatas.
Beri centang di I agree to the Facebook Platform Policies dan tekan "Continue".

Isikan pada kolom "Website", dan "App on Facebook (Canvas URL)" dengan alamat blog kamu. Lalu Simpan. Catat nomor Aplikasi ID Anda, seperti yang ditunjukkan di gambar Facebook tersebut. Sampai disini anda telah selesai membuat plugin aplikasi facebook. Sekarang lanjut ke tahap pembuatan komentar facebook di blog.

Cara Membuat Kotak Komentar Facebook di Blog :

1. Masuk akun blogger anda lalu pilih TEMPLATE, EDIT HTML

2. Klik pada bidang kotak yang berisi kode-kode template anda, letakkan pointer dimana saja.

3. Lalu cari kode ]]></b:skin> (Untuk memudahkan pencarian, gunakan CTRL + F

4. Letakan kode CSS di bawah tepat di atas kode ]]></b:skin> :

.comments-page { background-color: #00BFFF;}

#blogger-comments-page { padding: 0px 5px; display: none;}

.comments-tab { float: left; padding: 5px; margin-right: 3px;

cursor: pointer; background-color: #f2f2f2;}

.comments-tab-icon { height: 14px; width: auto; margin-right: 3px;}

.comments-tab:hover { background-color: #eeeeee;}

.inactive-select-tab { background-color: #d1d1d1;}

5. Setelah itu cari lagi kode </head> kemudian letakkan kembali kode di bawah ini tepat di atas kode </head> :

Ganti kata ID FB Anda dengan aplikasi facebook yang telah Anda buat tadi. Jika Anda tidak membuat aplikasi facebook, silahkan masukkan id facebook anda yang terlihat di browser. Contoh : http://facebook.com/pemakan.wortell/ masukkan pemakan.wortell saja.

6. Karena kita akan membuatnya berdampingan dengan komentar bawaan dari blogger. Maka kita perlu menambahkan beberapa script lagi. Silahkan cari kode <div class='comments' id='comments'> .. Biasanya kode tersebut tidak hanya 1, kalau di dalam template anda terdapat lebih dari 1 kode tersebut.Cari kode yang paling terakhir, lalu letakan script dalam kotak di bawah ini tepat di bawah kode <div class='comments' id='comments'> :

<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle("#fb-comments");' title='Comments made with Facebook'>
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/>
<fb:comments-count expr:href='data:post.url'/> Comments
</div>
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle("#blogger-comments");' title='Comments from Blogger'>
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comments
</div><div class='clear'/>
</div>
<div class='comments-page' id='fb-comments-page'>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<fb:comments expr:href='data:post.url' num_posts='5' width='500'/>
<div style='color:#fff; background-color:#3B5998;border: solid 1px #ddd; font-size:10px; padding:3px; width:588px;'>Facebook Comments by
<b><a href='http://impoint.blogspot.com/' style='text-decoration:underline; color:#fff;' target='_blank' title='Blogger Widgets'>Media Blogger</a></b>
</div>
</b:if>
</div>
<div class='comments comments-page' id='blogger-comments-page'>

Lalu, Klik Simpan Template dan lihat hasilnya. Jika Kotak Komentar Facebook belum terlihat juga mungkin template tidak memiliki script kode yang support dengan facebook.

Maka, cari kode ini <html dan ganti dengan kode di bawah ini :
<html xmlns:fb='http://www.facebook.com/2008/fbml'
Simpan Template Anda.

Langkah langkah diatas telah saya tes dan berhasil. Semoga Cara Membuat Kotak Komentar Facebook di Blogger ini dapat bermanfaat untuk Anda. Semoga Bermanfaat.

Talysta Belajar SEO | Auto Backlinks

Pages

Backlink Sites:

Free SEO tools

SEO Tools

Duplicate Content Checker Tools

Backlink Checker

Keyword Tools

Broken Link Checkers

Webmaster Tools

Analytics and Tracking Tools

Traffic and Rank Checker Tools

Seo Analysis Tools

Validators

Site Speed Checker

Browser Extensions

Downloadable Seo Software

Types of URL Redirections - 301, 302 and other Redirects

HTTP Redirects

HTML Redirects

How to Check Which Redirect is Applied on a Website?

Google Simplifies Process to Link AdWords, Analytics

Cara Mengoptimalkan Blog SEO

Cara Mengoptimalkan SEO di Bing Webmaster

Cara Membuat Iklan Melayang dengan Tombol Close

Cara Membuat Kotak Komentar Twitter di Blog

Cara membuat kotak komentar facebook di blogger

Popular Post

About Me

Total Pageviews

Recent Referer Backlinks

Blog Archive