cara posting artikel blog lewat hp

assalamu'alaikum, kali ini saya akan sedikit berbagi tentang cara posting blog lewat hp, karena tadi malam saya pingin posting tapi males buka pc,setelah nyari-nyari di google akhirnya ketemu deh cara ini, biasanya para blogger yang ga punya modem atau koneksi internet dirumah harus mondar mandir ke warnet hanya untuk sekedar posting artikelnya, kaya saya ini, hehehe...

karena mau posting lewat hp sekarang sudah kagak bisa, ga tau kenapa, padahal dulu mau posting sepuasnya pake hp sampai keypadnya rusak pun lancar-lancar aja, tapi tadi saya baru nemu cara posting artikel lewat hp, yang sangat membantu sekali, bagi yang ingin posting lewat hp caranya mudah kok, langsung saja masuk ke alamat http://www.blogger.com/blog-this.g setelah itu lansung saja posting seperti biasa, mudah kan.sekian semoga bermanfaat

Read More

Cara Mempercantik Tampilan Blog di Blogspot

Cara Mempercantik Tampilan Blog di Blogspot - Cara Mempercantik Tampilan Blog di Blogspot sangat dibutuhkan dalam sebuah blog. Tampilan awal pada saat blog di buka oleh pengunjung akan membuat pengunjung betah di blog kita. Oleh karena itu, tampilan blog buatkah semenarik mungkin. Ibarat seorang bila melihat lawan jenis tampil menarik, maka orang tersebut selalu ingin dipandangi (tidak bosan-bosan untuk memandang). Demikian juga dengan blog. Tampilan Blog bisa dibuat secantik mungkin. Kali ini, Bos Tutorial akan berbagi tentang bagaimana Cara Mempercantik Tampilan Blog di Blogspot.

Tampilan Template Blog Becak Siantar (http://becasiantar.blogspot.com)

Ada dua jenis elemen-elemen penting di dalam sebuah blog, apabila kawan-kawan memulai langkah-langkah Cara Mempercantik Tampilan Blog di Blogspot ini sangat perlu diperhatikan.
1. Template blog (tampilan awal blog) dan
2. Widget / Gadget

Template Blog (tampilan awal blog)
Cara Mempercantik Tampilan Blog di Blogspot, kita harus memperhatikan template blog kita. Kumpulan Adsen Blogspot menjelaskan lebih lanjut

Template adalah pola untuk membentuk tampilan blog atau website di layar monitor. Tampilan blog atau website itu seperti apa? Kalau anda klik judul artikel ketika browsing dengan google, kemudian muncul halaman blog atau website, itulah namanya tampilan, dan dapat disebut template. Sederhana bukan?

Setiap blog atau website tentu punya tampilan atau template mereka sediri‐sendiri. Dan tampilan blog itu disusun dengan pola tertentu oleh pembuat template.

Yang harus anda lakukan pada blog dalam penggunaan Template Blog adalah:

Pilih Template yang menarik
Carilah template yang di rasa menarik bagi anda maupun pengunjung. Di situs banyak sekali tersedia contoh template yang menarik baik berbayar maupun yang gratis.

Pilih Template yang ringan
Salah satu faktor yang penting lainnya adalah besarnya file template tersebut. Anda harus memperhatikan berat tidaknya proses loading web anda. Visitor akan enggan berkunjung ke web anda apabila proses loadingnya terlalu lama. Maka hindarilah hal seperti ini. Banyak faktor faktor yang membuat web itu menjadi berat diantaranya:
• Terlalu banyak gambar ukuran besar
• Terlalu banyak script atau variasi yang terpasang
• Ukuran template yang besar
• Faktor server hosting yang terlalu sibuk atau memang lambat

Dari hal tersebut kita bisa kita bisa memilih template yang bagus dan cepat proses loadingnya. Untuk mengukur kecepatan web beserta komponen yang paling lengkap bisa anda coba di websiteoptimization atau klik disini (cara mengecek berat blog anda).


Pilih Template yang SEO Friendly
Jenis template yang Bos Tutorial maksud adalah Template yang friendly terhadap search engine atau tidak. Tetapi anda bisa melihat atau mencari di situs penyedia dengan memakai keyword seo template. Pada umumnya untuk blogspot untuk seo friendly boleh di katakan banyak tersedia baik yang gratis maupun yang berbayar, hal ini juga di dukung oleh server anda, yang artinya tidak semua server mendukung atau support dengan SEO Friendly.

Untuk mengganti template blog anda, Baca tulisan Cara Mengganti Template Blog pada Blogspot

Widget/Gadget
Widget/Gadget adalah suatu istilah yang berasal dari bahasa Inggris untuk merujuk pada suatu peranti atau instrumen yang memiliki tujuan dan fungsi praktis spesifik yang berguna yang umumnya diberikan terhadap sesuatu yang baru.(wikipedia.com berbahasa Indonesia)

Kalau pada blog kita bisa memaknai dengan pengertian yang lebih mudah dipahami yakni Widget/Gadgett adalah elemen tambahan pada blog yang berisi assesories unik, menarik, untuk memperindah tampilan blog dan bisa di pilih sesuai dengan kebutuhan blog yang kita miliki. Banyak sekali Widget/Gadget tersedia di blogger.com, diantaranya search google.com, search yahoo, video youtube dan masih banyak yang lainnya. . Penyedia elemen Widget/Gadget di internet juga sangat banyak, kita bisa memanfaatkan untuk mempercantik tampilan blog secara gratis.

Gunakan Widget/Gadget pada blog anda sebaik mungkin. Artinya pilihlah Widget/Gadget yang menurut anda menarik dan layak anda tampilkan pada blog Anda.

Read More

Membuat Iklan Melayang Dengan 1 Kali Close

Kali ini saya akan membahas membuat Iklan Melayang Dengan 1 Kali Close lansung aja ya, buat sobat yang ingin memassang iklan kumpulan blogger dan sebagainya dan ingin menayangkan iklannya secara melayang dengan tombol close 1 x bisa menggunakan kode script berikut ini.

Caranya:
1.Login ke blog sobat.
2.Pilih tab rancangan lalu plih tambah gadget.
3.Pilih HTML/Java Script.
4.Lalu copas kode berikut kegadget tadi.

<style type=”text/css”>
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbcontent{
float:right;
border:2px solid #ffffff;
background:#ffffff;
padding:10px;
}
</style>

<script type=”text/javascript”>
function showHideGB(){
var gb = document.getElementById(“gb”);
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById(“gb”);
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir-100;
gb.style.top = x.toString() + “px”;
if(x0!=xf){setTimeout(“moveGB(“+x+”, “+xf+”)”, 10);}
}
</script>

<div id=”gb”>

<div onclick=”showHideGB()”> </div>

<div>

<div style=”text-align:left”>
<a href=”javascript:showHideGB()”>
untuk keluar.:[Close][Klik 1X]:.
</a>
</div>
<center>

MASUKAN KODE SCRIPT IKLAN DISINI

</center>
<div style=”text-align:left”>
<a href=”http://otowebsite.blogspot.com”>
Get Widget
</a>
</div>
<script type=”text/javascript”>
var gb = document.getElementById(“gb”);
gb.style.center = (20-gb.offsetWidth).toString() + “px”;
</script></div></div>

catatan:ganti teks warna merah dengan kode script iklan sobat!!!
5.Simpan.
6. Selamat Mencoba Semoga Berhasil

Read More

Cara Membuat Efek Gambar Membesar dan berputar Ketika disorot Mouse

Cara membuat Efek Gambar Mambesar dan Berputar,Apa itu? Gini nih, jadi, gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar dan berputar ketika ada mouse lewat diatasnya.

Seperti apa? contoh nya ada pada blog  ini. gan Coba saja buka salah satu postingan pada blog ini yang ada gambarnya, kemudian dekatkan mouse di atasnya, pasti tuh gambar akan membesar. Begitulah kira-kira penjelasan singkatnya.

Untuk membuat efek gambar membesar dan berputar ketika disorot mouse, Ikuti langkah-langkah berikut ini :

1. login dulu ke akun blogger milik sobat.

2.klik menu Rancangan » Edit HTML.

3.Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.

4.cari kode berikut ]]></b:skin>

5.letakkan kode berikut tepat di atasnya.

.post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
.post .post-body img:hover{-moz-transform: scale(1.3) rotate(-360deg) ;-webkit-transform: scale(1.3) rotate(-360deg) ;-o-transform: scale(1.3) rotate(-360deg) ;-ms-transform: scale(1.2) rotate(-360deg) ;transform: scale(1.3) rotate(-360deg);}

Sampai di sini cara membuat efek gambar membesar dan berputar ketika disorot mouse .slamat mencoba Semoga berhasil

Read More

Membuat Efek Gambar Membesar Ketika disorot Mouse

Gambar pada blog sobat khususnya gambar pada bagian postingan akan berubah menjadi besar ketika ada mouse lewat diatasnya.

Seperti apa? contoh nya ada pada blog Gank-Zone ini. Coba saja buka salah satu postingan pada blog ini yang ada gambarnya, kemudian dekatkan mouse di atasnya, pasti tuh gambar akan membesar. Begitulah kira-kira penjelasan singkatnya.

Cara membuatnya seperti ini :

1. Untuk membuat efek gambar membesar ketika disorot mouse, pertama login dulu ke akun blogger milik sobat.
2. Terus klik menu Rancangan » Edit HTML.
3. Download dulu template sobat biar aman dan biar kalau terjadi error ada cadangan templatenya.
4. Kemudian cari kode berikut ]]></b:skin>
5. Kalau sudah ketemu, letakkan kode berikut tepat di atasnya.
   
   .post .post-body img{margin:5px; padding:5px; border:1px solid #e0e0e0; -o-transition: all 0.5s; -moz-transition:all 0.5s; -webkit-transition: all 0.5s;}
   .post .post-body img:hover{-o-transition:all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform:scale(1.2); -o-transform:scale(1.2); -webkit-transform:scale(1.2);}
6. Simpan template. Lihat perubahannya apakah sudah berubah atau belum.

Sampai di sini cara membuat efek gambar membesar ketika disorot mouse sudah selesai,  Sekian semoga bermanfaat.

Read More

Cara Mempercepat Loading Blog

'LELET' menjadi salah satu jargon jualan salah satu operator. Iya, memang sekarang ini walau kualitas internet di Indonesia secara umum masih jelek, tetapi orang tidak suka dengan halaman blog yang loadingnya lama. Karena konten yang dibuat blogger semakin banyak dan bisa saja menemukan tema yang sejenis, tentu orang akan memilih blog yang loadingnya cepat. Sehingga dia akan bisa mendapatkan informasi yang diinginkannya dengan segera.

Bagi pemilik blog atau blogger, tentu juga menginginkan seperti halnya yang ingin banyak pengunjung inginkan, yaitu loading blog yang lebih cepat ,Dengan loading blog yang cepat membuat pengunjung blog nyaman,traffik dan page view blog pun semakin meningkat. Blog yang memiliki loading yang cepat tentu juga dikarenakan halaman blog yang ringan. Berikut adalah tips untuk membuat blog menjadi lebih cepat loadingnya:

1. Kurangi Widget Blog yang Kurang Bermanfaat
Salah satu penyebab blog menjadi berat dan loadingnya lama adalah pemasangan widget yang terlalu banyak yang dipasang di blog. Memang ada beberapa widget yang wajib ada di blog, tetapi beberapa widget yang kurang memiliki manfaat untuk blog lebih baik dihapus saja. Selain dapat membuat blog lebih cepat loadingnya juga bisa membuat pengunjung blog fokus pada konten blog.

2. Hindari Penggunaan Script yang Berlebihan
Pengunaan script baik itu CSS, HTML, dan JavaScript yang berlebihan membuat blog menjadi lebih berat sehingga membuat halaman blog terbuka lebih lama. Kita bisa memilih dan menghapus kode CSS yang sudah tidak berfungsi lagi yang ada di atas ]]></b:skin>. Atau bisa juga mengkompres script baik itu CSS, HTML, JavaScript, ataupun script blog secara keseluruhan agar loading blog lebih cepat. Salah satu tool yang bisa dimanfaatkan adalah http://htmlcompressor.com/compressor.html

3. Menambahkan Script untuk Mempercepat Loading Blog
Cara lain untuk mempercepat loading blog adalah dengan menambahkan script dari Laziload. Yaitu dengan menaruh script berikut ini ini tepat di atas kode </head>.

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder :
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnFgttoeSM0bkOYRo8NUls5UvFAXYWKgziuInVwaEq_hswrcpoUd5kC0Vbf1hu_uUotzNK-R2NUrAIrbNSgZRkSutSR9wCEjEtFdou_u_zPFr86VXBCjoDRypLNSwhVLAKDcMmTMWSkWU/&quot;,threshold
: 200});
});
</script>

Khusus untuk penggunaan script ini, ada beberapa template blog sesuai yang bisa malah membuat blog tidak lebih cepat loadingnya. Untuk itu, setelah penambahan script di atas, coba lihat loading blog. Jika lebih cepat,tidak usah dipakai.

Read More

Cara Buat Tombol Share Dengan Efek jQuery Nudging

Cara Membuat Tombol Share Dengan Efek jQuery Nudging, cara memasang social bookmarking share button widget ini telah di request oleh salah satu pengunjung Blogger Peer yang kebetulan tertarik sama tombol share widget nudging menggunakan efek jQuery yang ada di blog saya ini, nah kebetulan sekarang saya sempat mengulasnya dan akan saya bagikan kepada anda semua

Tombol Share widget menggunakan jQuery nudging ini sebenarnya penerapan dari apa yang saya jelaskan pada artikel saya yang sebelumnya yaitu cara membuat link bergerak - link nudging, tetapi disini saya menggunakan gambar/ikon sehingga terlihat menarik dan unik. Icon sharing widget yang ada di bloggerpeer.blogspot.com ini terdiri dari beberapa situs social media yang umum dipakai oleh orang untuk membagikan artikel yang bermanfaat bagi kerabat mereka. Banyak dari para pengunjung bertanya kepada saya apakah script jQuery tidak berat ketika di load? jawabannya adalah TIDAK, script jQuery ini sangat ringan dan saya pun memakai script ini pada sharing widget di blog ini dan juga pada tombol back to top  yang ada pada bagian bawah halaman, jadi jangan khawatir untuk memasang script jQuery pada blog anda.

Sebelum kita memasang ikon sharing widget ini ada baiknya anda back up template terlebih dahulu untuk jaga-jaga kalau ada kesalahan pemasangan

• Login di Blogger
• Masuk ke Template > Edit Html
• Centang pada Expand Widget Templates
• Cari kode ]]></b:skin>
• Copy kode dibawah ini dan paste tepat dibawah kode  ]]></b:skin>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&#39;a.nudge, .#Label2 ul li a&#39;).hover(function() { //mouse in
$(this).animate({ marginLeft: &#39;12px&#39; }, 400);
}, function() { //mouse out
$(this).animate({ marginLeft: 0 }, 400);
});
});
</script><!-- end LinkNudging --><!-- end LinkNudging -->

• Gunakan CTRL+F kemudian cari kode <b:if cond='data:post.hasJumpLink'> setelah ketemu kemudian diatas kode tersebut akan ada kode <div style='clear: both;'/> <!-- clear for photos floats --></div>
• Copy code dibawah ini dan paste tepat diatas kode <div style='clear: both;'/> <!-- clear for photos floats --></div>

<br/>
<b:if cond='data:blog.pageType == "item"'><b>Share it to your friends..!</b><br />
<br />
<table border='0'>
<tr> <td><script type='text/javascript'>
window.___gcfg = {lang: 'en'};
(function()
{var po = document.createElement("script");
po.type = "text/javascript"; po.async = true;po.src = "https://apis.google.com/js/plusone.js";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(po, s);
})();</script><g:plusone size="standard"></g:plusone></td>
<td><div class='bookmarks'>
<a class='nudge' expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share to Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAi__roooD4U2VCJQHzWkZX9nrvemhuoMLzNBZC6rx-xsy6drXzMC_uH3mht2yQJvnu-by08nNzs6_96Dr_VqxADNGTjazd92Hq6_Eb0Kfd-NlIMG1ElHhmLFuG3ZlIDtoV4Uqa24jy0I/s1600/facebook.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Facebook'/></a>
<a class='nudge' expr:href='&quot;https://twitter.com/intent/tweet?text=&quot; + data:post.title + &quot;&amp;amp;url=&quot; + data:post.url ' rel='nofollow' target='_blank'><img alt='Share this post on twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSspYFY-JYcUj2DMxZLCVsA_g_pEts5godKzdK5lmI5DGhAQSCF8TeOUJlX3uL4fy5Fwf1PLw0s7XSGsDNZtXJVWXT6F1_MlC7FiEdcPDhe0YjeVZvrXoe7XMcWqqpMY7OtYsbMbya9NQ/s1600/twitter.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share this post on twitter'/></a>
<a class='nudge' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Bookmark Delicious' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsE938lBMkVKNzGoakcqL0GZho36EmpVTbrTfpiiEzB5sk8qanFwp1FFnou-5SwY5vfTy8YOk_x-zadjD_ZadVG_mDkpNeQmonrSpuu9Zl4XGSDdSx6ER-fPx6DYMv31_XCSxizPigpGU/s1600/delicious.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Bookmark on Delicious'/></a>
<a class='nudge' expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Digg This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0mtKW6jZYjfF03L2xyeaCiF7fPQJaIvfVum7IGLMOHpZKfuaFDPDq8hTNUR559ZfrhPXAttA4dCDy2LSs64kyl42aE-qAxkVEE1F4KD3CHKuSJWfKpwfu5KP6dS2C6MlDRpbXet1f3Is/s1600/digg.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Digg This'/></a>
<a class='nudge' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Stumbleupon' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEl9Td4rIewjcMOHKmUt32QrmjFDOQ-_Dg1R5-D9JMTe7kALI1mOqdKa2zoimZUuCtI2KqpQz3grTUhYDsxbMojZe-xrS_02NMi6q_DtKiI5XD6udEiYmD5gEv0zv3u8CuCct-3SI8Uu4/s1600/stumbleupon.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Stumble This'/></a>
<a class='nudge' expr:href='&quot; http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Reddit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb8Zrh_LYr8LsJqehK4p-QAbHV4ZkF5Buh7t0oPxw1LT8WeOjpvmoZ333IW5wx8C-leKq-iGtPxf8HGoJfNdlBUod1TMBG5z2Lk-W7qw47lprf2jMY-oykQs4gEPsK60ZHsm1pCj2Y5Ao/s1600/reddit.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Share to Reddit'/></a>
<a class='nudge' expr:href='&quot; http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Yahoo Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQlGu0e08yA8Bpq2TOEn9IkFv3pzwxW2jXZTaeipSOTj9VRiIlD8WjjA3wRBlTXJi5ypXGiSSgfOXUDnfeeGPXo6o_AXb_DyPdWOQ1oAMrjt3pHrirw8Qq2FRQ1XStvCga2_aL85WKCc/s1600/yahoo.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Yahoo Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Furl-Diigo' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl0Wnn4WqA_kk1ukVS_Xr779G44QzBdW-Y64ioI61rkfr3jkeg32DkZuiBfEK6pfYZOnsCGnxhkMOySG3lH3-fKMRlXmHxE0uqEuTP38zC2Htu8yUkn-RJMx9ublJWgiTRk5RBEDRccgY/s1600/furl.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Send to Furl/Diigo'/></a>
<a class='nudge' expr:href='&quot; http://www.google.com/bookmarks/mark?op=edit&amp;amp;output=popup&amp;amp;bkmk=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Google Bookmark' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS7Gr2bhTRFRf2TjjTXEes3SbVGM4bKnMeAmDYhy9PoQBCctSLl93TiIze8JXpmwkAXJRZqTILdApmRQCQejhcPRwgg6IL0RugwHqOpGyASMifKJB_ZA8O4Fb77kdip5nU-NolZpunrpI/s1600/google.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Google Bookmark'/></a>
<a class='nudge' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Technorati' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtVpMuu6lztzI_-1ulqfByePF5BdXEu2FCmPpZ89J8OC253DQwZNBVtlSgj-TiZNMs20qtxFKh7IwpNGYASe5p2HprOrtXS2feKfeK51XxsIOXxhztuuMIDLFr6YqO3dfxT6F_-1GTjxM/s1600/technorati.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Add to Technorati'/></a>
<a class='nudge' expr:href='&quot; http://www.newsvine.com/_tools/seed&amp;amp;save?u=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Newsvine' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9hXbhqM52ksUFceCuxsIOxR91D4ueXqUeeSKKl_u-A44RFC_CpfmfyTu0kgIa4Sse3ekafGTdjKfWstuX73P7hD5e1HrDv6q3Tl4eEUMP18XtAwEXDFceNtcLqOYkj8jYH38n7oOdhS4/s1600/newsvine.png' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;' title='Save to Newsvine'/></a>
<a class='nudge' href='http://bloggerpeer.blogspot.com' target='_blank'><img alt='Tips Triks Blogger, Tutorial SEO, Info' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyna6ftXgEh8smcemROGb-uTqAfOqfhRR_1N1KW5bsWvEWC7Jnmnhk_LEkbb2mluRGQRwGoepft6gDGjhhhx11nJ8KpJfeTQQ4l2Lq-TWCPW2Y-gFzH-cXH866hqWLnrblLNgG45H6IgE/s1600/blogger-peer.gif' style='border: 0px; margin: 0 0 5 0; padding: 0 0 0 0;'/></a></div>
</td></tr>
</table>
</b:if>

• Terakhir simpan template

Read More

Cara Buat Tombol Back To Top di Blogspot

Cara membuat/memasang tombol back to top/go top di blogger, tombol back to top adalah sebuah tombol yang berfungsi untuk membuat/mempercepat scrolling dari bawah keatas di sebuah web page ataupun blog page sehingga akan mempermudah reader ataupun visitor untuk kembali´pada bagian atas dari blog/website dengan cepat ketika berada dibagian bawah halaman dengan hanya sekali klik pada tombol back to top tersebut. Sebagai contoh sobat bisa melihat pada bagian kanan bawah dari blog saya ini

Fitur back to top yang kita buat/bahas sekarang ini adalah fitur tombol back to top menggunakan jQuery. Efek jQuery ini sedikit lebih lembut dan smooth daripada efek javascript lainnya seperti pada animasi bintang jatuh dari kursor yang menggunakan javascript biasa. Kelebihan nya juga adalah efek back to top ini sangat ringan ketika di loading dan sangat cocok digunakan didalam blog tentunya bagi yang suka me-modifikasi blog-nya dengan sesuatu yang unik, indah dan bermanfaat. Untuk membuat nya silahkan ikuti langkah-langkahdibawah ini .

Cara Membuat/Memasang Tombol Back To Top Dengan jQuery di Blogger

• Silahkan login di Blogger
• Pilih Template > Edit HTML > klik Expand Widget Template
• Cari kode </body>  (gunakan CTRL+F)
• Copy kode dibawah ini dan Paste tepat diatas kode </body>  (jika kode dibawah sudah ada di template sobat, kode dibawah tidak usah dipasang lagi)

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

• Kemudian Copy lagi kode dibawah ini dan kemudian Paste tepat dibawah kode diatas

<script src='http://bloggerpeer.googlecode.com/files/backtotop.js' type='text/javascript'/>
<!-- Back to top designed by Blogger Peer - bloggerpeer.blogspot.com -->
<a href='#' style='display:scroll;position:fixed;bottom:5px;right:5px;' title='Back to Top'><img onclick='MGJS.goTop();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_cuqjP4Vi7bwFLhIIZUyK8_CDa_IPFW69nmfy1XI8rnT6qt-jCBAaygmOBoKX0gt2K_c2NtN0BzoDd8CHjDhGeMMmXcKGE-5HjAXxhURkIZKMgET1gi1wFG9dGtYmU557DaC6GgC-fAM/s1600/back-to-top.gif'/></a>

• Terakhir simpan template sobat dan tombol back to top sudah bisa dipakai

Read More

Cara Membuat Breadcrumbs Terindex / Di indeks Google

Cara membuat / memasang navigasi breadcrumbs terindex Google di blog agar terlihat di dalam mesin pencari Google (Google search), beberapa waktu lalu saya pernah menjelaskan tentang cara membuat breadcrumb seo friendly yang tujuannya untuk memudahkan visitor menjelajahi halaman demi halaman pada blog anda sesuai dengan kategori yang ada

Sekarang saya akan membahas sedikit tentang perbedaan menu navigasi breadcrumb seo friendly yang pernah saya tulis sebelumnya dengan yang akan kita terapkan sekarang. Mungkin sebelumnya anda sudah memasang breadcrumbs yang saya jelaskan dulu tetapi hasilnya tidak terlihat didalam pencarian Google seolah-olah tidak di index oleh Google, memang membutuhkan waktu yang sangat lama baginya untuk meng-indeks breadcrumbs yang seperti itu bahkan saya sempet dengar blog anda harus ber-pagerank 3 atau lebih. Tetapi sekarang hal itu tidak perlu dipersoalkan lagi meskipun blog anda belum mempunyai pagerank karena navigasi breadcrumbs yang satu ini akan terlihat di mesin pencari Google dengan waktu yang singkat dan semua label blog akan ter-index olehnya, nah untuk membuatnya anda ikuti langkah-langkah dibawah ini

Cara membuat Breadcrumbs di Blogspot / Blogger

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Centang Expand Widget Templates
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang dibawah ini

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

Read More

Cara Cepat Menaikkan Pagerank

—— Copy mulai di sini —— Silahkan pelajari dengan baik lalu anda terapkan dengan benar…. Ada kata bijak yang mengatakan “Honesty is The Best Policy (Kejujuran adalah politik/strategi terbaik)”, mari kita buktikan….apakah konsep kejujuran disini dapat kita gunakan untuk menghasilkan traffic dan popularity yang sangat hebat dari sebuah metode rumit para expert webmaster atau pakar SEO..? Saya percaya kita bisa asal metode ini anda terapkan dengan benar…,apabila ini di aplikasikan pada web/blog anda sesuai ketentuan maka:

• Blog anda akan kebanjiran traffic pengunjung secara luar biasa hari demi hari, tanpa anda harus repot-repot memikirkan SEO atau capek-capek melakukan promosi keberbagai tempat di dunia online.
• Blog anda juga akan kebanjiran backlink secara signifikan hari demi hari, tanpa perlu repot-repot berburu link keberbagai tempat di dunia internet.

Hal yang harus anda lakukan adalah ikuti langkah-langkah berikut :

1. Buatlah postingan artikel seperti posting saya ini, atau copy-paste artikel ini. Lalu beri Judul sesuka anda (karena itu merupakan SEO buat web/blog anda sendiri).
2. Anda cukup hanya meletakkan Link-Link di bawah ini pada artikel anda tersebut pada blog/web anda.
   
   
   
   1. Friendster.com
   2. Google.com
   3. Bisnis Online
   4. Panduan belajar Wordpress
   5. Softare Asli
   6. Lirik Music Indo
   7. Lirik Music Luar
   8. Free Template
   9. game para gamer
   10. Tutorial Blogging | Internet Bisnis Online
   11. pVidia Blog
   12. kreativitas
   13. Laksana Berita 
   14. Topless
   15. Bengkok

PERATURAN :

1. Sebelum anda meletakkan Link-Link tersebut ditas ke dalam postingan web/blog anda, harap hapus Link nomor 1 , Sehingga link no 1 hilang dari daftar link dan setiap link anda naikkan 1 level ke atas. Yang tadinya no 2 naik menjadi no 1, yang tadinya no 3 menjadi no 2, yang tadinya no 4 menjadi no 3 dan begitu seterusnya. Setelah itu masukkan Link anda pada urutan Paling bawah ( no 15 ).
2. Ingat!!! Jangan Merubah Urutan daftar link Apabila setiap blogger yang ikut dalam metode ini berhasil di duplikasi ole blogger lain yang akan bergabung, andaikan 5 blogger yang bergabung maka Backlink yang anda dapat adalah Ketika:

Posisi anda 15, jumlah backlink = 1
Posisi 14, jumlah backlink = 5
Posisi 13, jumlah backlink = 25
Posisi 12, jumlah backlink = 125
Posisi 11, jumlah backlink = 625
Posisi 10, jumlah backlink = 3.125
Posisi 9, jumlah backlink = 15.625
Posisi 8, jumlah backlink = 78.125
Posisi 7, jumlah backlink = 390.625
Posisi 6, jumlah backlink = 1.953.125
Posisi 5, jumlah backlink = 9.765.625
Posisi 4, jumlah backlink = 48.828.125
Posisi 3, jumlah backlink = 244.140.625
Posisi 2, jumlah backlink = 1.220.703.125
Posisi 1, jumlah backlink = 6.103.515.625

Dan semua Dari kata kunci yang anda inginkan, bayangkan jika ini bisa berjalan dengan sempurna maka anda akan memperoleh 6.103.515.625 external link yang berasal dari berbagai blog yang anda tidak akan pernah bayangkan sebelumnya. Belum lagi apabila ada pengunjung blog anda dari Link List tersebut diatas maka otomatis anda akan memperoleh traffic ke web/blog anda juga. Ingat!!! Aturuan mainnya, Anda harus memulai dari urutan paling bawah (no 15) sehingga hasil backlink anda bisa Maksimal. Jangan salahkan saya apabila anda tidak mengikuti metode ini dengan benar dan Link anda tiba-tiba berada pada urutan no 1 dan menghilang pada Link daftar. Jadi mulai lah pada urutan paling bawah(no 15). Bisakah Anda melakukan tindakan tidak fair atau tidak jujur dengan menyabotase metode ini, misalkan saja “menghilangkan semua link asal” lalu di isi dengan link web/blog anda sendiri…? ….Bisa, dan metode ini menjadi tidak maksimal. Kejujuran adalah strategi/politik terbaik…..Tapi saya yakin bahwa kita semua tak ingin menjatuhkan kredibilitas diri sendiri dengan melakukan tindakan murahan seperti itu… —- SELESAI —-

 

Sumber

Read More