Memasukan Kode HTML Di posting Blog Tanpa Encoding

Sekarang tidak perlu repot mengencoding kode html atau harus membuat textbox untuk memasukan kode HTML ke dalam artikel atau posting. Karena dari fitur blogger sendiri sudah ada setting untuk tidak menterjemahkan Kode HTML. Caranya sebagai berikut:

1. Setelah masuk ke menu create posting, klik link Post Options pada bagian bawah 

2. Pada Setelan Tulis pilih opsi Tunjukan HTML apa adanya Dengan mengubah setingan tersebut anda hanya tinggal memasukan kode html sesuai aslinya dan bisa diedit seperti merubah warna atau memberi keterangan

Read more »

Membuat Daftar Link Teman

Media ini sangat bermanfaat untuk memasang link teman dalam jumlah yang banyak. Selain bisa bergantian ada tombol drag down yang memudahkan untuk menampilkan semua link. Contohnya berikut ini:

Kode htmlnya berikut ini


<h2 class="title">Link Sahabat</h2>
<div class="widget-content">
<div style="border: 0px solid rgb; overflow: auto; width: 200px; height: 100px; text-align: center;">

<marquee onmouseover="this.stop()"
onmouseout="this.start()" scrollamount="2" direction="up">

<div style="text-align: center;">
<a href="http://www.prafangga.com">Belajar Dan Berbagi</a></div>

<div style="text-align: center;">
<a href="http://nayarre-pata.blogspot.com/">Nayarre Blog</a></div>

<div style="text-align: center;">
<a href="http://www.ifandri.com/">Ifandri's Blog </a></div>

<div style="text-align: center;">
<a href="http://www.biangblog.blogspot.com/">Biang Blog </a></div>

<div style="text-align: center;">
<a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>

</marquee></div></div>

Opsinya sebagai berikut :

• Link Sahabat : judul widget , bisa diganti sesuai keinginan anda
• width: 200px : angka 200 adalah ukuran lebar kotak widget
• height: 100px : untuk mengubah tinggi kotak widget
• <a href="http://www.ifandri.com/">Ifandri's Blog </a></div> : warna pink alamat url, warna oranye Judul blog
• Untuk menambah beberapa link anda tinggal copy kode berikut 

<div style="text-align: center;">

<a href="http://www.aero-models.blogspot.com/">Aero Models</a></div>

dan paste di atas kode </marquee></div></div>

Read more »

Membuat Twitter Follower Counter Di Blog

Pada artikel kali ini kita akan membuat chicklet atau badge penghitung follower account twitter.
Chicklet ini hampir sama dengan feedburner yang menghitung jumlah reader, sedangkan Twitter Counter ini gunanya untuk menghitung Twitter Followers anda.

Default button :



Kodenya sebagai berikut :

<script type="text/javascript" language="javascript" src="http://twittercounter.com/embed/?username=username"></script>

Ganti tulisan merah username dengan id twitter anda

Tersedia 4 warna anda bisa lihat disini.

Untuk add di blogger caranya sebagai berikut
Sign ke Blogger » Layout » Add a gadget » html/javascript
paste the code and save it.

Untuk Wordpress :
Sign ke Wordpress > Widgets > Text
paste code kemudian save.

Read more »

Cek Broken Link Di Blog

Untuk menambah performa blog anda tidak ada salahnya kita mengecek ada tidaknya broken link, dan kita tidak bisa menganggap remeh tentang adanya broken link di web kita. Karena banyak hal yang akan di timbulkan denagan adanya broken link tersebut. Di akhir posting ada situs yang bisa digunakan untuk cek adanya broken link atau tidak.

Sebenarnya Broken link bisa disebabkan oleh beberpa hal antara lain :

• Terjadi perpindahan server
• Kesalahan scipt html atau java
• Salah ketik alamat URL

Beberapa efek negatif dari broken link alias broken link effect antara lain:

1. Popularitas Backlink Menurun.
2. SEO Hancur.
3. Penurunan Traffic secara drastis. Karena loadnya terlalu lama kebanyakan para pengunjung akan langsung menutub web anda. Dan yang lebih parah mungkin pengunjung akan kapok datang ke situs anda lagi. Hingga akhirnya anda akan kehilangan pengunjung setia anda.
4. Tidak Disukai Oleh Google. Google sebagai mesin pencari yang terbaik pasti tidak akan mengecewakan para penggunnya dengan adanya situs yang not found atau ngeload kelamaan. Maka untuk situs yang bermasalah akan diturunkan rangkingnya.
5. Pencabutan pagerank oleh mesin pencari. Karena situs anda bermasalah dengan adanya broken link maka otomatis pagerank anda akan dicabut dan mungkin kembali ke nol lagi.

Untuk mengecek broken link silahkan kunjungi alamat ini : http://www.iwebtool.com/backlink_checker

Read more »

Menampilkan Status Twitter Di Blog

Cara menampilkan update status twitter di blog atau website:

1. Login ke twitter.com
2. Klik bagian Setting
3. Lihat ke bawah pada more info URL kemudian klik link (You can also add Twitter to your site here)
4. Pada list widget for... pilih My Website > Profile Widget
   
5. Maka akan muncul halaman Customize Your Profile Widget anda dapat mengatur widget anda disini, antara lain:
   

• Setting : mengedit username anda
• Preferences : menampilkan atau menyembunyikan poll dan memberikan scroll bar dan jumlah tweets yang akan ditampilkan
• Apperance : mengatur warna widget
• Dimension : merubah ukuran widget dapat manual atau dapat menyesuaikan secara otomatis dengan memberi tanda centang pada auto width
  Setelah selesai klik "Finish & Grab Code"
  

Read more »

Mengubah Lebar Template blogger

Buka blog anda, Masuk menu Tata Letak > Edit HTML > Centang Expand Widget, Demi keamanan Back Up dulu data template anda..! ( copy –paste ke notepad atau word ).

Temukan angka width dari #header-wrapper, #outer-wrapper, dan #footer, #main-wrapper ,#sidebar-wrapper, yang merupakan patokan dari lebar halaman. untuk memudahkan pencarian tekan ctrl+f kemudian paste ke kota find. Angka yang saya blok merupakan ukuran width :

Untuk nilai width : #header-wrapper, #outer-wrapper dan #footer adalah sama, anda bisa rubah ke 750 px semua.

Dan untuk nilai width : #main-wrapper ,#sidebar-wrapper, bisa anda atur sesuai keinginan anda, main wrapper merupakan kolom posting anda dan sidebar adalah tampilan sebelah dari posting anda. Dan diantara kolom posting dan sidebar ada jarak beberapa pixel, agar antara kolom posting dan sidebar tidak terlalu dempet.

Jadi seperti ini ( contoh ) anda bisa ganti width dari masing-masing ukurannya :

#header-wrapper, #outer-wrapper, dan #footer,

750 px, 750 px, 750 px

#main-wrapper ,#sidebar-wrapper

470 px + 30 px ( jarak antara, anda bisa atur sendiri ), 250 px.

Untuk melihat hasilnya klik Preview

Apabila sudah selesai klik Save

Read more »

Membuat Recent Comment

Wah biasanya kita sampai kesulitan mengecek komentar terbaru yang ada pada blog kita, soalnya komentar di lontarkan di postingan kita yang berbeda-beda, jadi kita akan merasa kesulitan untuk mengetahui siapa saja yang memberi komentar dan dimana dia melontarkan komentarnya juga isi komentarnya bagaimana.
Tapi jangan kawatir saya akan beri tips jadul tapi manjur yaitu cara membuat recent comments dengan JavaScript.
Dulu anas udah posting cara menampilkan postingan terbaru yang saya tulis sebelumnya, kali ini anas tulis juga membuat recent comments dehhh... ikuti yukkk

1. Pastikan dulu sudah Log In di blogger yah!

2. lalu beranjak ke menu Layout Kemudian Page elements

3. Kalau sudah! hoi sudah belom! sudah- sudah yaa jangan nangis... Lo kok malah mbulet-mbulet. Ahh serius nihhh Pilih tempat yang mau dipasangi terus Add a Gadget

4. Lalu pilih Menu HTML/JavaScript

5. Taruh Code Dibawah ini Kedalam HTML/JavaScript

Taruh Code Dibawah ini Kedalam HTML/JavaScript

<script style="" src="http://anas.ku93.googlepages.com/comments.js"></script><script style="">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://NamaBlogKamu.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

5. Keterangan:

• Tulisan NamaBlogKamu yang tercetak tebal dan merah diatas harus kamu ganti dengan alamat blog kamu
• Angka 5 yang tercetak tebal dan biru itu menunjukkan Komentar terakhir yang ditampilkan di blog, kamu bisa mengubah sesuai selera kamu

6. Kalau sudah Simpan dehhhh

Aduhhh gampang kannnnn cuma itu aja gak ada yang ribet kok.
ohh yaa jangan sampai lupa isi komentar kamu dibawah yaaaa thx lo sebelumnya.... ihhh gemes dechhhhh

Read more »