Cara Membuat Blog Agar Mudah dan Nyaman Menarik Dibaca

Cara Membuat Blog Lebih Menarik - Membuat blog menarik tentunya menjadi impian setiap blogger. Seperti kebangaan tersendiri bagi kita seorang blogger bila bisa membuat sebuah blog dengan tampilan desain yang menarik. Tapi di samping itu semua, beberapa masalah pun timbul. Terkadang kita terlalu fokus membuat blog agar tampil menarik, di lain sisi malah kita membuat loading blog menjadi berat karena terlalu banyak menambahkan elemen ke dalam blog kita.

Untuk itu saya akan coba memberi beberapa saran kepada anda bagaimana untuk membuat tampilan blog anda menjadi lebih menarik. Selain menarik, kita juga harus membuatnya tetap dalam perfomance yang baik. Artinya yaitu blog anda masih tetap cepat loadingnya dan memberikan kemudahan bagi user untuk menjelajahi blog tersebut.

• Mengganti Background Blog

Jika anda merasa tampilan blog anda yang sekarang biasa-biasa saja, anda bisa mencoba cara yang satu ini. Mengganti template blog bisa menambahkan nilai estetika untuk blog anda. Apalagi jika anda dapat memilih gambar yang tepat dan terlihat menyatu dengan elemen lainnya dalam blog anda. Untuk itu anda bisa membacanya disini Cara Mengganti Background Blog

Perlu anda ingat ! Untuk menjaga perfomance kecepatan loading blog, anda harus pintar-pintar memilih background blog yang berukuran di kisaran 20-35 KB tetapi masih enak untuk di pandang. Karena jika lebih besar dari ukuran tersebut, bisa saja beresiko membuat loading blog anda menjadi lambat.

• Memasang Beberapa Widget Pendukung

Selain background, penambahan widget-widget di blog anda juga bisa memperindah tampilan blog. Rasanya blog anda akan terlihat hambar jika tidak disertai dengan widget. Tapi anda juga harus bijak dalam memilih widget yang akan dipasang di blog. Sebab kebanyakan widget juga bisa membuat blog menjadi berat untuk di buka.

Anda bisa menambahkan widget-widget seperti Komentar Facebook, Popular Posts, Recent Comments, Arsip Blog, dan Alexa Widget. Saya rasa itu semua yang paling sering di gunakan oleh para blogger untuk melengkapi blognya..

• Perhatikan Keselarasan Warna Background dan Warna Font

Saya pernah mengunjungi sebuah blog dengan background gelap namun memiliki warna tulisan yang hampir menyatu dengan warna background. Hal ini sangat saya sayangkan, karena informasi yang ditampilkan di blog tersebut sangat menarik. Tapi saya sebagai pengunjung juga merasa tidak nyaman untuk membacanya. Untuk itu, perhatikanlah keselarasan hal tersebut di dalam blog anda. Pemilihan komposisi yang tepat bisa membuat blog anda tampil dengan menarik.

Selain itu masih banyak lagi cara-cara untuk membuat blog anda menjadi lebih menarik. Tapi tidak akan semua saya bahas disini, karena bisa jadi tidak muat dalam satu artikel. Apa yang saya bahas di atas hanya merupakan dasar-dasarnya saja. Selanjutnya silahkan anda kreasikan sendiri yang menurut anda itu menarik.

Bagi anda yang bingung untuk mengatur tampilan blog agar menjadi menarik, anda bisa coba menggunakan template blogspot yang saya punya. Anda bisa melihatnya di koleksi Template Blogspot Keren milik saya. Baiklah, saya rasa artikel kali ini mengenai Cara Membuat Blog Lebih Menarik cukup sampai disini saja.

Sumber : http://digitalareas.blogspot.com/2013/03/cara-membuat-blog-lebih-menarik.html

Selengkapnya »»  

Download Template Blog Gratis dan Keren

Download Template Blog Gratis dan Keren Perlu diketahui pemilihan sebuah template yang cocok dengan artikel yang ditulis dapat membuat tulisan lebih terasa feel-nya. Contoh yang paling gampang adalah blog misteri, tentunya template yang cocok adalah berwarna hitam sehingga mampu menunjukkan kesereman. Nggak lucu kan blog misteri tapi templatenya pink dengan headernya gambar hello kity. Dan semua itu tidak harus berbayar cukup yang gratis aja terutama bagi para pemakai blogspot

beberapa pilihan menarik template untuk blogspot yang bisa dimanfaatkan untuk ngeblog. Jadi apa saja itu berikut diantaranya. Monggo dipilih-dipilih!!!

1. Jeans Demo | Download
   
   
2. Leia Demo | Download
   
   
3. Integral Demo | Download
   
   
4. Mr. Techie Demo | Download
   
   
5. Your Blog 2.0 Demo | Download
   
   
6. Blogy Decorativo Demo | Download
   
   
7. GossipCity Demo | Download
   
   
8. Minyx Demo | Download
   
   
9. Glass Demo | Download
   
   
10. Colibri Demo | Download
    
    

Selengkapnya »»  

Cara Mengganti Background Blog dengan Gambar

Cara Mengganti Background Blog dengan Gambar Dalam mengedit dan memodifikasi sebuah blog, dibutuhkan pemikiran dan pandangan yang luas. Contohnya, background yang Anda ganti, template yang Anda download, artikel terkait yang Anda gunakan dll. Namun terlepas dari itu semua, kegunaan yang ingin didapat dari pengeditan tersebut bukan untuk tampilan yang mewah tetapi lebih ke kenyamanan pengunjung blog dalam melihat blog kita serta sedikit ditambahkan optimization SEO.

Pada artikel yang berjudul "Cara Mengganti Background Blog dengan Gambar" ini. Saya akan menjelaskan cara merubah background dengan gambar pada blog agar terlihat rapih dan membuat pengunjung merasa nyaman sehingga akan memaksimalkan traffic pengunjung yang lebih baik. Hal ini juga akan membuat pengunjung bertahan lama mengikuti setiap artikel yang kita buat. Untuk tutorial cara mengganti background tersebut sapat anda lihat dalam artikel kali ini.

Cara Mengganti Background Blog dengan Gambar :
1. Silahkan Anda ke halaman template, dan edit HTML
2. Lalu tekan CTRL+F dan carilah kode seperti ini : #body atau .body 
3. Setelah berhasil menemukan kode tersebut, carilah yang mirip seperti kode dibawah ini :

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
}

4. Setelah ketemu, Anda tinggal menambahkan kode ini :
url('url link gambar yang ingin dijadikan background') repeat-x; 
Sehingga, dari contoh kode diatas, menjadi :

body{
background:#ded8c0 url('url link gambar yang ingin dijadikan background') repeat-x; color:#28261A;font:12px verdana,arial,Sans-erif;text-align:left;margin:0;}

5. Klik Preview untuk melihat hasilnya. dan Simpan apabila gambar background telah sesuai dengan pengaturan tampilan Anda.

Gambar tersebut juga dapat diatur agar ketika di scroll ke bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x 880. Caranya tinggal kamu rubah  kata repeat-x; menjadi repeat-x top left fixed;

Atau kamu juga bisa merubah sebuah gambar kecil menjadi gambar besar. Caranya sama tinggal mengganti repeat-x; menjadi repeat scroll 0 0;

Demikianlah untuk tutorial Cara Mengganti Background Blog dengan Gambar semoga bisa membantu dan bermanfaat untuk blogger sekalian.

Selengkapnya »»  

Cara Mengganti Template Blog

Cara Mengganti Template Blog Pada saat pertama kali kita mendaftar untuk membuat blog, kita diharuskan untuk memilih template awal yang akan kita pakai. Mengapa harus menggunakan template? Ya, karena template adalah gabungan dari script kode HTML 5 dan CSS. Selain itu, untuk template web 2.0 saat ini sudah dapat digabung dengan fasilitas Javascript, JQuery, AJAX dan lain-lain. Tidak seperti website dengan platform berbassis Codeignitier, membuat, mengolah, dan mengganti template akan membutuhkan waktu yang sangat lama karena memakai berbagai macam bahasa pemrograman disertai teknik MVC ( Model,View,Controller ). Kalau dengan platform blogger, kita hanya perlu mencari template gratis yang kita mau. Carilah template yang SEO Friendly agar blog kita mudah terindex di search engine.

Cara Mengganti Template Blog adalah sebagai berikut :
1. Siapkan terlebih dahulu, template yang ingin diganti.
2. Exstract template apabila masih berbentuk file archive .RAR atau .ZIP
3. Kita hanya membutuhkan file dengan ekstensi .xml . Sebagai contoh template saya adalah impoint.xml
4. Login ke Blogger
5. Klik Nama Blog Anda, Lalu pilih Template.

6. Sebelum mengganti template, saya sarankan lebih baik Anda membackup data terlebih dahulu. Cara Backup template dan mengganti template dapat dilakukan di kotak Backup/Restore seperti gambar diatas.
7. Klik Backup/Restore.

8. Nah, untuk opsi no. 1 adalah buat anda melakukan backup template. Klik Download full template.
9. Untuk mengganti template blog, Anda klik opsi no.2 yaitu Choose File.
10. Pilih file dengan ekstensi .xml tadi untuk dijadikan template Anda.
11. Klik Upload.
12. Klik Pertahankan Widget.
13. Kalau Anda memilih Delete Widgets maka secara otomatis sidebar Anda akan kosong dari widget apapun dan lebih susah lagi untuk membuat masing-masing widget baru.
14. Selesai.

Untuk mengganti template dengan ekstensi notepad .txt contoh impoint.txt . Cara mengganti template sebenarnya hampir sama. Masuk ke Template, pilih Edit HTML. Lalu Centang Expand Widget Template. Tekan CTRL+A lalu Delete.

Kemudian, copy script kode yang ada di file Anda (Contoh : template.txt) . Paste dan letakkan di situ, dan klik Pratinjau untuk melihat. Kalau telah sesuai dengan keinginan Anda, klik Save Template.

Tentu bagi Anda yang telah Master Blog, cara mengganti template terbilang sangat sederhana dan mudah. Tetapi, saya memberithukan kepada para pemula blog yang ingin mengganti template. Topik artikel tadi membahas Cara Mengganti Template Blog yang baik dan benar. Semoga dapat bermanfaat untuk kemajuan ilmu pengetahuan kalian dibidang blogging. Terimakasi

Selengkapnya »»  

Cara Mengganti Icon Pada Blog

Cara Mengganti Icon Pada Blog - Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :
Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu .....
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode </head>

<link href='http://img87.imageshack.us/img87/5862/image1an1.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di 000webhost atau bisa juga di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.

http://img87.imageshack.us/img87/5862/image1an1.gif
http://img110.imageshack.us/img110/6218/image2ie0.gif
http://img98.imageshack.us/img98/9617/image3cr0.gif
http://img134.imageshack.us/img134/633/image4hx4.gif
http://img139.imageshack.us/img139/83/image5oa7.gif

Demikianlah  Cara Mengganti Icon Pada Address Bar semoga bisa membantu dan bermanfaat untuk anda sekalian.

Selengkapnya »»  

Cara Menjadikan Blog Kuat di SERP Google

Cara Menjadikan Blog Kuat di SERP Google - Bagaimana Caranya agar Blog kita kuat di serp Google? Ini menjadi momok bagi teman teman sekali saya rasa. Setiap blogger pasti berharap blog yang dibuatnya mampu bersaing dengan blog-blog lain dalam SERP. Tidak perduli apa pun tujuan dari pembuatan blog, hal pertama yang paling diimpi-impikan tentunya membuat blog dapat bersaing di SERP mesin pencari. Google menjadi source trafik nomor wahid, untuk bisa mendatangkan banyak pengunjung dari Google harus bisa menduduki ranking teratas di Google. Blog yang sukses menjadi nomor satu di Google sudah pasti melalui beberapa usaha dan tahapan. Memperbanyak backlink, posting artikel yang banyak, faktor SEO, dan beberapa upaya development blog lainnya.

Cara Menjadikan Blog Kuat di SERP Google

Bagaimana mengawali blogging dengan harapan bisa menduduki ranking terbaik di Google? Pertama yang harus kita persiapkan adalah niat, diikuti dengan kesungguhan, suka, dan konsistensi. Karena untuk bisa menjadi yang terbaik di Google akan membutuhkan keseriusan dan waktu, oleh karenanya kita membutuhkan sebuah keinginan yang kuat. Kemauan yang kuat akan menjadikan kita pantang menyerah ketika ditengah-tengah jalan kita menemukan berbagai macam kendala. Sudah lama ngeblog, berbagai macam cara untuk menjadikan blog teroptimasi tapi masih belum bisa melihat hasilnya. Disinilah kita akan termodali dengan kemauan yang kuat. Ekspektasi yang kita nanti belum juga terwujud, tetapi dengan bermodalkan kemauan yang sangat kuat disertai dengan usaha development yang terus berjalan, maka kita hanya memerlukan waktu untuk bisa melihat blog yang kita manage akhirnya mampu menembus posisi teratas di search engine.

Dapatkah bersaing dengan blog-blog lama yang sudah jauh hari berada dipanggung? Kondisi ini mungkin sering kali membuat sebagian dari kita merasa nervous. Rasa takut untuk bisa bersaing dengan rekan blogger senior seolah menjadi beban buat kita. Yang perlu diingat adalah “blogger senior juga mengawalinya dari nol, jadi untuk apa takut?!”. Jika anda sering mengamati SERP search engine sebenarnya anda sudah diberikan wacana yang sangat jelas terkait persaingan di SERP. Blog yang masih cukup baru, belum memiliki banyak backlink, PR blog baru 1 bahkan belum mendapatkan PR, namun blog-blog tersebut tenyata juga bisa bersaing dengan blog yang dari sisi mana pun berada jauh diatasnya. Jadi, rasa takut untuk kalah bersaing dengan blog-blog lama yang sudah memiliki popularitas cukup bagus hanya akan membuat anda gagal. Yakinkan diri anda bahwa anda juga bisa berada diatas.

Kembali ke title post, cara bisa bersaing di SERP. Kesimpulannya adalah, untuk bisa menjadi nomor satu di Google atau pun search engine lain tidak harus selalu bermodalkan kemampuan SEO seorang blogger, tetapi bagaimana blogger bersangkutan memiliki mental dan keseriusan. Kemampuan saja tidak cukup, kemauan saja juga masih belum cukup, jadi yang harus kita lakukan agar blog yang kita kelola mampu bersaing dalam SERP adalah dengan mengkombinasikan keduanya. Perlu diingat bahwa, semua kegiatan optimasi blog yang anda lakukan saat sekarang hasilnya baru akan anda lihat dikemudian hari.

Selengkapnya »»  

Cara Membuat Artikel Terkait dengan Fasilitas Scrolling

Cara Membuat Artikel Terkait dengan Fasilitas Scrolling -Sebelumnya saya pernah menjelaskan bagaimana cara membuat artikel terkait atau related post dan memang tanpa menggunakan fasilitas scroll bila Anda berkenan bisa baca kembalidisini. Kali ini postingannya dalam kategori yang sama yakni Bagaimana Membuat Artikel Terkait atau Related Post dengan fasilitas scroll. Seperti contoh pada gambar berikut ini. Untuk lebih jelasnya bisa Anda lihat Demonya.

Gimana Menarik bukan? Jika Anda tertarik untuk memasangnya ikuti langkah berikut ini:

Seperti biasa:

• Login ke blogger > pada dasboard pilih Template > Edit HTML > Lanjutkan.
• Jangan lupa centang Expand Templates Widgetnya.
• Letakkan kode berikut ini tepat dibawah kode <data:post.body/> (jika kode tersebut terdapat 3 pada template Anda pilih yang kedua).

<!--Related-Posts-dengan-Scroll--> <b:if cond='data:blog.pageType == &quot;item&quot;'><br/><br/><H2>Artikel Terkait:</H2><div class='rbbox'><div style='margin:0; padding:10px;height:100px;overflow:auto;border:1px solid #ccc;'><div id='albri'/><script type='text/javascript'>var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;var maxNumberOfPostsPerLabel = 4;var maxNumberOfLabels = 10;maxNumberOfPostsPerLabel = 15;maxNumberOfLabels = 3;function listEntries10(json) {var ul = document.createElement(&#39;ul&#39;);var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?json.feed.entry.length : maxNumberOfPostsPerLabel;for (var i = 0; i &lt; maxPosts; i++) {var entry = json.feed.entry[i];var alturl;for (var k = 0; k &lt; entry.link.length; k++) {if (entry.link[k].rel == &#39;alternate&#39;) {alturl = entry.link[k].href;break;}}var li = document.createElement(&#39;li&#39;);var a = document.createElement(&#39;a&#39;);a.href = alturl;if(a.href!=location.href) {var txt = document.createTextNode(entry.title.$t);a.appendChild(txt);li.appendChild(a);ul.appendChild(li);}}for (var l = 0; l &lt; json.feed.link.length; l++) {if (json.feed.link[l].rel == &#39;alternate&#39;) {var raw = json.feed.link[l].href;var label = raw.substr(homeUrl3.length+13);var k;for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);var txt = document.createTextNode(label);var h = document.createElement(&#39;b&#39;);h.appendChild(txt);var div1 = document.createElement(&#39;div&#39;);div1.appendChild(h);div1.appendChild(ul);document.getElementById(&#39;albri&#39;).appendChild(div1);}}}function search10(query, label) {var script = document.createElement(&#39;script&#39;);script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;+ label +&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);document.documentElement.firstChild.appendChild(script);}var labelArray = new Array();var numLabel = 0;<b:loop values='data:posts' var='post'><b:loop values='data:post.labels' var='label'>textLabel = &quot;<data:label.name/>&quot;;var test = 0;for (var i = 0; i &lt; labelArray.length; i++)if (labelArray[i] == textLabel) test = 1;if (test == 0) {labelArray.push(textLabel);var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?labelArray.length : maxNumberOfLabels;if (numLabel &lt; maxLabels) {search10(homeUrl3, textLabel);numLabel++;}}</b:loop></b:loop></script></div><script type="text/javascript">RelPost();</script></div></b:if>

Jgn Lupa Baca Juga : Cara Ampuh Mengetahui Keperawanan Wanita

• Selanjutnya Letakkan kode berikut ini tepat diatas kode  ]]></b:skin>

.rbbox{border: 1px solid #0B3B39;padding: 5px;
background-color: #FFF;-moz-border-radius:5px;
margin:5px;}
.rbbox:hover{background-color: #E6E6E6;}

• Langkah terakhir simpan template anda dan lihat hasilnya, setiap dibawah postingan sekarang terdapat  related post dengan scrolling. Selamat mencoba!

Cara Membuat Artikel Terkait dengan Fasilitas Scrolling

Selengkapnya »»  

Cara memasang Kotak Komentar Klasik di Blog

Cara memasang Kotak Komentar Klasik di Blog -  Banyak hal yang membuat seorang blogger beralih menggunakan Komentar Klasik di Blog nya, salah satu nya adalah karena Blog nya memiliki Loading yang lambat sehingga terkadang Kotak Komentar tidak muncul. Maka solusi yang baik adalah dengan Cara memasang Kotak Komentar Klasik di Blog . Berikut Tutorial Blog nya.

1. Login ke Blogger.
2. Masuk ke Rancangan > Edit HTML > Centang Expand Template Widget.
3. Cari Kode berikut ; <data:blogTeamBlogMessage/>, gunakan Ctrl + F untuk memudahkan pencarian.
4. Setelah Ketemu, Copy kode di bawah ini dan Paste di bawah kode tadi.

<div style='margin-bottom: 5px;'>
<a expr:href='&quot;http://www.blogger.com/comment.g?blogID=ID Blog Kamu disini&amp;postID=&quot; +data:post.id+ &quot;&amp;isPopup=true&quot;'
href='' onclick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,
menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;' title='Form
Komentar Klasik'>
<b style='-moz-border-radius: 5px 5px 5px 5px; background-color: #f6f6f6;
border: 2px solid rgb(192, 192, 192); color: #333333; padding: 2px 10px;'>Komentar Klassik</b>
</a></div>

Catt : Pada Tulisan berwarna Merah Masukkan ID Blog kamu.
Setelah selesai, Save Template Sobat. dan Lanjutkan Ke Cara berhenti mengikuti Blog yang di Ikuti

Demikian Artikel tentang Cara memasang Kotak Komentar Klasik di Blog

Selengkapnya »»  

Cara Membuat Popular Post bergerak pada blogspot

Cara Membuat Popular Post bergerak pada blogspot - Sebenarnya cara membuat popular post memang sudah ada dan disediakan oleh blogger sendiri, namun masih kurang maknyos, karena bentuk dan motidnya yang biasa-biasa saja, tidak bisa bergerak naik turun :). disini kita akan mengulas tentang cara membuat popular post bergerak. ayo kita simak dengan seksama.

LANGKAH-LANGKAH ATAU CARA MEMBUAT POPULAR POST BERGERAK KEATAS

1. Login ke blog dulu, kemudian anda masuk ke DESAIN --> TATA LETAK


2. Sudah! kemudian tambah widget = klik gadget
3. Pilih entri popular, centang semua kotak
4. Simpan/SAVE

Apabila Gadget sudah terpasang kemudian klik Desain-Template yang posisinya dibawah Tata Letak. Kemudian klik Edit HTML, jangan lupa centang Expand widget.

Setelah langkah diatas, kemudian selanjutnya Cara membuat popular post bergerak pada blogspot adalah dengan mencari kode berikut:

Sobat Cari kode berikut:

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>

Sudah ketemu, kemudian letakkan kode berikut setelah kode diatas.

<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>

Setelah itu cari dibawahnya lagi kode </ul>, dan masukan kode dibawah ini tepat sebelum/diatas kode </ul> tersebut.

</marquee>

LIHAT HASIL PERPADUAN KODENYA, SEPERTI DIBAWAH INI

<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<marquee align='left' direction='up' height='140' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3' width='100%'>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/></a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if></b:if>
</li> </b:loop>
</marquee> </ul>
<b:include name='quickedit'/></div>
</div>
</b:includable>
</b:widget>

Kalau anda menggantikan tinggi gadget, silakan anda gantikan kode warna hijau diatas. Silakan anda ber expressi, semoga berhasil.
Demikian Artikel tentang Cara Membuat Popular Post bergerak pada blogspot

Selengkapnya »»  

Optimasi SEO Blogger Melalui Pengaturan Fitur Robots Header Tags

Optimasi SEO Blogger Melalui Pengaturan Fitur Robots Header Tags - Sejak blogger menambahkan fitur Search Preferences yang terdapat pada halaman dashboard, maka Optimasi SEO Blog yang berplatform blogger menjadi semakin mudah dan flexibel.  Optimasi SEO tidak lagi sepenuhnya bergantung pada pengaturan meta tag yang terdapat pada Dokumen HTML Template.

Anda dapat mengoptimalkan SEO blogger melalui menu Settings >> Search Preferences, pada bagian ini ada beberapa fitur penting yang harus Anda konfigurasi, sebagian pengaturan fitur Search Preferences ini sudah saya publikasikan pada artikel sebelumnya yang membahas trik Optimasi Penulisan Artikel Agar Terindeks Akurat di Search Engine.  Pada postingan ini akan saya share pengaturan pada sub item Crawler and Indexing, item ini merupakan bagian dari fitur Search Preferences, jika fitur ini diaktifkan akan ada warning yang memberikan paringatan bahwa "jika salah melakukan pengaturan pada fitur ini, maka blog Anda tidak akan terindex dan diabaikan oleh Search Engine" tetapi jangan khawatir, tidak ada pengaturan rumit dan mengerikan pada fitur ini.

Fitur Crawler and Indexing ini terbagi dalam dua bagian yaitu pengaturan file robots.txt dan pengaturan robots header tags.  Anda dapat mengelola pengaturan robots header tags untuk mengoptimalkan SEO halaman Blogger yang mencakup halaman posting, homepage, arsip dan halaman pencarian dengan mudah melalui klik mouse.  Untuk pengaturan file robots.txt akan saya publikasikan dalam artikel terpisah.

Mengatur Fitur Robots Header Tags Blogger
Fitur ini memungkinkan Anda mengontrol bagaimana setiap halaman harus diindeks dan disajikan kepada pengguna oleh mesin pencari.  Berikut ini adalah contoh pengaturan sederhana seperti yang ditampilkan pada gambar di bawah ini :

Login ke bloger dengan ID Anda
Pada halaman dashboard Blogger klik menu Settings ->> Search preferences ->> Crawler and indexing ->> Custom robots header tags klik link Edit.

Pengaturan yang direkomendasikan di atas akan memberitahu mesin pencari untuk mengindeks blog Anda dan seluruh isinya, mengindeks posting Anda beserta halaman homepage tetapi tidak harus mengindeks arsip dan juga tidak mengizinkan User-agent Open Directory Project (noodp) untuk mengcrawl blog Anda.

Memahami Option Fitur Robots Header Tags Blogger
Anda dapat melakukan pengaturan fitur robots header tags ini ke tingkat advance, namun sebelumnya harus dipahami maksud dari penggunaan option ini, berikut ini adalah pengertian sederhana dari option yang terdapat pada fitur robots header tags blogger
All
Meperbolehkan search engine untuk mengindeks seluruh halaman dan isi blog.
Noindex
Tidak mengizinkan search engine untuk menampilkan halaman ini dalam hasil pencarian serta tidak menunjukkan "Cached" link dalam hasil pencarian.
Nofollow
Tag ini  tidak mengizinkan search engine untuk mengikuti link di halaman ini.
None
Tag ini memiliki nilai yang setara dengan tag noindex, nofollow.
Noarchive
Tidak mengizinkan search engine untuk menunjukkan "Cached" link dalam hasil pencarian.
Nosnippet
Search engine tidak diizinkan untuk menunjukkan potongan deskripsi dalam hasil pencarian untuk halaman ini.
Noodp
Tag ini tidak mengizinkan search engine menggunakan metadata dari Open Directory Project untuk judul atau potongan yang ditampilkan untuk halaman ini.
Notranslate
Search engine tidak diizinkan untuk menawarkan terjemahan dari halaman ini dalam hasil pencarian.
Noimageindex
Gambar yang terdapat pada halaman ini, tidak diizinkan untuk diindex oleh search engine.
Unavailable after :
Halaman tidak akan ditampilkan dalam hasil pencarian setelah tanggal/waktu yang ditentukan.  Tanggal/waktu harus ditetapkan dalam format RFC 850.

Pembahasan ini hanyalah berupa tips standart yang direkomendasikan oleh beberapa Master SEO untuk mengoptimalkan SEO Blogger, atau jika Anda memiliki pendapat lain mungkin kita dapat saling bertukar informasi agar blog yang kita bangun bisa mendapatkan peringkat yang lebih baik di search engine.  Akhirnya saya mengucapkan Alhamdulillah jika postingan ini dapat memberikan manfaat bagi Anda.

Selengkapnya »»  

Cara Memasang Meta Tag Super SEO Friendly

Cara Memasang Meta Tag Super SEO Friendly - Sebagaimana Kita Tahu Bahwa Meta tag merupakan salah satu bagian terpenting dalam SEO. Meta tag berfungsi sebagai informasi blog yang nantinya akan di catat oleh mesin pencari sebagai tolok ukur untuk mengindex. Banyak artikel yang telah membahas tentang bagaimana menyusun meta tag yang baik agar blog kita menjadi optimal dan disukai oleh mesin pencari.

Yang akan saya bahas disini bukan meta tag yang biasa dibahas pada blog blog lain di luar sana, meta tag ini adalah meta tag super SEO yang sedang saya gunakan sekarang..

Meta tag Super SEO ini berbeda dengan kebanyakan, saya merangkum meta tag yang saya peroleh dari berbagai sumber, dan mengubah banyak sekali, dan sekarang menjadi apa yang saya inginkan.

Perlu anda tahu bagian-bagian dari meta tag yang paling utama, yaitu meta title, meta description, dan meta keyword. Ketiga meta tersebut paling berpengaruh terhadap mesin pencari. Meta tag adalah bagian dari SEO On Page. Berikut tips agar meta tag menjadi dinamis dan optimal, agar blog  mudah dikenali dan disukai mesin pencari seperti google, yahoo search, bing, dll. Silakan kamu copy paste meta tag Super SEO dibawah ini, dan letakan sesudah atau setelah kode <head>

Cara Memasang Meta Tag Super SEO Friendly

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title><meta content='DESKRIPSI BLOG KAMU' name='description'/>
<meta content='KEYWORD UTAMA DI HALAMAN DEPAN/HOME PAGE' name='keywords'/>
<meta content='view-seo.blogspot.com' name='subject'/>
<meta content='MENGGAMBARKAN BLOG KAMU (MIRIP DESKRIPSI)' name='Abstract'/>
<b:else/><b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if><meta expr:content='data:blog.pageName + &quot;DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
<b:else/>
<title><data:blog.pageTitle/></title><meta expr:content='data:blog.pageName + &quot;DESKRIPSI HALAMAN YANG SEDANG DIBUKA&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;KEYWORD HALAMAN YANG SEDANG DIBUKA&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName' name='subject'/>
<meta expr:content='data:blog.pageName' name='Abstract'/>
</b:if>
</b:if>
<title><data:blog.pageTitle/></title>
<meta content='http://url-blogkamu.blogspot.com' name='copyright'/>
<meta content='Nama Kamu' name='author'/>
<meta content='UTF-8' name='Charset'/>
<meta content='Global' name='Distribution'/>
<meta content='General' name='Rating'/>
<meta content='INDEX FOLLOW' name='Robots'/>
<meta content='1 days' name='revisit'/>
<meta content='1 Days' name='Revisit-after'/>
<meta content='ID' name='language'/>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='global' name='target'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='Scooter'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='alexabot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<meta content='ALL' name='SPIDERS'/>
<meta content='ALL' name='WEBCRAWLERS'/>

Catatan: 
- Ganti tulisan yang berwarna MERAH sesuai dengan apa yang ada di blog kamu.
- Ganti tulisan warna biru  sesuai dengan posisi, bahasa, dan lokasi kamu. Bila blog kamu berbahasa Inggris, maka yang ini <meta content='ID' name='language'/> bisa dihilangkan.
Jadi kamu bisa menentukan sendiri deskripsi dan keyword untuk halaman depan/home page dan halaman yang sedang kamu buka/page

Selengkapnya »»  

Download Template Blogger Keren Gratis Terbaru 2013

Download Template Blogger Keren Gratis Terbaru 2013 - Template di bawah ini merupakan gabungan dari template yang unik, sederhana atau elegant, seo friendly, dan tentunya masih mengusung tempat iklan yakni adsense. Efek jQuery juga terdapat didalamnya untuk menambah bagus tampilan blog bagi yang menerapkan efek template blog slide show atau lain sebagainya.

TreTan bisa langsung menerapkan template berikut ke dalam blog masing-masing dan caranyapun cukup mudah meski berbeda dari cara sebelumnya yakni mengcopy kode di hasil download template berikut kemudian kodenya dipastekan di edit template blog. untuk lebih jelas dan menghindari kekeliruan lebih baik membackup terlebih dahulu kode sebelumnya dan mencari panduan di pencarian seperti google, yahoo, bing dan lain sebagainya.

Berikut adalah Free Download Template Blogger Terbaik Keren Gratis Terbaru 2013. by. btemplates.com

1. R3 Masonry Blogger Template

 

DOWNLOAD

2. Modern V5 Blogger Template

DOWNLOAD 

3. Adskiller Blogger Template

 

DOWNLOAD

4. Wayang Wong2 Blogger Template

  DOWNLOAD

5. Western Blogger Template

 

DOWNLOAD

Selengkapnya »»  

Cara Menampilkan Foto Profil di Hasil Pencarian Google

Menampilkan Foto Profil di Hasil Pencarian Google Kalo kita sering melakukan pencarian di google, tentu saja pernah melihat foto profil yang muncul di samping hasil pencarian kita. Authorship markup ini sudah mulai di dukung oleh google sejak setahun yang lalu. Apa gunanya menampilkan foto author di hasil pencarian google?
Auhtorship, menurut saya sangat penting. Kawan saya, Doneeh pernah bilang, “saat ini yang paling penting dari sebuah website adalah authority-nya”. Authority disini bisa diartikan dengan banyaknya backlink, banyaknya user, banyaknya follower, banyaknya fans, banyaknya like, banyaknya +1 dan kejelasan siapa yang yang bertanggungjawab atas sebuat website atau secara spesisifik terhadap sebuah artikel. Dengan menampilkan profil di setiap halaman artikel yang kita buat dan ditampilkan juga oleh google di halaman hasil pencarian, user jadi tau siapa yang membuat artikel dan siapa yang bertanggung-jawab dengan kebenaran artikel tersebut. Apabila author tersebut memiliki follower yang banyak, bisa berarti dianggap popular dan mau “didengerin” banyak orang. Selain itu, tentu saja pengguna mesin pencari akan lebih senang nge-klik karena fotonya menarik/ganteng, mungkin saja .
Proses mem-verify authorship ini sebenarnya sudah sangat jelas di google. Ada 2 cara yang disarankan google untuk memverifikasi auhtorship agar muncul di hasil pencarian google, yaitu dengan verifikasi email domain atau membuat link ke profil Google+ kita.
Berikut ini cara menampilkan foto profil di hasil pencarian Google sebagai author/pengarang sebuah artikel dengan cara kedua yaitu dengan link ke profil Google+:

1. Buat akun di Google +
2. Edit profil Google+ dengan menambahkan nama dan url website/blog yang akan kita verify pada bagian Kontributor
3. Buat link pada setiap artikel yang kita tulis dengan cara
   <a href="[profile_url]?rel=author">Nama Lengkap</a>
   Contohnya:
   <a href="https://plus.google.com/109097140621304019024?rel=author">Ahmad Isnaini</a>
4. Cek apakah caranya sudah berhasil di structured data testing tool.
5. Selesai

Untuk pengguna blog wordpress dengan beberapa author atau penulis dalam 1 blog, bisa dengan menambahkan kode <?php the_author_link(); ?> pada file themes single.php. Kemudian edit profil masing-masing user dan pada bagian Contact Info, Website di isi dengan url profil Google + masing-masing user.
Cara lain menampilkan foto profil di hasil pencarian yang pernah saya coba dan berhasil adalah dengan menambah meta rel=”author” pada bagian <head> html website/blog kita, seperti <link rel="author" href="https://plus.google.com/109097140621304019024" /> contohnya seperti ini:
<head>
<link rel="author" href="https://plus.google.com/109097140621304019024" />
</head>
Selamat mencoba !!

Sumber : http://www.isnaini.com/2013/01/05/menampilkan-foto-profil-di-hasil-pencarian-google

Selengkapnya »»  

Cara Dapat SEO 100 Persen di Chkme

Cara Dapat SEO 100 Persen di Chkme - Blog yang baik adalah blog yang memperhatikan Kaidah Kaidah SEO dalam Theme dan Juga Blognya, Fungsinya biar bisa Halaman pertama Google, Nah Kali ini duasatu akan bagikan Bagaimana caranya Mendapatkan SKOR SEO 100 Persen Khusus di Chkme ? wew mungkin Gak Ya. Mungkin Saja, Lihat ScreenShoot

Pengen Coba Berapa Score SEO Blog Kamu? Langsung ke http://chkme.com


Dengan memiliki template blogspot seo friendly akan menjadi dasar untuk memudahkan setiap postingan yang kita buat cepat ter index di mesin pencari baik itu di Google, Bing, ataupun di Yahoo. Namun, pada hakekatnya berbekal template yang seo friendly saja belum cukup untuk memaksimalkan seo blog yang kita miliki. Selain berbekal template seo friendly dengan seo score 100%, kita masih perlu untuk melakukan SEO off page seperti link building dan update artikel terbaru yang unik tetapi memikat hati pembaca untuk mencari dan membacanya. Untuk link building saya anjurkan lihat artikel backlink gratis unlimited sebelumnya.

Berbicara soal SEO, saya jadi malu karena saya sendiri sebenarnya bukanlah seorang Master SEO dan juga bukan seorang blogger yang jago dalam melakukan optimisasi seo. Saya masih belajar sama dengan para blogger-blogger lainnya.

Tetapi, tips seo, tutorial seo blogspot, dan cara-cara optimasi seo yang saya share melalui blog ini adalah hasil dari pembelajaran dan pengamatan serta praktek yang saya lakukan mengenai SEO untuk blog pribadi saya sendiri. Jadi, Saya tidak menjamin 100% bahwa segala tips trik seo blogger/blogspot yang saya tebar di blog ini tidak menjamin seratus persen keberhasilannya tetapi setidaknya dapat kita buktikan dengan cara menerapkannya dan melihat hasilnya apakah berhasil ataukah tidak nantinya, Ok!

Baiklah, saya rasa cukup segitu saja baso basinya, soalnya kalo diterusin bakalan panjang jadinya.
Agar blog memiliki seo score 100% di chkme sebenarnya bisa jadi mudah bisa juga sedikit sulit, semua itu tergantung dari ketelitian kita dalam memahami apa maunya si dia (siapa tuh....?) Si CHKME bang. Setelah selidk menyelidik si chkme agar blog kita memdapat seo score 100% ternyata ada beberapa hal yang harus kita turuti kemauan si dia, apa saja sih kemauan si dia? Nah, ini dia jawabannya:

1. Blog harus memiliki tag heading H1 dan H2, dan H3 sebagai optional.
2. Setiap judul (judul blog/judul post) tidak boleh terlalu panjang dan juga tidak boleh terlalu pendek, tetapi yang sedang-sedang saja dan bersifat deskriptip.
3. Blog harus memiliki deskripsi dan kata kunci (keywords) yang bisa dibaca melaui meta tag
4. Setiap link sebaiknya memiliki deskripsi dengan cara memberikan judul yang bisa dilihat ketika link tersebut disorot oleh cursor pointer (ini tidak terlalu penting tetapi cukup membantu).
5. Setiap gambar/image harus memiliki deskripsi dengan cara menambahkan alt tag dan title
6. Halaman blog atau posting tidak terdapat konten flash dan tidak mengandung iframe, kalo di blogspot yang mengandung iframe itu biasanya disebabkan adanya script navbar dan kotak komentar (Comment Form) tersemat dibawah (embeded comment form), itulah sebanya form komentar blog saya menggunakan popup comment form.

Selain itu, loading speed juga jangan erlalu berat agar pengunjung tetap bisa mengakses blog kita meskipun dengan koneksi yang lemot.

Sementara ini baru itu saja mengenai Cara Mendapatkan SEO Score 100% di chkme yang saya ketahui dan sudah saya terapkan dengan hasil yang sesuai dengan maunya si dia dan maunya saya. Mau ngikutin cara yang seperti saya lakukan? silakan saja ya. Semoga sukses dan tetap semangat.

Selengkapnya »»  

Cara Membuat Spoiler Pada Postingan Blog

Cara Membuat Spoiler Pada Postingan Blog - Cara Membuat Spoiler Pada Postingan di Blogpot mudah terbaru 2013 kali ini kami hadirkan setelah lama banget tidak pernah postingan seputar tutorial atau tips ringan blogger. Spoiler biasanya digunakan didalam forum atau postingan sebuah blog dengan tujuan menyembunyikan konten asli sebelum ditekan tombol buka (show/hide). Gunanya dari sebuah spoiler seh menurutku sekedar mempercantik tampilan saja namun tidak berpengaruh terhadap loading blog.
Pertama-tama bagi anda yang masih bingung apa itu spoiler bisa melihat contoh dibawah ini :

Contoh Spoiler Dalam Postingan

Konten Tersembunyi dalam spoiler
Show/hide

Kode Membuat Spoiler Dalam Postingan
Bagaimana cara membuat spoiler seperti diatas langkahnya sangat mudah dengan menggunakan kode html :

Judul Spoiler
<div id=”spoiler” style=”display:none”>
Teks/gambar yang ingin dimasukan ke spoiler
</div>
<button title=”Click to show/hide content” type=”button” onclick=”if(document.getElementById(‘spoiler’) .style.display==’none’) {document.getElementById(‘spoiler’) .style.display=”}else{document.getElementById(‘spoiler’) .style.display=’none’}”>Show/hide</button>

Cara menggunakannya cukup masukan tulisan anda ke dalam teks berwarna merah tersebut lalu masukan kodenya kedalam postingan blog anda dalam mode HTML.

Demikian Artikel tentang Cara Membuat Spoiler Pada Postingan Blog

Selengkapnya »»  

Download Template SEO Friendly 2013

Free Template - Fast SEO Friendly Valid HTML5 - Sesuai dengan kelebihannya, pembuat template blog memberi nama template tersebut dengan nama "Fast SEO Friendly Template".  Untuk melihat fitur apa saja yang dimiliki oleh template blog ini, anda bisa lihat beberapa informasi dibawah ini :

Fitur Template blog Fast SEO Friendly :

• SEO Friendly dan sudah valid html 5
• Loadingnya cepat
• Dilengkapi dengan widget related post / artikel terkait yang terletak dibawah postingan
• Dilengkapi dengan tombol Google+
• Dilengkapi dengan Auto Highlight Author Comments
• Sudah dilengkapi Read More otomatis tanpa javascript
• Dilengkapi dengan navigasi Breadcrumb yang langsung terindeks di google
• Mempunyai dua kolom Header dan Ads Banner 468x60
• Dilengkapi dengan Menu Horizontalyang simple
• Browser Support: IE, Firefox, Chrome, Opera, dll.
• Tampilan perpaduan antara warna hitam dan puth setar biru dongker pada bagian footer
• Template ini mempunyai 2 kolom, dan sidebar yang terletak dibagian kanan
• Memiliki 3 kolom footer
• Dilengkapi dengan dynamic heading yaitu (judul post menggunakan H1 ketika dihalaman single post)
• Dilengkapi dengan meta tag (bisa otomatis, dan juga bisa juga manual)
• Dan masih ada lagi yang lainnya yang belum dapat saya jelaskan.

Free Template - Fast SEO Friendly Valid HTML5 - Template Fast SEO Friendly ini dibagikan secara gratis oleh pemiliknya, tapi dengan syarat anda tidak diperkenankan untuk mengedit ataupun menghapus credit footernya. Untuk melihat demo dan mendownload template, silahkan klik link dibawah ini :

DEMO | DOWNLOAD

Demikian Artikel tentang Free Template - Fast SEO Friendly Valid HTML5

Selengkapnya »»  

Cara Membuat Jadwal Posting Otomatis Di Blogger

Cara Membuat Jadwal Posting Otomatis Di Blogger - Sebenarnya cara untuk membuat postingan secara otomatis ini tidaklah sulit. Caranya adalah sebagai berikut :

1. Silahkan buatlah sebuah postingan di blog kamu, terserah mau menulis apa saya, dan ketika sudah selesai jangan langsung dipublikasikan.

2. Jika sudah selesai menulis, silahkan lihat menu yang ada di samping kanan editor post blogger.

Selengkapnya »»  

Cara Membuat Popup Window di Blog

Cara Membuat Popup Window di Blog - Kali Ini saya Akan Berbagi Informasi tentang Cara Membuat Popup Window di Blog - Cara/trik menciptakan popup window/jendela pop up/popup ads pada blog atau cara bikin jendela baru di blog ketika link di klik atau cara agar blog bisa tercipta jendela baru saat ada sebuah klik.

Beberapa waktu yang lalu, saya pernah membuat postingan mengenai cara membuat iklan melayang di blog, maka di kesempatan kali ini saya akan posting artikel yang hampir serupa tapi lebih keren yaitu postingan mengenai trik menciptakan jendela pop up di blog. Oke sobat, berikut ini ulasannya. 

Window pop up merupakan suatu halaman yang muncul di belakang maupun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun, bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki. Halaman pop-up Biasanya di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu, dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak?

Pop up window terkadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karena banyaknya iklan pop-up yang keluar, tapi terserah kamu semua,mau memasangnya atau tidak terserah kamu. Tapi bila memang tertarik ingin memasangnya, berikut ini trik bikin popup windows pada blog:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode <body>

4. Dan letakkan kode berikut dibawah kode <body>

<script type='text/javascript'>
var popurls=new Array()
popurls[0]='http://amronbadriza.blogspot.com/'
popurls[1]='http://amronbadriza.blogspot.com/2012/07/pasang-iklan-murah.html'
popurls[2]='http://google.com/'
function openpopup(popurl) { var winpops=window.open(popurl,'','width=,height=,toolbar,location,status,scrollbars,menubar,resizable') }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])
</script> 

5. Simpan template kamu.

Keterangan:

Jika kamu memasang script pop up diatas, maka akan muncul halaman-halaman lagi sesuai yang kamu targetkan, ganti yang berwarna merah dengan halaman pop up kamu sendiri.

Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nomer]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya. 

Demikianlah postingan mengenai cara membuat popup window di blog. Semoga bermanfaat buat semua.

Selengkapnya »»  

Cara Mendapatkan Backlink dari Google - Google Backlink Tips

Cara Mendapatkan Backlink dari Google - Google Backlink Tips - Kali Ini saya Akan Berbagi Informasi tentang Cara Mendapatkan Backlink dari Google - Google Backlink Tips. Mengapa tips cara memperoleh backlink dari google ini saya katakan dari newbie dan untuk newbies? Ya karena memang saya termasuk salah satu blogger newbie kan...dan, mungkin newbies lainnya masih ada yang belum kebagian senggolan backlink dari mbak google, makanya blogger newbie alias saya sendiri ini sedang sok tau nih mau sharing pengalaman dalam mendapatkan google backlink dan mudah-mudahan manjur.

Mendapatkan backlink google tidak seperti mendapatkan backlink dari search engine lain yang biasanya bermurah hati memberikan backlinknya tapi kalau google mungkin ada beberapa syarat yang harus terpenuhi dulu kali ya??? Nah, bagaimana cara memenuhi syaratnya agar diberi backlink oleh google?

Kalau menurut informasi yang Saya dapat dari beberapa forum yang pernah saya kunjungi, cara ini Saya susun ke beberapa tahap.

Pertama, buat google public profile dulu. Kalau belum pernah, klik google public profile Blogger Copast, silakan login dan buat profile Anda disana dengan mengisi form yang tersedia dan jangan lupa follow juga, tidak juga tidak apa lah.

Kedua, biasakan membuat internal link antar artikel yang saling berkaitan di blog Anda. Ini akan memudahkan robot mesin pencari dalam crawling and indexing seluruh postingan Anda.

Ketiga, daftar dan pasang script google analystic tracker code pada template blog Anda. Ini akan membantu google lebih kenal dan lebih dekat dengan postingan di blog Anda.

Keempat, buat posting yang masih banyak dicari dan sifatnya bertahan lama karena google lebih senang mempertahankan link artikel pada posisi 10 besar yang masih diperlukan dan dicari banyak orang. Buat posting baru atau update setidaknya 2 hari sekali, tiap hari malah lebih maknyus dan alexa rank Anda juga akan semakin langsing.

Kelima, pastikan situs/blog/website lain ada yang ngelink ke blog atau postingan Anda (links to your site). Caranya dapat dilakukan dengan;
Tukar link sesama blog yang kategorinya masih berkaitan/relevan.
Submit web/blog ke web direktori
Melakukan ping setiap selesai membuat posting. Ini memungkinkan situs lain akan ngelink ke blog Anda jika mereka menemukan artikel menarik dan bermanfaat dari blog Anda.

Komentar di blog dofollow yang postingannya sudah terindeks 10 besar di google, kebetulan blog ini juga dofollow dan berikut ini ada sebagian kata kunci posting di blog ini yang masuk di 10 besar pencarian google: daftar isi sesuai label otomatis, pasang breadcrumb navigation, add reply option to blogger comments, auto highlight blogger comments, optimasi judul blog seo friendly, dan mungkin masih ada lagi yang belum sempat Saya cek. Silakan Anda test pencarian dengan kata kunci tersebut di google untuk memastikan apakah posting tersebut yang ada di diarykudiblog.blogspot.com/... ku ini masih berada pada posisi 10 besar atau tidak di google. Jika masih, ada baiknya berkomentar pada postingan tersebut agar mendapatkan backlink dan di index oleh google, karena biasanya blog kita akan lebih cepat terindex apabila google menemukan link kita berada pada posting atau blog lain yang telah terindex 10 besar.

Submit dan verifikasi blog di google webmaster serta submit sitemap ke google. Silakan klik dan baca untuk mengetahui manfaat dan cara daftarnya.
Itulah cara yang Saya lakukan sebagai blogger newbie untuk mendapatkan backlink dari google, meskipun baru dapat 4 bl lumayan juga kan? dengan cara tersebut juga kita berkesempatan mendapatkan page rank apabila backlink yang relevan baik dari google maupun dari situs lain sudah berjibun (banyak). Jika Anda punya cara yang lebih manjur bagi-bagi juga ya kesini tipsnya!

Selengkapnya »»  

Blog Dofollow Indonesia Berpage Rank 2 Terbaru

Blog Dofollow Indonesia Berpage Rank 2 Terbaru - Kali Ini saya Akan Berbagi Informasi tentang Blog Dofollow Indonesia Berpage Rank 2 Terbaru - Mengawali postingan pertama blog ini setelah renovasi habis-habisan, sebab seluruh artikel yang ada sebelumnya dihapus untuk memulai kembali dari pertama. Capek juga ternyata bersih-bersih mengembalikan keperawanan blog, mulai dari menghapus postingan, memperbaiki ratusan crawl eror di webmaster, dan terakhir mengubah status komentar nofollow menjadi Blog Dofollow Indonesia.

Melihat banyaknya blogger yang mencari Blog Dofollow Indonesia untuk mendapatkan backlink berkualitas gratis agar bisa meningkatkan page rank atau sekedar mengangkat posisi postingan di search engine, saya putuskan mulai sekarang blog valven menjadi dofollow.

Lumayan lama semenjak beberapa bulan yang lalu saya kurang memperhatikan blog ini, setelah update page rank google terbaru kamarin, saya lihat Page Rank Valven masih 2 tidak menurun, sehabis menimbang-nimbang dari pada terbengkelai tak karuan, lebih baik saya ganti semua komentar yang nanti diberikan pengunjung  menjadi Backlink supaya lebih bermanfaat buat orang banyak.

Backlink Gratis Blog Dofollow Indonesia Terbaru

Meski semua postingan terdahulu sudah saya hapus, dalam waktu dekat saya berencana bakal mengupdate 10 postingan utama yang akan di optimasi agar bisa mendapatkan inner page rank tinggi. Bagi yang ingin mendapatkan backlink, silahkan berikan komentar dibawah postingan, tapi ingat ya jangan melakukan spam, sesuaikan komentar dengan artikel. Walaupun auto approve, sebelum diterbitkan akan muncul capcha untuk menghindari spammer.

Selengkapnya »»