Cara Merubah Blog Ke Versi Mobile

Jumpa kembali dengan tutorial blogspot yang mana tutorial berikut ini atau cara membuat blog menjadi versi mobile atau ke versi seluler ini sudah banyak sekali yang menshare, baik itu melalui layanan blogger sendiri maupun melalui layanan pihak ke tiga (melalui situs online yang juga gratis) dan pada kesempatan ini aku akan coba berbagi cara merubah blog ke versi mobile melalui blogger sendiri

Seperti yang sudah sama-sama kita ketahui bahwa pada dasarnya,blogger sendiri sudah menyediakan layanan versi mobile atau seluler bagi para penggunanya sendiri, maka dari itu... untuk sobat-sobat ku yang belum memanfaatkan layanan blog versi mobile/seluler silahkann ikuti cara atau langkah-langkah berikut ini

Cara Merubah Blog Ke Versi Mobile

1. Pilih template, setelah sebelumnya anda login terlebih dahulu kedalam dasbor blogger sobat masing-masing.

2. Lalu pilih pengaturan seluler, dan untuk lebih jelasnya perhatikan gambar berikut

3. setelah terbuka sebuah jendela munculan, lalu pilih tampilkan template seluler pada perangkat seluler.

4. langkah terakhir adalah dengan menyimpan pengaturan tadi, klik simpann dan selesai. Jika dalam tahap ke3 dann ke-4 ada yang kurang sobat pahami, anda biisa berpatokan pada gambar berikut

Okay.! Kiranya sampai disini saja dulu, cara merubah blog ke versi mobile. Dan untuk mengetest hasilnya silahkann sobat buka melalui smartphone sobat masing-masing, atau bisa juga dengan meng-copy link berikut ini: http://contohblog.blogspot.com/?m=1 kemudian pastekan kedalam jendela baru, dengan catatan Anda mengganti kata contohblog dengan Nama blog sobat masing-masing.

Sekian dan bye-bye... 

Read More

Cara Membuat Blog

Cara Membuat Blog, Cara bikin blog - Cara agar mempunyai blog atau cara menciptakan blog - Cara bikin blog. Hari ini saya membuat label baru tapi dengan tema yang sama, yaitu label Blogging. Label ini sama dengan label Tutorial Blog, tapi karena isi dari label Tutorial Blog saya anggap sudah banyak, Jika seorang blogger baru harus WAJIB untuk membaca artikel Panduan Blogger terlengkap untuk membuat blog anda menjadi terkenal 

Cara membuat blog - Cara bikin blog disini akan memakai Blogger sebagai Blog gratis sebagai bahan pembelajarannya. Kenapa penulis menyarankan membuat blog gratis di Blogger, karena layanan di Blogger itu tanpa batasan bandwidth, selain itu dengan membuat Blog di Blogger atau Blogspot kita juga memungkinkan untuk monetize Blog yang kita buat bila suatu saat kelak banyak dikujungi orang. Selain bisa di monetize atau mendapatkan uang dari hasil ngeblog, situs Blog gratis Blogger juga sangat user friendly atau gampang untuk digunakan. Meski kita bukanlah orang yang pintar komputer, namun penulis yakin cara membuat blog di Blogspot tidak akan seribet yang dipikirkan dan pasti akan bisa membuatnya. Apa saja hal yang diperlukan untuk membuat blog di Blogger? Salah satu syarat agar kita bisa membuat blog gratis di Blogger adalah, bahwa kita harus memiliki akun email dari Gmail, yaitu email yang dimiliki oleh Google. Seperti diketahui bahwa Blogger sendiri merupakan layanan blog gratis yang dimiliki oleh Google, jadi wajar saja bila pihak Blogger meminta kita harus memiliki akun Gmail terlebih dahulu, apabila kita hendak memiliki blog di Blogger. Bagi teman-teman yang masih belum memiliki akun Gmail atau email di Gmail, maka cara membuat blog ini akan kita awali dengan membuat akun Gmail terlebih dahulu. Agar tidak berlama-lama lagi, maka berikut adalah langkah-langkah cara membuat akun Gmail.

A. Cara membuat Gmail - Cara membuat akun Gmail

1. Kunjungi situs www.gmail.com dan daftar diri anda.
2. Akun Gmail berfungsi sebagai Alamat email anda dan membuat blog anda


ISI DENGAN LENGKAP SESUAI DATA DIRI ANDA 

Pada bagian ini, maka isilah hal-hal yang diminta pada form pengisian data, seperti:

- Pada bagian kolom "Name" isikanlah dengan nama awal dan nama akhir kamu.
- pada bagian "Choose your username" isikan dengan username yang kamu inginkan, misalnya belajarblog@gmail.com
- Pada bagian "Create a password" isikan dengan password yang kamu inginkan.
- pada bagian "Confrim your password" isikan sama dengan kolom create a password diatasnya.
- pada bagian "Birthday" isikan sesuai dengan tangga lahir kamu.
- Pada bagian "Gender" isikan dengan jenis kelamin kamu.
- Pada bagian "Mobile phone" isikan dengan nomor ponsel kamu.
- Pada bagian "Current email address" dapat tidak diisi bila sebelumnya kamu belum memiliki email
- Pada bagian "Prove you're not a robot" isikan sesuai dengan gambar tulisan yang muncul diatasnya.
- Pada bagian "Location" pilih negara asal kita sesuai dengan yang sudah tercantum, misalnya "Indonesia"
- Centang pada tanda "I agree to the Google Terms of Services anda Privacy Policy"
- Kemudian klik tombol "Next step"
 
Tunggu beberapa saat, maka seketika akan datang sebuah SMS dari Google ke nomor HP yang sudah kamu isikan sebelumnya untuk me-aktivasi akun Gmail yang baru saja kamu buat. Bila langkah-langkah diatas sudah dilakukan dengan benar, maka tentu sebuah akun Gmail akan selesai dibuat. Selanjutnya adalah langkah kita membuat blog baru di Blogger.


B. Cara menciptakan blog - Cara Membuat blog 

1. Kunjungi situs www.blogger.com
2. isi kan data diri anda. login blogger dengan menggunakan akun GMAIL yang tadi sudah di buat.
3. Lalu isikan Nama blog, Deskripsi blog, dll. ( Isikan dengan lengkap )
Pada bagian ini, maka isilah hal-hal yang diminta pada form pengisian data, seperti:
- Pada bagian "Judul Blog" isi dengan judul blog sesuai dengan keinginan kamu, misalnya "Belajar Ngeblog"
- Pada bagian "Alamat blog (URL)" silahkan isikan dengan nama blog yang kamu inginkan, misalnya "belajar-blog-aja"
- Pada bagian "Buktikan bahwa Anda bukan robot" isikan dengan tulisan yang tampak pada gambar.
- Klik tombol "Lanjutkan"

Jika sudah di buat dan mendaptkan alamat blog (Contoh alamat blog Namaanda.blogspot.com)

Lalu Jika sudah pilihlah salah satu template yang tersedia sesuai yang kamu inginkan. Setelah memilih salah satu template, maka langkah selanjutnya adalah meng-klik tombol "Lanjutkan"

Dengan tampilan situs seperti demikian diatas, maka cara membuat blog sudah selesai, dan kini saatnya untuk memulai menulis di blog kamu dengan cara mengklik tombol "Mulai Blogging". Demikianlah langkah-langkah cara membuat blog.

Semoga bermanfaat.

Read More

Cara Menghapus Kotak Komentar di Blog

Tips Menghapus Kotak Komentar di Blog, Menghilangkan kotak komentar. Bagi sobat yang ingin mengganti kotak komentarnya dengan Kotak Komentar Facebook dan menghapus Kotak Komentar bawaannya blog atau sobat tidak mau blog-nya dikomentari oleh orang lain, disini 2 cara untuk menghilangkan kotak komentar blog, agar anda bisa memilih cara mana yang mudah untuk di-lakukan.

Berikut Langkah Langkahnya:

Cara Pertama :

• Masuk ke dashboard
• Pilih Template
• Unduh Template Dulu (untuk antisipasi saat anda berubah pikiran)
• Edit HTML
• Centang tulisan Expand Template Widget
• Tekan Ctrl+F pada keyboard, lalu cari kodeseperti dibawah ini :

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<d
ata:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>

• Setelah ketemu kode seperti diatas, kemudian langsung hapus kodetersebut
• Simpan Template

Cara yang Kedua:

Melalui Menu Pengaturan

• Pilih Setelan
• Pos dan komentar
• Dalam pilihan Lokasi Komentar ? Pilih Sembunyikan
• Simpan Setelan

 Silakan Sobatpilih metode penghapusan kotak komentar yang mana? Semoga Berhasil

Read More

Kumpulan Efek Blogger

Kumpulan Efek - Efek Blog ( Lengkap ) - Memang selalu ada cara untuk mempercantik penampilan blog. Setelah sebelum memposting cara memasang animasi di blog, kali ini saya akan kasih sobat berbagai macam / jenis efek - efek blog yang bisa di pasang di blog.

Sebelum kita masuk ke intinya, terlebih dahulu saya ingatkan pada sobat bahwa efek, animasi dan widget - widget serupa akan menambah beban loading blog sobat, jadi mohon di perhitungkan sebelum sobat memasang efek ini. Efek yang akan saya posting kali ini, akan saya bagi 2 yaitu efek ringan ( loading ringan ) dan efek menegah hingga berat. ( kayak tinju aja.. ) .

Sobat yang tertarik memasangnya silahkan ikuti tutorial memasang efek - efek pada blog berikut.

A. Efek Ringan
Mungkin Ini adalah efek yang biasa sobat lihat saat sobat blogwalking.

1. Efek salju berjatuhan

<script src='http://tateluproject.googlecode.com/files/snow.js' type='text/javascript'></script>

2. Efek hati bertaburan

<script src='http://tateluproject.googlecode.com/files/lovingheart.js' type='text/javascript'></script>

3. Efek bintang bertaburan

<script src='http://tateluproject.googlecode.com/files/bintang.js' type='text/javascript'></script>

4. Efek kembang api

<script src='http://tateluproject.googlecode.com/files/kembangapi.js' type='text/javascript'></script>

5. Efek Gelembung

<script src='http://tateluproject.googlecode.com/files/efek-gelembung.js' type='text/javascript'></script>

5. Efek Kupu - Kupu Terbang

<script language="JavaScript1.2" src="http://imtikhan.googlecode.com/files/Kupu-kupu1.js"></script>

Cara pemasangan :

1. Klik rancangan --> Edit html
2. Letakkan script efek di atas kode </body>
3. Klik Save

B. Efek Menengah - Berat
Efek ini saya ambil dari http://www.netdisaster.com. Untuk demo dari salah satu script berikut :

1.Meteor Jatuh

<script language="javascript">
nd_mode="meteor";
nd_control="on";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

2. Banjir

<script language="javascript">
nd_mode="flood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.coml" target="_blank">.</a></center></small></div>

3. Bunga Mekar

<script language="javascript">
nd_mode="flowers";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

4. Bom Atom

<script language="javascript">
nd_mode="bomb";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

5. UFO

<script language="javascript">
nd_mode="ufo";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

6. Graffity

<script language="javascript">
nd_mode="graff";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

7. Shaver

<script language="javascript">
nd_mode="shaver";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

8. Gun

<script language="javascript">
nd_mode="gun";
nd_sound="on";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

9.Bloody gun

<script language="javascript">
nd_mode="blood";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

10. Paint ball

<script language="javascript">
nd_mode="paint";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

11. Chainsaw

<script language="javascript">
nd_mode="chainsaw";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

12. Dinosaurus

<script language="javascript">
nd_mode="dino";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

13. Lebah

<script language="javascript">
nd_mode="wasp";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

14. Lalat

<script language="javascript">
nd_mode="fly";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

15. Semut

<script language="javascript">
nd_mode="ants";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

16. Siput

<script language="javascript">
nd_mode="snail";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

17. Cacing

<script language="javascript">
nd_mode="worms";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

18. Mold

<script language="javascript">
nd_mode="mold";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

19. Bayi merangkak

<script language="javascript">
nd_mode="baby";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

20. Telur mata sapi

<script language="javascript">
nd_mode="eggs";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

21. Kopi tumpah

<script language="javascript">
nd_mode="coffee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

22. Terbakar

<script language="javascript">
nd_mode="burn";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

23. Tomat

<script language="javascript">
nd_mode="tomato";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

24. Creampie

<script language="javascript">
nd_mode="creampie";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

25. Murka

<script language="javascript">
nd_mode="god";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

26. Sapi Jorok

<script language="javascript">
nd_mode="cow";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

27. Anjing Jorok

<script language="javascript">
nd_mode="dog";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

28. Kencing Sembarangan

<script language="javascript">
nd_mode="pee";
nd_vAlign="bottom";
nd_hAlign="right";
nd_vMargin="10";
nd_hMargin="10";
nd_target="_blank";
</script>
<script language="javascript" src="http://tateluproject.googlecode.com/files/efek.js"></script>
<div style="position: fixed; bottom: 0px; right: 20px;width:100px;height:30px;"><small><center><a href="http://www.seowaps.com" target="_blank">.</a></center></small></div>

Cara pemasangan :

1. Klik rancangan --> Elemen laman --> Tambah gadget --> HTML/Javascript
2. Masukkan script efek di dalam kotak yang di sediakan
3. Klik save dan lihat hasilnya.Tambahan :

Efek yang ke 2 berbeda dengan efek yang pertama. di efek ke 2, efek bisa dimatikan secara manual, sedangkan yang pertama sebaliknya ( tidak bisa dimatikan selama masih memasang scriptnya ). so, pilih mana yang terbaik menurut sobat.. salam..

Read More

Cara membuat richsnippets

Cara membuat richsnippets, rich snippets, Cara Menampilkan Rating Bintang di Hasil Pencarian Google, Cara membuat rich snippets - Setelah sekian lama mencari artikel tentang cara menampilan rating star di hasil percarian google, akhirnya ane dapat juga tutorialnya.

Caranya sangat mudah dan berbeda dengan tutorial lain yang pernah saya coba sebelumnya yang tentuhnya nggak berhasil, entah mungkin karna masalah template atau apalah .. ane nggak tahu.

Untuk bisa menampilkan rating bintang ini, sobat terlebih dahulu harus memiliki akun di google plus dan sudah harus terhubung dengan blog sobat dengan cara mengklaim sebagai kontributor untuk blog sobat tersebut. Masih bingung? Khusus yang belum punya akun di google plus, entar akan ane posting tutorialnya.

Sekedar tambahan, rating bintang ini nantinya akan dimunculkan di hasil pencarian untuk artikel - artikel blog sobat terutama artikel yang baru diposting sesaat setelah mengikuti dan memasang ratting bintang di tutorial kali ini..

Cara Menampilkan Rating Bintang di Google :
 
1. Login ke akun blog sobat2. Klik Rancangan --> Edit HTML --> Centang kotak kecil di samping tulisan Expand Template widget

2. Letakkan kode berikut tepat diatas kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'><link href='https://plus.google.com/112092088130426761224' rel='publisher'/>
</b:if>

catatan:
ganti angka berwarna biru dengan Url google plus milik sobat.

3. Kemudian letakkan kode berikut sesudah kode <body>

<div><div itemscope='' itemtype='http://data-vocabulary.org/Review'>

dan tag penutup </div></div> sebelum tag penutup </body>

4. Cari kode <data:post.body/> dan letakkan kode berikut tepat dibawahnya.

Description: <span itemprop="description"><data:post.title/></span>
Rating: <span itemprop='rating'>4.5</span>
Reviewer: <span itemprop='reviewer'><data:post.author/></span> -
ItemReviewed: <span itemprop='itemreviewed'><data:post.title/></span>

Tambahan:
Kode <data:post.body/> akan berjumlah 2 jika sobat telah memasang readmore, pilih kode yang ke 2.

5. Klik save dan lihat hasilnya. Cek Disini http://www.google.com/webmasters/tools/richsnippets?

Read More

Panduan Blogger Lengkap

Panduan Blogger terlengkap, Cara Mempercantik Blog, Panduan Blog yang disusun pada halaman ini sengaja saya buat untuk memudahkan Anda dalam mencari Tutorial Blogger yang Anda butuhkan.

Dengan demikian bagi anda yang baru saja membuat blog tidak lagi kesulitan dalam memodifikasi, mempercantik blog yang Anda miliki. Tidak hanya itu saja, Panduan Blogger yang saya muat pada halaman ini juga merupakan Panduan Blogger terbaru sehingga relevansi tutorial blog yang disajikan mudah-mudahan bisa diaplikasikan dengan mudah.

Perlu Anda ketahui bahwa, sebelum memposting artikel berupa tutorial blog khususnya blogger, terlebih dahulu saya sudah mempraktekkannya, sehingga keakuratan tutorialnya dapat terjamin. Namun terkadang beberapa template blog memiliki kode yang berbeda (biasanya template bukan bawaan blogger) yang mengakibatkan ada tutorial blog yang di publish tidak bekerja sebagaimana mestinya. Hal inilah yang menjadi kontroversi bagi pemula yang terkadang gagal dalam menerapkan tutorial blog yang dibaca.

Seiring dengan perkembangan dan permintaan serta kebutuhan para blogger yang baru membuat blog mingkat, saya akan terus berusaha untuk menambah koleksi panduan blogger berupa tutorial blog. Dengan demikian Anda tidak perlu lagi bersusah payah mencari tutorial di blog lain.

Berikut adalah panduan dasar mengenai blogger :

1. Cara membuat richsnippets
2. Kumpulan Efek Blogger
3. Cara Menghapus Kotak Komentar Bawaan Blog
4. Cara Membuat Blog
5. Cara mengganti font judul postingan blog
6. Cara membuat iklan di bawah judul postingan
7. Cara membuat iklan di bawah postingan blog
8. Cara Menambahkan atau mengklaim situs di webmaster Tools
9. Pengelolaan Domain Situs
10. Cara daftar blog di webmaster google
11. Cara mendapatkan Pagerank
12. Cara menambah kolom footer di blog
13. Cara Menambah Kolom di Bawah Header Blog
14. Membuat Widget Blog Hanya Tampil di Homepage
15. Cara Mengganti Background Post Blockquote di Blog
16. Membuat Widget Blog Hanya Tampil di Postingan
17. Cara Memasang Scroll Kotak Komentar blog
18. Cara Membuat Efek Salju di Blog
19. Cara Memasang Scroll pada Kategori Blog
20. Cara Memasang Yahoo Messenger di Blog
21. Cara Mengganti Favicon di Blog
22. Cara Membuat Kotak Komentar Facebook di Blog
23. Cara Memasang Counter Flag di Blog
24. Cara Pasang Lagu di Blog
25. Cara Memasang Tombol Follow Twitter di Blog
26. Cara Membuat Text Area di Blog
27. Cara Membuat Judul Blog Bergerak
28. Cara Mengcopy Tulisan Dari Web/Blog Yang Tidak Bisa Dicopy
29. Cara Membuat Random Post di Blog
30. Cara Memasang Jam di Blog
31. Cara Membuat Link Bergoyang di Blog
32. Cara Membuat Semua Link Terbuka Di Tab Baru 
33. Menampilkan Link Sumber Ketika Artikel Di copas
34. Cara Membuat Anti Copy Paste Di Blog
35. Cara Membuat Semua Link Terbuka di Tab Baru
36. Cara Merubah Ukuran Kotak Komentar di Blog
37. Cara Mengganti Background Blog dengan Gambar
38. Cara Membuat Kotak Admin Di Bawah Postingan blog
39. Cara membuat kotak admin di blog
40. Cara membuat kotak komentar wordpress
41. Cara membuat kotak komentar wordpress di blog
42. Cara Mempercepat Loading Blog
43. Cara Membuat Kotak Komentar Admin di blog
44. Cara Membuat Daftar Isi di Blog
45. Cara Membuat Recent Post Berjalan di Blog 
46. Cara Membuat Recent Post dengan Thumbnail
47. Tips SEO wordpress
48. Cara Membuat artikel terkait di blog
49. Cara Membuat Headline News di Blog
50. Cara membuat tulisan mengikuti kursor di blog
51. Cara membuat dan memasang ShoutCamp di Blog
52. Memasang Artikel Acak di Blog
53. Cara membuat chat online di blog
54. Cara membuat permalink di blog seo
55. Cara Membuat Navigasi di blog
56. Cara Membuat Menu Navigasi Horisontal di blog
57. Cara membuat Breadcrumb Terindeks Google
58. Cara membuat blog dofollow
59. Cara menghapus threaded comments di blog
60. Membuat Tanda Tangan di Blog
61. Cara mempercepat loading blog
62. Cara Membuat Rating Bintang di Hasil Pencarian Google
63. Cara membuat wigget menjadi nofollow
64. Cara submit sitemap

Cukup lengkap, mungkin ada kurang yang beberapa Panduan Blogger yang belum lengkap nanti saya akan tambahkan selanjutnya.

Read More

Cara Merubah Ukuran Kotak Komentar di Blog

Cara Merubah Ukuran Kotak Komentar di Blog - Cara/Trik mengubah size kotak komentar/comment box blogger atau cara mengedit kotak komentar blog agar berubah ukurannya atau cara mengubah lebar dan tinggi kotak komentar blog.







saya akan membahas mengenai trik mengubah ukuran lebar dan tinggi box comment di blog. Silahkan dibaca bila tertarik. Oke, langsung saja berikut ini cara mengubah ukuran kotak komentar di blogspot : 

1. Login ke akun Blogger sobat.

2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).


3. Cari kode:


<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='410' id='comment-editor' scrolling='auto' width='100%'/>

 
4. Jadikan yang berwarna biru sebagai patokan waktu kamu mencari kode diatas, karena setiap template

berbeda, dan untuk merubah ukuran kotak komentarmu, silahkan ganti yang berwarna merah, sesuaikan dengan template kamu.

5. Simpan template kamu dan lihat hasilnya.


Demikianlah postingan mengenai cara merubah ukuran kotak komentar di blog kali ini. Semoga bermanfaat buat semua..

Read More

Cara Membuat Recent Post Berjalan di Blog

Cara Membuat Recent Post Berjalan di Blog - Cara/trik mengatur/mensetting recent post bisa berjalan/bergerak atau cara menjadikan artikel-artikel terbaru berjalan atau cara agar recent post bisa berjalan pada/di blog.

Beberapa waktu yang lalu, saya pernah posting artikel mengenai cara merubah ukuran kotak komentar di blog, dimana artikel tersebut memang trik membuat recent post di blog, tapi recent post biasa. Nah, pada kesempatan ini saya akan berbagi artikel yang masih terkait dengan postingan tersebut yaitu trik mensetting recent post bisa berjalan di blog.

Banyak cara untuk menampilkan recent post pada blog kita, sehingga blog kita bisa tampil lebih cantik. Selain dapat mempermudah pengunjung untuk lebih banyak membaca artikel kita yang lainya, sama halnya dengan artikel terkait atau related post, recent post juga bisa dengan tampilan thumbnail, nah kali ini saya akan memberi tutorial tentang cara membuat recent post berjalan yang pastinya sangat mudah untuk dilakukan.

Lalu bagaimana cara agar recent post dapat berjalan di blog - Recent Post berjalan - Recent Post Keren - Memasang recent post? Ikuti tutorial dibawah ini: 

Masuk ke dashbor blog sobat.
Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
Masukan kode berikut ke dalam box HTML/Java Script tadi

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript">
</script>
<style media="screen" type="text/css">
<!--
#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}
.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
-->
</style>
<script language="JavaScript">
imgr = new Array();
imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";
imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 20;
home_page = "http://dizzconnect.blogspot.com/";
limitspy=4
intervalspy=4000
</script>
<div id="spylist">
<script src="http://infonetmu.googlecode.com/files/recentpostthumbslideshow.js" type="text/javascript">
</script></div><div style="text-align: center;"><span style="font-size: 0px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://www.seowaps.com/" target="_blank">seowaps</a></span></span></div>

4. Simpan.
 
Note :
Width: Ganti ukurannnya sesuai dengan lebar widget yang ada di blog sobat
Url yang berwarna merah ganti dengan Url sobat
Angka yang berwarna biru jumlah post yang ingin di tampilkan
 

Demikianlah postingan mengenai cara membuat recent post berjalan di blog. Semoga bermanfaat buat semua.

Read More

Cara Membuat Semua Link Terbuka di Tab Baru

Cara Membuat Semua Link Terbuka di Tab Baru - Cara/trik mengatur/setting semua link di di blog terbuka di tab baru atau cara merubah/mengubah/menjadikan semua link terbuka di halaman baru atau cara agar semua link di blog bisa open di tab baru.

Beberapa sebelumnya artikel yang saya share yaitu cara membuat recent post berjalan di blog maka di postingan kali ini saya akan membahas artikel keren yaitu mengenai trik menjadikan semua link terbuka di tab baru. Oke langsung berikut ulasannya..

Link pada suatu blog atau website sangat penting gunanya, yaitu agar pembaca tetap memiliki akses terhadap page referral dimana dia menemukan link baru untuk di-klik. Selain itu, bagi pemilik blog/website hal ini juga menguntungkan karena visitor tidak segera meninggalkan halaman blog/website karena adanya window baru/jendela baru yang harus dibuka.

Selain itu, link terbuka di tab baru pada artikel yang sedang dibaca juga tidak menghilang tergantikan oleh halaman baru dari link yg di-klik oleh visitor. Pembaca tetap dapat membaca artikel hingga selesai sambil melihat referensi link yg terdapat di dalam posting.

Nah, kali ini saya akan memberikan tips tentang bagaimana cara melakukan trik di atas, jadi jika kamu pasang script ini, kamu tidak perlu menambahkan embel-embel "target" pada link-link yang ada di blog kamu.

Berikut cara membuat semua link terbuka di tab baru secara otomatis - Membuat Link Terbuka di Tab baru :

1. Masuk ke dashbor blog sobat.
2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.
3. Lalu copy ccript berikut ke dalam box HTML/Java Script tadi

<!-- code for turning all non-blog links to new page links -->
<script type="text/javascript" language="javascript">
var arr = document.getElementsByTagName("a"); //get all links inthe page
for(var i = 0; i < arr.length; i++)
{
if(arr[i].href.indexOf("http://dizzconnect.blogspot.com/") < 0 //not links that are 'inside' blog
&& arr[i].href.indexOf("javascript:") < 0) //not javascript links
arr[i].target = "_blank";
}
</script>

4. Ganti tulisan berwarna merah tersebut dengan URL blog kamu lalu simpan.

Nah, demikianlah sobat postingan mengenai cara membuat semua link terbuka di tab baru. Semoga bermanfaat buat semua.

Read More