Jadwal Siaran Langsung Sepakbola Liga Inggris

SETELAH melewati moment "Boxing Day" 2013, Liga Inggris terus bergulir padat hingga awal tahun 2014. Pertandingan Liga Inggis pekan ke-19 akan bergulir mulai Sabtu 28 Desember 2013 hingga 2 Januari 2014 dan seterusnya.

Pertandingan Sabtu (28/12) tidak ada "big match". Klub besar pun "cuma" Manchester City yang akan menjamu Crystal Palace dan Manchester United yang akan dijamu Norwich City. Big Match akan ditemui Minggu (29/12) jam 23:00 WIB di Siaran Langsung Bein Sport 3 & SCTV antara Chelsea vs Liverpool.

Jawal Siaran Langsung Sepakbola Liga Inggris Pekan ke-19
Berikit ini Jawal Siaran Langsung Sepakbola Liga Inggris Pekan ke-19 sebagaimana dikutip detikSport.

Sabtu, 28 Desember 2013
19:45 WIB Bein Sport 3 West Ham United vs West Bromwich Albion
22:00 WIB Nex Entertainment Manchester City vs Crystal Palace
22:00 WIB Bein Sport 2 Hull City vs Fulham
22:00 WIB Bein Sport 3/ Indosiar Norwich City vs Manchester United
22:00 WIB Bein Sport 1 Aston Villa vs Swansea City

Minggu, 29 Desember 2013
00:30 WIB Bein Sport 1/ Bein Sport 3 Cardiff City vs Sunderland
20:30 WIB Bein Sport 1 Everton vs Southampton
20:30 WIB Bein Sport 3 Newcastle United vs Arsenal
23:00 WIB Bein Sport 1 Tottenham Hotspur vs Stoke City
23:00 WIB Bein Sport 3/ SCTV Chelsea vs Liverpool

Rabu, 01 Januari 2014
19:45 WIB Bein Sport 3 Swansea City vs Manchester City
22:00 WIB Nex Entertainment Stoke City vs Everton
22:00 WIB Bein Sport 2 Arsenal vs Cardiff City
22:00 WIB O-Channel Sunderland vs Aston Villa
22:00 WIB Fight Sport West Bromwich Albion vs Newcastle United
22:00 WIB Bein Sport 3/ SCTV Southampton vs Chelsea
22:00 WIB Bein Sport 1 Liverpool vs Hull City

Kamis, 02 Januari 2014
00:30 WIB Bein Sport 3 Manchester United vs Tottenham Hotspur

Read more ...

Daily Times - Template Blog untuk Koran & Majalah Berita Online

Jika Anda tengah mencari Template Blog SEO untuk Koran & Majalah Berita Online, maka Daily Times ini bisa jadi alternatif.

Daily Time Theme Blogger Template didesain sehingga sangat cocok untuk blog berita. Template blog bergaya suratkabar online (online newspaper) ini didesain oleh Uong Jowo, desainer template blog "speasialis" konversi Wordpress Theme ke template blog.

• DEMO
• DOWNLOAD

Designed by Uong Jowo, Daily-Times is newspaper Blogger magazine theme. This theme you could turn your blog to a professional & attractive newspaper / magazine site very easily.

Theme Features:

• Homepage : 4 columns
• Singlepage and Singlepost: 2 columns
• Archive page : 2 columns
• Slideshow, 
• Ticker, 
• Thumbs image Zoom, 
• Show/hide summary posts, 
• Videos content as well.

Update!

1. Replace  <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/>

change with 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

2. Replace 'mybluestage'  change with 'pusoko'

Jika setelah dua replace tadi template belum juga berjalan "normal" sebagaimana demonya, maka "intip" saja beberapa javascript yang ada di demo lalu copas! Lebih baik lagi, konsultasikan langsung dengan desainer Template Blog SEO untuk Koran & Majalah Berita Online ini. Good Luck!

Read more ...

Online News - Template SEO Responsive untuk Blog Berita

Online News Blogger Template ini template blog SEO yang responsif. Template blog magazine news style ini cocok untuk blog berita, jurnal, majalah online, blog pribadi, juga blog toko online.

Online News Blogger Template is simple magazine news template for blog blogspot. It's SEO Friendly, User Friendly, Fast Loading, and RESPONSIVE!

This Online News Blogger Template is Free. It's one of the best, fast loading, and SEO blogger template.

Online News Blogger Template is simple magazine news template for blog blogspot. It's SEO Friendly, User Friendly, and SEO Ready.

Template blog magazine news style ini cocok untuk blog berita, jurnal, majalah online, blog pribadi, juga blog toko online.

Konsep dasar template blog ini magazine dan news, namun Anda bisa menggunakannya untuk blog jenis apa saja sesuai dengan selera.

SKOR SEO

Online News Blogger Template sudah dilengkapi fasilitas social share, komentar yang bisa langsung posting ke Facebook, slider show (featured post), Adsense Ready (Anda tinggal ganti kode iklan) untuk banner header, sidebar 300x250 pixel, dan adsense di homepage untuk iklan dengan lebar 200 pixel.

Live Demo & Download Link of Online News - Template Blog SEO Responsive untuk Blog Berita

• DEMO
• DOWNLOAD

Read more ...

Simple SEO Blogger Template: Simple, Cepat, SEO, dan Gratis!

Simple SEO Blogger Template adalah template blog modifikasi dari Bamz Style V2. Sejumlah perubahan dilakukan untuk menambah "cantik" tampilan template blog ini, plus SEO Text Box yang bisa membantu percepatan index Google.

• Skor SEO Simple SEO Blogger Template menurut Chkme adalah 100%.
• Kecepatan Loading Simple SEO Blogger Template menurut GT Metrix adalah 90% (A) dan 80% (B). Lumayan cepat banget!

Simple SEO Blogger Template is template for blogspot (blogger) blog that created with Minimalist Style, Fast Load, and SEO Friendly. 

Header kept simple so google bot can faster and easier to index content. This Free Blogger Template is equipped with 3 adsense in the header (468x60 Pixel Adsense Unit), under menu navigation ( (728x15 Pixel Adsense Unit), and sidebar  (300x250 Pixel Adsense Unit). It can be edited or modified easily!

Simple SEO Blogger Template is a free blogger template custom design with 2 Right Sidebar, 2 Column, Blogger, Elegant, Fixed, SEO Ready, Simple, Blue, and you can download and use for free!

Anda bisa mendownload Simple SEO Blogger Template ini secara gratis alias free dowload and free use di MediaFire dan demonya tak lain adalah blog yang sedang Anda baca ini.

Template blog ini SIMPLE, tidak banyak pernik dan warna. SEO karena sudah SEO Ready termasuk On Page-nya. Cocok buat blog wartawan, penulis, atau "intelektual" yang biasanya mementingkan isi (konten) ketimbang tampilan blog.

SEO SCORE OF THIS BLOGGER TEMPLATE: 100% [I'ts Perfcet!]

• DEMO
• DOWNLOAD

Read more ...

Cara Membuat Blog (Lanjutan)

Posting Cara Membuat Blog ini merupakan lanjutan posting sebelumnya, Cara Membuat Blog: Panduan Lengkap.

Panduan yang pertama baru sampai tahap POSTING, belum memasuki Tahap Lanjutan, yaitu setting sana-sini di Dashboard, SEO  Blognya, dan upaya lain untuk mempopulerkan blog sehingga banyak pengunjung.

Cara Membuat Blog Lanjutan
1. Setting Dashboard
2. Setting RSS Feeds
3. Setting Media Sosial
4. Webmaster Tools
5. Sitemap
6. Google Analytic
7. Networked Blog
8. Meta Tag
9. SEO Posting
10. SEO Template

1. Setting Dashboard

• Setting >> Basic >> Description  (isi)
• Setting >> Search Preference  >> Meta Tags (isi)
• Klik menu lainnya. Kalau tidak yakin, biarkan. Nanti kalo sudah tahu, tengok lagi dan lakukan setting kembali.

2. Setting RSS Feeds
Setting ini dan poin berikutnya agar blog cepat terindeks Google dan mesin pencari lainnya.

• Buka http://feeds.feedburner.com
• Masukkan alamat blog, misalnya http://contohblognih.blogspot.com/feeds/posts/default
• Klik Next!
• Klik Pulicize >> Email Subscription
• Ikuti langkah berikutnya 
• Klik "Socialize" agar posting baru otomatis jadi status update di twitter
• Klik menu-menu yang ada. Kalau gak yakin, cukup dulu. Nanti bisa balik lagi.

3. Setting Media Sosial.

• Buat Fans Page dan/atau Gru[ Facebook
• Buka http://networkedblogs.com
• Login dengan akun Facebook
• Lakukan panduan berikutnya agar posting blog otomatis jadi status update di Facebook.

4. Webmaster Tools.

• Buka Webmaster Google.
• Klik "Add Site"
• Ikuti langkah berikutnya

5. Sitemap.

• Masih di Google Webmaster Tools
• Klik menu "Submit Sitemap"
• Ketik sitemap.xml di kolom bagian akhir alamat blog Anda
• Klik Submit Sitemap.

6. Google Analytic.

• Masuk ke Google Analytic.
• Daftarkan blog Anda
• Ikuti langkah selanjutnya.

8. Meta Tag. Gunakan Meta Tags SEO Friendly.
9. SEO Posting.
10. SEO Template. Gunakan Template Blog SEO Friendly.

Poin 8, 9, 10 akan ditulis pada kesempatan berikutnya atau bisa di SEARCH di blog ini karena sudah ada dalam posting (penah ditulis di blog ini).*

Read more ...

Modifikasi Template Johny Wuss: Mengubah Related Articles

CONTOHBLOG (CB) suka banget dengan template Johny Wusss atau Johny Wuss, juga template buatan Mas Kolis lainnya.

Namun, untuk template Johny Wuss, CB kurang berkenan dengan tampilan "Related Articles" yang berupa thumbnail (gambar).

CB pun mencoba memodifikasi template Johny Wuss ini dengan mengubah "Related Articles" menjadi berupa list judul posting tanpa gambar.

Alasannya, tampilan related post atau posting terkait berupa gambar kurang menarik/kurang diperhatikan oleh pembaca. Menurut hasil penelitian Jakob Nielsen, mayoritas pembaca website (blog) melihat teks, bukan gambar/foto.

Atas pertimbangan  tersebut, maka CB pun mengubah tampilan related posts di blog ini menjadi "full text", tanpa gambar.

CARA MENGUBAH "RELATED ARTICLES"
Jika Anda pengguna Johny Wuss dan ingin mengubah tampilan Related Articles-nya menjadi hanya "daftar judul posting" saja, maka langkahnya sebagai berikut:

1. Template >> Edit HTML
2. Copy kode di bawah ini dan Paste di atas kode </head>

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 10px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 15px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 10px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://www.dogphilosophy.net/graphics/sample1.jpg") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

3. Cari kode di bawah ini:

<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-5156a09e76c1568f' type='text/javascript'/>
</div>

<div class='clearfix' id='related'>
<div class='related-posts'>
<p>Related Articles</p>
<script type='text/javascript'>
var defaultnoimage=&quot;http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg&quot;;
var maxresults=6;
</script>
<script src='http://yourjavascript.com/1198561349/relatedimg.js' type='text/javascript'/>
<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 class='subscribe'>
<p class='intro'>If you enjoyed this article just <a href='http://feeds.feedburner.com/JohnyTemplate' target='_blank' title='feedburner'>
<b>click here</b></a>, or subscribe to receive more great content just like it.</p>
<p class='feed'><a href='http://johnytemplate.blogspot.com/feeds/posts/default'>Subscribe via RSS Feed</a></p>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=JohnyTemplate&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='JohnyTemplate'/>
<input name='loc' type='hidden' value='en_US'/>
<input id='botsub' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email&quot;;}' onfocus='if (this.value == &quot;Enter your email&quot;) {this.value = &quot;&quot;;}' type='text' value='Enter your email....'/>
<input id='botsubbutton' type='submit' value='Submit'/><br/>
<small>Your information will not be shared. Ever.</small><br/>
<a href='http://feeds.feedburner.com/JohnyTemplate'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/JohnyTemplate?bg=0F61CB&amp;fg=222222&amp;anim=1' style='border:0' width='88'/></a>
</form>
</div>
</div>

</b:if>
    <b:if cond='data:post.hasJumpLink'>

4. REPLACE kode berwarna biru dengan kode di bawah ini

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>

5. Save Template!

Read more ...

Agar Blog Anda SEO Friendly - Cepat Terindeks Google

 Begitu Anda membuat blog di blogspot, sebenarnya blog Anda langsung terdaftar di Google karena Blogspot (Blogger) milik Google.

Namun, jika Anda ingin blog Anda SEO Friendly dan Cepat Terindeks Google dan mesin pencari lainnya, maka lakukan langkah-langkah di bawah ini.

Agar Blog Anda SEO Friendly - Cepat Terindeks Google
Ini kalau template blog yang Anda gunakan masih standar, belum ditambah fitur-fitur di bawah ini.

Kalau Anda sudah menggunakan template belog SEO Friendly dan sudah ada fitur-fitur di bawah ini, ya... gak usah lagi ditambahin, sudah ada kok.

1. Meta Tags - Title Tag, Description Tag, dan Keyword Tag
2. Breadcrumbs
3. Related Post
4. Social Sharing (minimal ada fasilitas share ke Facebook, Twitter, Google Plus).
5. Read More otomatis.

Daftarkan Blog Anda!
Submit Sitemap ke Search Engine Google dan Bing
Sitemap adalah sebuah daftar isi yang menerangkan tentang apa yang ada pada blog Anda. Sitemap atau "peta situs" ini berupa XML --sebuah bahasa yang hanya dimengerti oleh Search Engine.

XML Blogspot biasanya sudah terintegrasi. Anda tinggal membuka Google Webmaster Tools -> Add Site --> Add Sitemap. Masukkan teks warna biru di kolom yang tersedia:

• http://contohblognih.blogspot.com/sitemap.xml
• http://contohblognih.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500
• http://contohblognih.blogspot.com/feeds/posts/default?orderby=updated

Read more ...

Mengatasi Judul Posting Blog tidak muncul di Internet Explorer

Saat ini umumnya user menggunakan browser Mozilla Firefox dan Google Chrome untuk internetan. Namun, tidak sedikit pula yang masih menggunakan browser Internet Explorer. 

Seringkali sebuah blog tampil normal di Firefox dan Chrome, namun ketika dibuka di Internet Explorer, tampilannya jadi error, misalnya judul posting tidak muncul. Jika blog Anda mengalaminya, yaitu judul posting tidak muncul di Internet Explorer, maka tambahkan kode di bawah ini di template blog Anda.

Ini cara mengatasi judul posting blog yang tidak muncul di Internet Explorer:
1. Template >> Edite HTML
2. Cari kode <head>
3. Letakkan/Copy - Paste kode di bawah ini tepat di bawah kode <head>

<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2' name='viewport'/>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/> 

4. Save Template!
5. Silakan buka IE dan buka blog Anda.

Good Luck!

Read more ...

9 Manfaat Blog

Manfaat blog adalah keuntungan yang kita peroleh jika kita punya blog, ngeblog, atau blogging. Manfaat blog sudah dapat dirasakan sejak awal kita punya blog. Ngeblog sama dengan menulis dan berbagi.

Setelah membaca posting ini, Anda yang belum punya blog bisa langsung menuju Cara Membuat Blog.

Berikut ini 9 manfaat blog:

1. Ekspresi Diri (Self Expression). 
Manfaat blog yang pertama adalah blog dapat menjadi sarana aktualisai diri, juga sarana "curhat" atau uneg-uneg, juga menunjukkan "emosi" dan sikap kita pada suatu peristiwa atau masalah. Kita bisa mengomentari isu-isu aktual "semau kita" dan membuka ruang dialog/diskusi dengan orang di seluruh dunia.

2. Berbagi (Share).
Manfaat blog yang kedua adalah blog merupakan sarana berbagi pengetahuan, wawasan, pengalaman, juga berbagi foto, video, dan audio dengan penduduk dunia. Istilahnya, dengan ngeblog kita bisa "sedekah ilmu". Dengan berbagi, kita berusaha menjadi orang baik.

3. Asah Terampil Menulis (Writing Skills).
Manfaat blog yang ketiga adalah blog menjadi sarana mengasah keterampilan menulis sehingga kita bisa menjadi penulis yang lebih baik. Anda yang bercita-cita menjadi penulis, otomatis dengan ngeblog cita-cita Anda tercapai. Blogger = penulis.

4. Personal Branding. 
Manfaat blog yang yang keempat: mempunyai blog artinya memiliki sarana "promosi diri". Anda membentuk citra diri Anda di blog dengan tulisan atau hal lain yang dipublikasi di blog. Di blog pula Anda memperkenalkan diri kepada dunia, siapa diri Anda dan apa kompetensi Anda.

5. Membangun Jaringan (Networking). 
Manfaat blog yang kelima: blog akan membangun jaringan, relasi, bertambah teman. Blogger terdiri dari banyak kalangan, profesi, usia, dan dari seluruh dunia yang bisa saling berinteraksi setiap saat. Sangat besar potensi kita untuk memperluas pergaulan, mendapatkan teman-teman baru dan relasi-relasi baru khusunya dalam hobi atau profesi yang sama. Dari sana sangat memungkinkan terjadi tukar ide, berbagi pengalaman, bahkan potensi-potensi usaha.

6. Membantu orang lain
Manfaat blog yang keenam: Anda akan mendapatkan pahala kebaikan jika menuliskan hal-hal positif, guna membantu orang lain mengatasi masalah. Di blog Anda bisa menulis tips-tips atau pengetahuan dalam bidang tertentu yang bermanfaat bagi orang lain. Banyak orang lari ke internet ketika punya masalah, misalnya komputer nge-hank, atau jika burung kesayangannya tiba-tiba "puasa" berkicau.

7. Menghasilkan uang.
Manfaat blog yang ketujuh: blog bisa menghasilkan uang. Di blog Anda bisa jualan, promosi barang dan jasa, juga bisa memasang iklan, termasuk Adsense Google yang dibayar dolar.

8. Mengikat ilmu.
Manfaat blog yang kedelapan adalah mengikat ilmu. Ilmu harus diikat agar tidak lepas. Blog merupakan sarana pengingat ilmu pengetahuan, juga menjadi penyimpan ide atau gagasan. Anda dapat menuliskan ide untuk teman-teman, keluarga, dan dunia.

9. Buku Harian (Online Diary).
Manfaat blog yang kesembilan: blog bisa dijadikan sebagai buku catatan online yang bisa dibaca semua orang. atau sebagai diary pribadi saja.

Demikian 9 manfaat blog yang pasti sudah dirasakan oleh para blogger berpengalaman. Anda yang belum punya blog, just... go blogging! Cara membuat blog sangat mudah.*

Read more ...

Template Blog SEO Friendly, User Friendly, Fast Loading, dan Adsense Ready

Template Blog SEO Friendly, Fast Loading, User Friendly, dan Adsense Ready adalah template blog yang "diburu" para blogger yang sudah mengerti arti Search Engine Optimization (SEO) blog.

UPDATE!
Koleksi Template Blog SEO Friendly, User Friendly, Fast Loading, Adsense Ready, plus... Responsive, ada di sini: Template SEO. 

Template Blog SEO Friendly adalah template blog yang "bersahabat dengan mesin pencari", terutama Google, sehingga blog mudah terindeks, menempati peringkat atas atau paling tidak di halaman depan hasil pencarian, dan banyak pengunjung.

Template Blog Fast Loading adalah template blog yang loading atau tampilannya cepat saat dibuka oleh user, pengunjung, atau pembaca.

Template Blog User Friendly adalah template blog yang bersahabat dengan pembaca atau memudahkan pembaca dalam menemukan data/posting yang dicarinya, juga enak dipandang, dan navigasi blognya memudahkan user dalam browse artikel lain di dalam blog.

Template Blog Adsense Ready adalah template blog yang sudah menyediakan ruang (space) atau kolom untuk Google Adsense atau kode iklan/Adsense lainnya. Blogger tinggal memasukkan kode iklan saja, gak usah ribet lagi utak-atik kode atau Edit HTML.

Bagaimana jika keempat kriteria template blog idaman para blogger itu ada dalam satu template blog untuk blogspot? Ini jawabannya: Simple SEO Blogger Template. Mau?

- DEMO
- DOWNLOAD

Simple SEO Blogger Template dirancang sedemikian rupa sehingga memenuhi kriteria template blog yang SEO Friendly, User Friendly, Fast Loading, dan Adsense Ready sekaligus!

Simple SEO Blogger Template ini hasil redesign CONTOH BLOG dengan memodifikasi Thesis SEO Bloggertemplate yang cukup terkenal SEO itu. Seperti disebutkan sang desainer, Blog Juragan, Thesis SEO Bloggertemplate ini memiliki fitur:

- SEO Friendly
- Visitor Friendly
- Dilengkapi dengan Dinamic heading (h1 pada header di index, dan h1 di judul post pada halaman posting)
- Dilengkapi dengan dinamic metatag deskripsi dan keyword otomatis (metatag wajib untuk menghindari duplikat meta deskripsi & keyword)
- Quicklink ke kotak komentar
- Sudah dipersenjatai Autoreadmore
- dilengkapi dengan tambahan beberapa Meta tag untuk mempermudah robot menjelajah blog sobat.
- Loading yang cepat
- Konsep minimalis & simple
- dll.

Nah, CONTOH BLOG memodifikasinya lebih SEO lagi dengan menambahkan, antara lain:
- Related Posts --posting terkait
- Social Share --fasilitas share ke Facebook, Twittter, dan Google Plus, dan LinkedIn.
- Memasang kolom atau ruang iklan/adsense di awal postingan blog (LIHAT DEMO). Anda tinggal mengganti kode iklan dengan milik Anda setelah kodenya di-PARSE dulu.
- Memasang space iklan/adsense di bawah menu navigasi --Unit Google Adsense 728x15 Pixel.
- Mengubah lebar sidebar menjadi 366 Pixel --untuk Unit Google Adsense ukuran 366x280 Pixel.
- Mengubah menu navigasi menjadi di bawah nama/logo header blog
- Mengubah warna menu navigasi yang bisa diubah lagi sesuai dengan selera dengan menggunakan Kode Warna HTML.
- dll.

Kecepatan template Simple SEO Blogger Template ini, menurut GT Metrix, yaitu 93% (A). Bisa berubah jika Anda gunakan, tergantung ukuran gambar/foto yang ditambahkan ke postingan.

CAUTION! Jika Anda menggunakan template blog Simple SEO Blogger Template ini, JANGAN hapus footer credit yang ada di footer sebelah kanan or... Something Bad Will Happen to Your Blog.

Good luck!!!

DEMO DOWNLOAD

UPDATE!!!
Koleksi Template Blog SEO Friendly, User Friendly, Fast Loading, Adsense Ready, plus... Responsive ada di sini: Template SEO. Cekidot !!!

Read more ...

Cara Membuat Related Post di Blog Blospot

Menambahkan daftar posting terkait (related posts) di bawah tiap posting blog tidak hanya menambah keren blog, tapi juga membantu meningkatkan pageviews. Posting terkait ini sangat bermanfaat bagi blogger sendiri dan user. Pengunjung dengan mudah menemukan topik-topik terkait atau artikel menarik lainnya di blog Anda.

UPDATE!
Gunakan yang ini, lebih OK:
Membuat Related Post yang Aman dari Sisipan Link

Posting terkait (related posts) menyajikan posting alternatif kepada pembaca dan "membujuk" mereka berlama-lama di blog Anda.

Ini dia cara membuat daftar posting terkait (related posts) di bawah tiap posting. Dari sekian banyak cara membuat posting terkait, ini salah satu yang aman, tanpa "injeksi" dan "penyusup" apa pun yang biasanya berisi link blog tertentu. Blog ini pun menggunakan kode Related Posts yang dimodifikasi dari Cool Word In.

Cara Membuat Related Posts di Blogspot

1. Dashboard → Template → Edit HTML.
2. Temukan kode [ctrl+F] </head>
3. Copy & Paste kode di bawah ini sebelum kode </head>

<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 10px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 15px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 10px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background: url("http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-
vzWTTOgXs/s1600/bullet-list.gif") no-repeat 0 0px;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script>

4. Sekarang temukan kode [gunakan: Ctrl+F] <data:post.body/>
5. Paste kode di bawah ini setelahnya atau di bawahnya. Jika ada lebih dari satu <data:post.body/>, gunakan yang kedua.

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<h2>Related Posts on <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/></b:if></b:loop> </h2>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div></b:if>

6. SAVE Template!

Jika Cara Membuat Related Post di Blog Blospot di atas gagal, CB sarankan menggunakan cara yang satu lagi, lebih OK!

Ini dia > Membuat Related Post yang Aman dari Sisipan Link

Good Luck!

Read more ...

Cara Memperbaiki Meta Tag H1 Blogspot

Kadang sebuah template blog SEO pun "missing H1 Tag" saat dicek di Chkme atau situs jasa pengecek Meta Tag lainnya. Sedangkan H1 sangat penting dibaca oleh mesin pencari karena H1 Tag merupakan "tanda pengenal" blog kepada mesin pencari dan user.

Ini dia Cara Memperbaiki Meta Tag H1 Blogspot yang dianggap "missing" alias "tidak ada" oleh Chkme.

1. Dashboard --> Template --> Edit HTML
2. Cari kode <div id='header-inner'> atau sama dengan kode berikut ini :

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a>
</div>

3. Tambahkan elemen <h1> dan penutup </h1> di dalam html tersebut. Ada dua pilihan.

Jika judul/nama blog Anda menggunakan huruf (bukan logo):

<div id='header-inner'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a></h1>
</div>

Jika judul/nama blog Anda menggunakan logo/gambar (bukan huruf):

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1></a>
</div>

3. Save!

Silakan cek kembali dan good luck!

Read more ...

Cara Menguji Kecepatan Tampilan Blog

Kecepatan tampilan blog (fast loading) adalah salah satu faktor yang diperhitungkan oleh mesin pencari (search engine), bagian dari tips SEO (Search Engine Optimization), dan faktor penentu peringkat (ranking) blog di halaman hasil pencari Google.

Google dan user (visitor, pengunjung, pembaca) sangat suka blog yang tampilannya cepat (fast loading), tidak berat alias tidak lelet. Google bahkan memberikan panduan resmi cara mempercepat loading blog.

Template Blog SEO Friendly atau SEO Ready umumnya memiliki kecepatan tampilan yang baik. Setidaknya ada 7 template blog SEO Friendly yang tampilannya cepat (fast loading blogger template).

Secepat apakah template tampilan blog Anda? Mana yang tampilannya tercepat di antara template blog yang SEO Friendly? Kita bisa mengujinya di sejumlah situs.

Cara Menguji Kecepatan Tampilan Blog
Cara menguji kecepatan tampilan blog yaitu dengan membandingkan dua template blog dan menganalisis keduanya.

Tempat uji kecepatan template blog antara lain di dua situs ini:
1. Which Load Faster.
2. GT Metrix.

Tidak usah dibuka dua-duanya, cukup buka yang pertama (Which Load Faster). Siapkan URL blog yang mau Anda uji/bandingkan.

Setelah ada hasil, Anda bisa melihat detail atau analisisnya di GT Metrix dengan mengklik masing-masing link blog masih di halaman Which Load Faster.

Sebagai contoh, template blog Johny Wuss menjadi template blog tercepat versi Which Load Faster, mengalahkan Thesis SEO Blogger, Simply Faster, dan Fastest Magz. The winner is... Johny Wuss!!!

Anda bisa mengecek sendiri. Siapa tahu skornya sudah berubah karena ada update dari desainernya.*

Read more ...

Unescape Decoder and Encoder for Javascript

Cek template Anda. Apakah ada kode Javascript yang "rumit" yang tidak dimengerti "manusia"? Itulah kode yang sudah di-encoding. Biasanya, kode yang disebut "Unescape" itu digunakan untuk nge-hack dan/atau memasukkan link ke dalam template agar tidak terdeteksi dan tidak gampang dihapus.

Nah, jika ada kode demikian, maka gunakan alat ini untuk mengubahnya (decoding). Anda bisa "intip" dulu kode yang sudah di-encode --untuk di Google Chrome-- dengan cara:

1. Blok dulu kode atau teks yang "diduga" di-encode
2. Klik kanan mouse >> pilih "Inspect Element"
3. Ingat-ingat kode tersebut, biasanya diapit oleh <script/javascript> .... </script/javascript>
4. Kalu sudah ditemukan, copy dan paste di kolom di bawah ini.
5. Silakan ubah dan REPLACE ke kode yang di-encoding.

Unescape Decoder and Encoder for Javascript. This online tool will Decode and Encode Unescape. People often use Unescape when hacking and inserting links. This tool is good for decoding such hacks and iFrame codes. Source and Thanks to: Taree Internet.

Online Unescape Decoder and Encoder

Place Plain Source Here and Hit Encode


   

Paste Encoded Here and Hit Decode


This can be used with the unescape( ); function in JavaScript.
This online tool will Decode and Encode Unescape

People often use Unescape when hacking and inserting links.
This tool is good for decoding such hacks and iFrame codes.

Taree Internet SEO - SEO Forums

Read more ...

Cara Membuat OpenID Blog untuk Komentar

Cara membuat OpenID blog untuk komentar itu mudah, namun sering ada error (kesalahan) saat digunakan. Bagaimana cara mengatasinya?

OpenID adalah sebuah standar desentralisasi dan terbuka bagi autentifikasi pengguna (user) dan kontrol akses yang memungkinkan pengguna (user) untuk masuk ke dalam berbagai layanan hanya dengan satu identitas digital (ID) yang sama.

Jika pengertian OpenID dari Wikipedia itu malah membuat Anda bingung, begini aja praktisnya: Open ID blog adalah identitas kita sebagai blogger dan/atau penulis komentar di blog orang lain.

Bagi blogger pemula atau yang belum mengerti OpenID, coba lakukan ini untuk memahami OpenID Blog: 

Anda login ke blogger atau buka blog Anda, lalu buka blog orang lain, atau blog ini, scroll ke kolom komentar. Nah, di sana, di bawah ruang komentar, akan ada tulisan "Comment as:" / "Komentar sebagai:" dengan pilihan, salah satunya, di bagian paling bawah, ada OpenID. Itu dia yang dimaksud OpenID dalam posting ini.

Cara Membuat OpenID Blog

Cara Membuat Open ID Blog untuk berkomentar di blog lain sangat berguna, terutama bagi Blogger yang ingin berkomentar dengan menggunakan alamat blog langsung (bukan Profil Blogger) dan berbeda-beda (kalo punya banyak blog).

Open ID berupa alamat blog akan menjadi "backlink" yang sangat bagus buat SEO Blog. Blogger lain klik link tersebut, akan langsung dibawa menuju blog kita, bukan ke profil blogger.

Begitu kita membuat blog, otomatis kita punya OpenID berupa alamat blog, misalnya http://contohblognih.blogspot.com.

Lokasi OpenID blogger ada di Dashboar >> Setting >> Other >> OpenID. 

Namun, seringkali OpenID tersebut tidak bisa digunakan. Sering muncul tulisan begini: "Your openid Credentials Could Not be Verified".

Nah lho! Bagaimana mengatasinya...? Lakukan verifikasi bahwa itu merupakan OpenID milik kita dengan cara:

1. Dashboard >> Template >> Edit HTML
2. Cari kode <head>. Ada di bagian atas. Biar yakin, gunakan CTRL+F dan tuliskan <head>
3. Simpan atau Copas kode di bawah ini setelah <head>

<link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/>
<link href='http://contohblognih.blogspot.com' rel='openid.delegate'/>

Ganti nama blog "contohblognih" dengan alamat/nama blog Anda setelah kode verifikasi OpenID itu dicopas di bawah <head>

Jika kode tersebut tidak berhasil, coba ganti dengan kode berikut ini:

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> 
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

4. Save Template!

Itu dia Cara Membuat OpenID Blog untuk Komentar.

Penyebab "Ups! Itu Kesalahan"

Banyak sekali kasus OpenID yang gagal, muncul "Ups! Itu Kesalahan" (Oops! That's an Error). Apa penyebabnya?

Penyebab utama adalah blog yang kita komentari tidak mengizinkan penggunaan OpenID, yaitu di settingan komentarnya hanya membolehkan registered user misalnya.

Penyebab lainnya, kemungkinan gagal menggunakan OpenID adalah sebagai berikut (Sumber: Meta Stack Overflow):

1. Are you behind a proxy or firewall? 
2. Have you modified the default cookie policy in your browser? 
3. Have you tried clearing your domain cookies? 
4. Have you tried in a different browser? 
5. Are you able to log in to other sites that support OpenID? *** Penting ***
6. Does your OpenID profile have invalid information in it? 
7. Is your site especially slow to respond? 
8. Do you use a self-signed SSL certificate? 

Cara Mengatasi "Ups! Itu Kesalahan" dalam OpenID

Lengkapi dengan Daftar ke StackExchange!
Karena banyak komentar tentang kegagalan dan kesulitan membuat OpenID blog, CB update lagi posting ini tentang cara mengatasi "Ups! Itu kesalahan" dalam komentar dengan OpenID blog.

Setelah Anda menyimpan kode berikut ini di bawah <head>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> 
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Langkah berikutnya silakan daftar di StackExchange. Ikuti petunjuknya.

Setelah Anda bisa login, klik menu "Use your own URL to log in", akan muncul kode seperti ini:

If you want to use your own URL to log in, add the following two tags to the head of the HTML:

<link rel="openid2.provider" href="https://openid.stackexchange.com/openid/provider">
<link rel="openid2.local_id" href="https://openid.stackexchange.com/user/9828f7be-2f9c-400e-83e6-8362ebc795c3">

This is known as OpenID delegation.

Kombinasi kode angka dan huruf warna merah (9828... dst) akan berbeda-beda. Punya Anda akan berbeda dengan punya CB.

Nah, copas dua baris kode berawalan <link rel="...> tersebut. Edit dulu sedikit, dengan mengubah tanda petik dua (") menjadi petik satu ('), serta tambah haris miring (/) sebelum tanda > menjadi />

Simpan di bawah atau di atas kode sebelumnya yang sudah disimpan di bawah kode <head>. Sehingga selengkapnya akan seperti di bawah ini:

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> 
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link rel='openid2.provider' href='https://openid.stackexchange.com/openid/provider'/>
<link rel='openid2.local_id' href='https://openid.stackexchange.com/user/9828f7be-2f9c-400e-83e6-8362ebc795c3'/>

Jangan lupa, saat Anda berkomentar, Anda harus dalam keadaan login ke StackExchange.

Demikian Cara Membuat OpenID Blog untuk Komentar dan cara mengatasi masalah errornya. Semoga membantu. Good luck...!

Read more ...

Hasil Liga Inggris Sabtu

Hasil Liga Inggris Sabtu (26/10/2013)  mengukuhkan Arsenal di puncak klasemen sementara. Hingga pekan ke-9, Arsenal mengoleksi 22 poin dan Liverpool 20.

Arsenal menambah tiga poin saat bertandang ke Crystal Palace. Liverpool mengalahkan tamunya, West Bromwich Albion, dengan skor telak 4-1.

Manchester United menang atas tamnya, Stoke City, dengan skor 3-2. Manchester City baru akan bertanding Minggu (27/10/2013) kontra Chelsea.

Hasil Liga Inggris Sabtu (26/10/2013)
FT Crystal Palace 0 - 2 Arsenal
FT Aston Villa 0 - 2 Everton
FT Liverpool 4 - 1 West Bromwich Albion
FT Manchester United 3 - 2 Stoke City
FT Norwich City 0 - 0 Cardiff City
FT Southampton 2 - 0 Fulham

Klasemen Sementara Liga Inggris Hingga Sabtu (26/10/2013)
1 Arsenal 22
 2 Liverpool 20
 3 Southampton 18
 4 Everton 18
 5 Chelsea 17
 6 Manchester City 16
 7 Tottenham Hotspur 16
 8 Manchester United 14
 9 Hull City 11
 10 Newcastle United 11
 11 Swansea City 10
 12 West Bromwich Albion 10
 13 Aston Villa 10
 13 Fulham 10
 15 Cardiff City 9
 16 West Ham United 8
 17 Stoke City 8
 18 Norwich City 8
 19 Crystal Palace 3
 20 Sunderland 1

Sumber: Livescore

Read more ...

Cara Agar Blog Fast Loading alias Tidak Tampil Lelet

BLOG yang tampilnya lama alias lelet (slow loading), akan ditutup oleh pengunjung. Sebaliknya, blog yang fast loading alias tampilnya kenceng (cepat), akan disukai bukan saja oleh pengunjung, tapi juga oleh mesin pencari.

"Make your blog load faster!" kata Google. Jadikan blogmu tampil lebih cepat!

Lalu, bagaimana cara agar blog "Fast Loading" alias tidak tampil lelet? Cara pertama adalah dengan memiih template blog yang fast loading dan/atau SEO Friendly.

Anda bisa menggunakan Thesis SEO Bloggertemplate yang memiliki skor kecepatan 94% atau Template Johny Wuss yang memiliki skor kecepatan 85% versi GT Metrix.

Anda juga bisa memilih salah satu dari 7 Template Blog SEO Friendly Terbaik versi Contoh Blog.

Cara kedua, ikuti tips "Make your blog load faster" dari Google berikut ini.

The speed at which your blog loads is critical to attracting more readers to your blog. If your blog takes a long time to load, many readers may leave your blog before they have the chance to read it. 

Kecepatan loading blog penting untuk menarik lebih banyak pembaca. Jika blog Anda membutuhkan waktu lama untuk loading (tampil), banyak pembaca akan meninggalkan blog Anda sebelum mereka memiliki kesempatan untuk membacanya.

Inilah beberapa tips dan trik yang membantu blog Anda tampil lebih cepat dan menarik lebih banyak pengguna.

Posts

Blog Anda tampil lambat, bisa jadi karena jumlah posting di halaman utama (main page/home). Anda bisa mengedit jumlah post yang tampil di halaman utama dari tab Layout (Tata Letak) di dashboard. Klik "Edit" di seksi "Blog post" untuk mengubah jumlah post yang akan tampil di home. Google merekomendasikan jumlah post di bawah 10 posting, antara 5-7 posting saja.

Third Party JavaScript and Links

For optimal blog load speed, we recommend using Google/Blogger widgets, JavaScript and links. However, if you need to use third party JavaScript and links, your blog will load much faster if you put all JavaScript at the bottom of your blog. If you have third party JavaScript and links in your sidebar, put them in at the bottom of the sidebar.

Images and Media

Jangan mengupload gambar yang berukuran besar. Ini memperlambat loading blog. Kurangi juga menampilkan multi-media seperti video. Pastikan ukuran gambar atau foto kurang dari 100kb, baknya di bawah 50kb, biar ringan.

Jadi, kalo upload foto ke blog, edit dulu fotonya, kecilkan ukurannya. Ukuran besar bisa Anda simpan di Picasa atau Flickr, lalu linknya aja yang disimpan di blog. Good Luck!

Read more ...

Cara Membuat Blog: Panduan Lengkap

Panduan lengkap cara membuat blog ini ditujukan khususnya bagi mereka yang sangat awam tentang blog. Anda yang sudah "jago ngeblog" tidak harus membacanya, cukup rekomendasikan kepada teman Anda yang mau membuat blog tapi tidak tahu harus memulai dari apa atau dari mana ^_^

*** Biar mudah, silakan DOWNLOAD dan Print Panduan Membuat Blog ini.

Panduan cara membuat blog ini untuk platform blog Blogspot atau Blogger, yaitu blog yang di belakang alamat blognya ada blogspot.com, seperti http://www.contohblognih.blogspot.com.

Mengapa blogspot karena blog ini paling populer di dunia. Tentang keunggulan blogspot atas platform blog lain bisa dibaca 5 Keunggulan Blogspot Dibandingkan Blog Lainnya.

Cara Membuat Blog di Blogger

Baiklah, kita mulai saja panduan cara membuat blog di blogger/blogspot yang dilengkapi dengan "sedikit" tips SEO Blog-nya ini.

Tidak Perlu Email
Membuat blog di blogspot TIDAK MEMERLUKAN EMAIL karena pada dasarnya begitu SIGN UP Anda membuat email juga, yaitu email di gmail (Google Mail).

Makanya, yang sudah punya email di gmail, blognya tinggal bikin aja! Klik menu "More" dan pilih "Blogger", atau buka Tab baru dan ketik www.blogger.com.

TAHAPAN MEMBUAT BLOG
Ini dia langkah membuat blog di blogger/blogspot:
1. Buka www.blogger.com atau www.blogspot.com.
2. Klik tombol SIGN UP di sudut kanan.

3. Akan muncul halaman "Create your Google Account". Isi deh tuh "formulir" yang tersedia.
4. Jangan lupa centang "I Agree to Google Term of Service and Privacy Policy"
5. Klik "Next step".
6. Akan muncul halaman bertuliskan "Welcome! 
Your new email address is namaemailanda@gmail.com

Ini artinya, Anda sudah membuat email di Gmail (punya email baru di Gmail) dengan password yang Anda isikan di "formulir" sebelumnya. Simpan tuh password di tempat paling aman.

7. Klik "Back to blogger".
8. Akan muncul halaman "Selamat di Datang di Blogger" atau "Welcome to Blogger".

Di sudut kanan atas, ada pilihan bahasa. Pilih bahasa yang Anda kehendaki. Bisa Bahasa Indonesia, bisa juga Bahasa Inggris. Kita pilih "Bahasa Indonesia" > Indonesian (Bahasa Indonesia).

9. Di bagian "Konfirmasikan Profil Anda", ada dua pilihan membuat profil, di Google Plus atau profil Blogger. Pilih aja "Profil Blogger" dengan nge-klik "Buat profil terbatas".

10. Isi deh kolom yang tersedia, yaitu "Nama Tampilan".
Di sini Anda bisa menentukan nama tampilan Anda sebagai blogger, misalnya nama Anda sendiri atau nama lain. Kayak di Facebook atau di Twitter gitu lho....!

11. Setelah diisi, klik "Lanjutkan ke blogger".
12. Maka... tampillah halaman Blogger Anda dengan nama "Blog <Profil Blogger/Nama Tampilan>".

13. Klik tombol "Blog baru" yang ada di samping kanan, bersebalahan dengan teks "Ciptakan blog Anda. Anda belum punya blog apa pun, buat satu sekarang juga dan mulai tulis pos Anda!"

14. Setelah diklik "Blog baru", akan muncul "formulir" pembuatan blog: "Daftar Blog  ›  Buat blog baru"

15. Isilah kolom yang tersedia, yaitu Judul (nama blog Anda) dan Alamat (yaitu alamat URL blog Anda).

Usahakan Judul (nama blog) relevan dengan Alamat URL. Misalnya, Judul: Contoh Blog. Alamat URL: contohblognih.blogspot.com. Judul dan alamat blog yang selaras akan membuat blog cepat terindeks Google dan cepat populer. Istilahnya: akan SEO (Search Engine Optimization) banget!

16. Pilih salah satu template yang Anda sukai, misalnya Template "Sederhana" (Simple). Klik templatenya!
17. Klik tombol "Buat blog" (Create blog) dan.....
18. Akan muncullah... "Blog Anda telah dibuat!" dan terbukalah ini....

Cara membuat blog tahap awal sudah SELESAI. Anda sudah punya blog! Selamat! Happy blogging...!!!

Mulai Posting! Tell the World!

19. Mulailah menulis posting (tulisan) di blog Anda yang baru saja dibuat. Caranya, klik teks "Mulai mengeposkan" atau tombol warna orange berlogo pena.

Tombol itu pula yang harus Anda klik setiap kali akan menulis posting baru.

20. Setelah tombol "warna orange berlogo pena" yang artinya "buat entri baru", maka akan muncul halaman untuk membuat posting/tulisan.

21. Isi "Judul Pos" dengan judul tulisan Anda.
22. Klik kolom gede yang ada di bawahnya, yaitu kolom naskah. Isilah, tuliskan posting Anda di sana.

Jika tulisan Anda sudah disiapkan di file MS Word, sebaiknya jangan langsung Copy-Paste (Copas), apalagi kalau ada bagan atau gambar. Copy Paste dulu ke NOTEPAD, lalu atur spasi antarparagrafnya dengan ENTER di setiap ujung paragraf. Ingat! Tulisan di blog tidak mengenal "tekuk ke dalam" (indent).

Tips SEO: Sebaiknya, posting pertama Anda berupa "Basic Article". Apa itu basic article, silakan baca Posting Pertama Blog yang Sering Dilupakan.

CATATAN:
Jangan lupa, isi kolom Label di sebelah kanan. Itu untuk membuat kategori tulisan. Jika dikosongkan, maka akan menjadi "unlabelled" atau "uncategorized" yang gak bagus buat SEO Blog.

Menambahkan Foto/Gambar di Posting Blog

23. Kalo sudah, dan mau memasukkan foto, klikkan cursor mouse Anda di depan huruf pertama naskah posting, di bagian paling kiri, ujung kiri, naskah yang baru saja Anda tulis.

24. Klik tombol kota bergambar latar belakang biru (di samping kanan teks Link).

Akan muncul halaman pop-up "Pilih file" atau "Choose files". Klik "Choose files" dan silakan klik foto/gambar yang ada di folder komputer Anda, dan klik "Open".

25. Klik "Add selected", maka foto akan masuk ke naskah.

26. Klik sekali foto yang sudah ada di naskah!

Di bagian bawah foto akan muncul menu kecil-kecil, yaitu ukuran foto yang akan ditampilkan (small - medium - large - X large -original size) dan posisi foto (left - center - right).

27. Juga ada "Add caption" (untuk menuliskan keterangan foto) dan "Properties".

28. Pilih "Small" atau "Medium"!

29. Klik "Propertis" dan isi "title text" (nama foto) dan "alt text" (alternative text). Selaraskan nama foto dan alt text dengan judul dan isi postingan (tulisan) Anda, lalu Klik "OK".

Deskripsi gambar (title & alt) ini WAJIB diisi. Jika tidak, gambar tidak seo friendly dan skor seo blog Anda akan berkurang. (Baca deh: 5 Cara Optimisasi Gambar untuk SEO Blog).

Posts Setting

29. Post setting (di sebelah/sidebar kanan), klik "Label" (tuliskan label/kategori posting Anda di sana, misalnya "Opini" atau "Berita" atau "Ceritaku" dll.)

30. Klik "Search Description" dan isi dengan teks judul posting Anda atau target kata kunci yang Anda incar di mesin pencari.

31. Selesai? Klik tombol "Publish" / "Publikasikan".

32. Selamat! Suara Anda sudah mendunia. Go international! Anda sudah menjadi bagian dari warga dunia yang sharing dan berekspresi. Lanjutkan! Keep blogging!

Catatan: Memunculkan Kolom Deskripsi (SEO Blog)
- Untuk memunculkan "Search Description" (Deskripsi Pencarian) saat menulis posting, klik "Setting"  > "Basic" > Edit Description!

- Klik juga "Seacrh Preference" dan isi Meta Tags!

33. Baca tips blogging lainnya di blog ini. Good luck...!!!

CARA BUKA BLOG
Jika nanti Anda memulai blogging lagi, tinggal buka saja www.blogger.com sebagaimana langkah awal Anda membuat blog di atas.

Namun, kali ini Anda tinggal LOGIN/MASUK dengan menggunakan email dan password gmail yang sudah Anda buat dan miliki (poin 1 s.d. 6 di atas). Keep Blogging! (Copyright (c) http://contohblognih.blogspot.com).*

*** Biar mudah, sebaiknya Anda DOWNLOAD dan print Cara Membuat Blog Panduan Lengkap ini, sudah termasuk  Cara Membuat Blog Lanjutan dan  Cara Mengganti Template.

Read more ...

Cara Pasang Page Facebook dan Twitter di Blog

Cara Pasang Page Facebook dan Twitter di Blog sangat mudah. Kita tinggal meletakkan kodenya di Gadget, Sidebar, atau Widget Blog kita. Pemasangan Fans Page Facebook dan Twitter di Blog ini dianjurkan oleh para pakar media sosial untuk menaikkan jumlah fans, teman, dan follower.

Cara Pasang Page Facebook di Blog
1. Buat dulu Fans Page-nya di Create a Page.
2. Masuk ke Facebook Developer.
3. Klik menu Docs.
4. Pilih "Social Plugin"
5. Klik "Like Button"
6. Masukkan URL Fans Page dan silakan atur sendiri lebar, panjang, dan lainnya di sana.
7. Get Code. Dapatkan kodenya dan copy paste di "Add a Gadget" --> "HTML/Javascript" di sidebar blog Anda.
8. Save. Beres!

Cara Pasang Widget Twitter di Blog
1. Buat dulu akun Twitternya. Create an Account.
2. Buka atau Masuk ke Create a Twitter Widget.
3. Copy paste di "Add a Gadget" --> "HTML/Javascript" di sidebar blog Anda.
8. Save. Beres!

Good Luck!

Read more ...

Cara Membuat Kotak Pencarian Menu Search di Blogspot

Cara Membuat Kotak Pencarian Menu Search di Blogspot sangat mudah. Tinggal klik LayOut, "Add Gadget", dan pilih Gadget "Search Box" atau "Kotak Penelusuran". Save!

Kurang berkenan dengan tampilan menu search atau kotak pencarian versi blogger? Ini dia alternatif   Kotak Pencarian Menu Search di Blogspot yang Contoh Blog kumpulkan dari berbagai sumber dan sudah dites satu-satu.

Setelah "Add a Gadget", pilih "HTML Javascript", dan pilih salah satu kode Kotak Pencarian atau Menu Search berikut ini. Dicoba saja satu-satu, lihat hasilnya, dan pilih yang menurut Anda bagus.

Kode Kotak Pencarian Menu Search Blog #1

<form action="http://namablog.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit" name="submit" type="submit"/></form>

Kode di atas ini yang dipake CB Blogger.

Kode Kotak Pencarian Menu Search Blog #2

<span style='float:right;'>
<style type="text/css"> #a-searchbox{background:url(http://2.bp.blogspot.com/-mOcbojPwG1U/UOiqgUK1LwI/AAAAAAAAAak/ZwmGebAuDfU/s1600/search.box.png) no-repeat scroll center center transparent;width:300px;height:35px;disaply:block;} form#a-searchform{display: block;padding: 10px 12px;margin:0;} form#a-searchform #a{padding: 0px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="a-searchbox"><form id="a-searchform" action="/search" method="get">    <input type="text" id="a" name="q" value="Search Here..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" /> </form></div>
</span>

Kode Kotak Pencarian Menu Search Blog #3

<form action="/search" style="display:inline;" method="get">
<input id="s" name="q" type="search" placeholder="Search Here...."/>
</form>
<style>
#s {
    margin: 0 auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 12px 48px 12px 12px;
    -webkit-border-radius: 200px;
    -moz-border-radius: 200px;
    border-radius: 200px;
 width: 300px;
    height: 16px;
    color: #3a4449;
    border: none;
    outline: none;
    -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 2px 0 rgba(255,255,255,.3), inset 0 1px 2px rgba(0,0,0,.2);
 position: relative;
    z-index: 2;
    background: #fff url(http://2.bp.blogspot.com/-RdCoLqn34t4/UDeUFSTJ17I/AAAAAAAAKqg/GxdClZ5RjXg/s1600/Search.png) center right no-repeat;
}
#s::-webkit-input-placeholder, #s:-moz-placeholder {
    color: #607078;
}
</style>

Kode Kotak Pencarian Menu Search Blog #4

<style type="text/css">#mediablogger-searchbox {    border-radius: 5px;    background: url(http://1.bp.blogspot.com/-17dWPUuCMEE/UQr5WvW2inI/AAAAAAAAAWM/xWAzhlw4ez0/s1600/impoint.blogspot.com-green.png) no-repeat scroll center center transparent;    width: 307px;    height: 50px;    disaply: block;}  form#mediablogger-searchform {    display: block;    padding: 9px 16px;    margin: 0;}  form#mediablogger-searchform #s {    padding-left: 24px !important;    padding: 7.5px;    margin: 0;    width: 198px;    font-size: 16px;    font-family: georgia;    font-style: italic;    color: #666666;    vertical-align: top;    border: none;    background: transparent;}  form#mediablogger-searchform#sbutton {    margin: 0;    padding: 0;    height: 40px;    width: 74px;    vertical-align: top;    border: none;    background: transparent;}</style><div id="mediablogger-searchbox">    <form id="mediablogger-searchform" action="/search" method="get">        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}'        onblur='if (this.value == "") {this.value = "Search...";}' /></form></div>

Kode Kotak Pencarian Menu Search Blog #5

<style type="text/css">
#a-searchbox{
background:url(http://2.bp.blogspot.com/-TFiAlRSWJ9g/UPgqKjadhLI/AAAAAAAAC34/oU4c3NhIqWM/s1600/lostsector-search-box-blue.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#a-searchform{display: block;padding: 10px 12px;margin:0;}
form#a-searchform #a{padding: 6px;margin-left:20px;width: 205px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#a-searchform #abutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>
<center>
<div id="a-searchbox">
<form id="a-searchform" action="/search" method="get">
<input type="text" id="a" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
<input type="image" src="http://img1.blogblog.com/img/blank.gif" id="abutton" />
</form>
</div></center>

Kode Kotak Pencarian Menu Search Blog #6

<form id="searchThis" action="/search" style="display: inline;" method="get"><input onfocus="if(this.value==this.defaultValue)this.value='';" value="Search this Site" type="text" id="searchBox" onblur="if(this.value=='')this.value=this.defaultValue;" style="width: 150px;color:#636363;" vinput="" name="q"> <input id="searchButton" value="Go" type="submit"></form>

Demikian banyak ya Cara Membuat Kotak Pencarian Menu Search di Blogspot? Good Luck!

Read more ...

Peringatan Buat Para Blogger Pengguna Template Johny

Peringatan Buat Para Blogger Pengguna Template Johny atau Johny Template yang tersedia di Maskolis, Mastemplate, dan di berbagai blog penyedia template johny. Peringatan ini diperkeras jika pengguna template johny mengunduhnya di blog lain, tidak langsung di blog resmi milik Johny.

Template bikinan Johny alias Maskolis alias Mastemplate ini keren-keren, good looking, dinamis, SEO Ready, Fast Loading, pokoknya #1 deh di dunia! Tapi ingat, inilah beberapa peringatan bagi Blogger Pengguna Template Johny:

1. Blogger Pengguna Template Johny harus tetap cantumkan footer link sang pembuat --utamanya link yang di sebelah kanan yang biasanya tertulis begini: "Template Created by Creating Website Published by Mas Template". Jangan dihapus! Hargai karya orang, terlebih karya sesama bangsa Indonesia!

2. Blogger Pengguna Template Johny harus melakukan "modifikasi" dan "kustomisasi" (customize) di dalamnya, khususnya di bagian footer link sebelah kiri, juga mengganti FeedBurner ID (RSS Subscribe) di dalam template yang biasanya "JohnyTemplate" menjadi FeedBurner ID blog Anda.

3. Blogger Pengguna Template Johny harus mengubah pubid AddThis (fasilitas social share) yang tadinya milik Johny menjadi milik Anda. Ada harus register dulu di AddThis untuk mendapatkan pubid (publication id).

4. Blogger Pengguna Template Johny yang mengunduh file template johny di tempat lain harus lebih waspada lagi karena biasanya penyedia  Template Johny itu mengubah dulu beberapa bagian di dalam Template Johny untuk menyisipkan link, kode, atau script tertentu demi kepentingannya. Waspadalah! Makanya, download langsung di blog resmi Blog Template Johny.

5. Jika Bung Johny kebetulah membaca posting ini, pastinya akan menambahkan apa lagi peringatannya bagi para blogger pengguna Template Johny.***

# Contoh Blog SEO Friendly. Blog untuk menguji template blog dan tips SEO Blog Blogspot dengan kata kunci contoh template blog, fast loading blog, tips seo, tips blog, seo friendly.

Read more ...