Sabtu, 10 April 2010

Membuat Related Post Di Bawah Posting

Ingin membuat link terkait seperti gambar di atas? caranya mudah, seperti menambah widget blog biasanya.
Untuk menambah post terkait atau related post di setiap akhir posting, kita bisa menggunakan jasa dari situs LinkWithin.com. Cara pemasangannya gampang kita tinggal memasukan email, alamat url dan beberapa opsi. Panduannya cukup jelas dilengkapi dengan screenshoot cara pemasangannya. Selamat mencoba! 

Senin, 05 April 2010

Cara Membuat iklan Pop UP (melayang)

 Kadang-kadang kita sering terganggu dengan adanya  pop up iklan yang selalu mengikuti dan sering pula menutup artikel yang sedang kita baca. Jadi terpaksa kita harus menutup iklan pup up tersebut. Tapi bagi kita publisher dengan adanya jendela pop up iklan ini, iklan kita bisa lebih efektif dan pastinya bisa menambah earning kita. Karena visitor pasti akan tertuju pada pop up iklan dan otomatis akan membaca dan jika tertarik pasti visitor juga akan meng klik iklan kita. Berikut ini kode untuk membuat jendela pop up :


<style type="text/css">
#topbar{
position:absolute;
top:600px;
left:600px;
border: 3px #00FF00;
padding: 2px;
background-color: black;
width: 620px;
visibility: hidden;
z-index: 100;
}
</style>
<script src="http://h1.ripway.com/icalcell/js_pop_up.js" type="text/javascript"></script>

<div align="center">
<div id="topbar">
<div align="right"><a style="color: gray; font-weight: bold; font-style: italic;" href="" onclick="closebar(); return false"><span><button>Close</button></span></a></div>
<p><a style="font-weight: bold; color: gray;">
</a><a style="font-weight: bold; color: gray;" title="cara mudah dapatkan uang dari internet">
</a></p><p><a style="font-weight: bold; color: gray;" title="cara mudah dapatkan uang dari internet">
</a></p><p><a style="font-weight: bold; color: red;" title="cara mudah dapatkan uang dari internet">Tes Keberuntungan kamu dengan klik 1 iklan saja</a>


</p><center>
 <script src="http://kumpulblogger.com/dam.php?b=51484" type="text/javascript"> </script>
</center>


<p></p><p>widget by <a href="http://biangblog.blogspot.com">ical</a></p></div></div>

Keterangan :
  • Kode warna merah : anda ganti dengan kode html iklan anda
  • Kode ( top:600px; dan left:600px; ) untuk mengatur posisi jendela pop up  

Selasa, 30 Maret 2010

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

    Sabtu, 13 Maret 2010

    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>

    Rabu, 27 Januari 2010

    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.

    Minggu, 17 Januari 2010

    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



    Selasa, 01 Desember 2009

    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"

    Related Posts with Thumbnails
    CO.CC:Free Domain
    Twitter Delicious Facebook Digg Stumbleupon Favorites More

     
    Biang Blog - Blogged Powered by  MyPagerank.Net Computers (Windows) - TOP.ORG Technology Blogs - Blog Rankings Internet Blogs Add to Technorati Favorites
    Powered by Blogger