Friday, 26 July 2013

Cara Memasang Iklan Melayang di Footer/Bawah Blog

,
Cara Memasang Iklan Melayang di Footer/Bawah Blog





Untuk mendulang uang ataupun pendapatan tambahan dari dunia blogger, ada beberapa cara yang bisa kita tempuh, tentu ini akan memakan waktu yang tak sebentar dan juga tak tergolong mudah untuk dilakukan, diantaranya adalah affilasi, ppc, iklan mandiri, dan review produk, namun, dari keempat jalur tadi, kebanyakan blogger lebih memilih ppc dan iklan mandiri, dengan catatan lebih mudah dan praktis untuk melakukanya.

Jika anda menggunakan PPC sebagai salah satu ladang untuk berburu income online, tentu yang ada dibenak anda adalah bagaimana caranya agar banyak orang meng-klik ikan, karena seperti yang kita ketahui, PPC adalah layanan dimana publishernya akan dibayar setiap terjadi klik terhadap iklan advertiser, oleh karena itu, tentunya pertama kita harus memastikan terlebih dahulu jika trafik blog kita sudah "mumpuni"  dan stabil, lalu kemudian tinggal kita mengatur ad placement dari PPC tersebut, tentunya se-strategis mungkin.

Lalu dimana ad placement atau penempatan iklan yang baik untuk PPC? menurut pengalaman saya pribadi, ad placement yang paling ampuh dalam menekuni bidang PPC adalah floating atau melayang, namun sayangnya sebagian besar media PPC lokal maupun interlokal melarang iklan melayang ini, hanya ada beberapa media PPC yang membolehkanya, seperti IdBlogNetwork dan Bidvertiser, karena iklan yang mereka tayangkan tidak berdasarkan keyword, maka dari itu ada baiknya jika anda mengetahui terlebih dahulu rules dari PPC yang anda ikuti.

Nah, dalam rangka usaha meningkatkan pendapatan online yang berasal dari Pay-Per-Click, pada kesempatan kali ini saya akan membagikan suatu trik kepada rekan blogger semuanya tentang bagaimana cara memasang iklan horizontal atau memanjang di footer atau bagian bawah layar blog, biasanya iklanya berukuran 468x60, 728x90, 960x60, atau lebih, tergantung dengan PPC yang anda gunakan. Oh iya sobat, iklan melayang ini juga sudah dilengkapi dengan tombol close lho, jadi pengunjung yang merasa risih bisa menutupnya.

Cara Memasang Iklan Melayang di Footer/Bawah Blog

1. Login ke Blogger.

2. Piih Tata Letak / Layout.

3. Klik Add / Tambahkan gadget.

4. Pilih gadget HTML/JavaScript.

5. Letakkan kode berikut ini kedalamnya.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'></script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#tuliskancom-float_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#tuliskancom-float_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#tuliskancom-float_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='tuliskancom-float_banner' style='height: 295px; z-index: 9999;'>
<div style='text-align: right; width: 336px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIXNmwp2bRHZtP1qy2RApDHHXr24ZJawuDeEgvSkSkJOjRdh7vb9PZgFTogNi-KPbbT-9B-3UYSwbLHqtTQwVx6QHwxlLv1TaH6BmUIQXu2fiPMVT21_tWPCB4UhidHj-naPuzV9q5ido/s49/close-button-tuliskancom.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>
       
<!-- START CLIENT.YESADVERTISING CODE -->
<script language="javascript" type="text/javascript" charset="utf-8">
cpxcenter_width = 336;
cpxcenter_height = 280;
</script>
<script language="JavaScript" type="text/javascript" src="http://ads.cpxcenter.com/cpxcenter/showAd.php?nid=4&amp;zone=23010&amp;type=banner&amp;sid=18291&amp;pid=18081&amp;subid=">
</script>
<!-- END CLIENT.YESADVERTISING CODE -->
    

</center></p>
</p>
</div>

Keterangan:
  • Jika pada template anda sudah ada kode jQuery seperti kode yang berwarna merah diatas (versi berapapun), maka kode merah yang diatas dihapus saja
  • 295 : tinggi iklan + tinggi tombol close (piksel / px)
  • 336 : lebar iklan (piksel / px)
  • 15 : tinggi tombol close
  • Ganti kode yang berwarna kuning dengan kode script iklan anda
6. Klik "Save/Simpan", dan selesai.

Read more →

Cara Pasang Share Lengkap di Bawah Posting Blogger

,



Oke langsung saja ikuti langkah langkah pasang widget share dibawah posting blogger seperti berikut :
  • Karena judulnya pada blogger tentu yang sobat harus masuk ke akun blogger sobat dulu.
  • Kalau sudah masuk kemudian lanjutkan ke Tamplate dan buka edit HTML.

  • Selanjutnya centang expand widget untuk memasang widget share. 
  • Lalu cari kode <data:post.body/> , yang ada dalam kolom tersebut. Agar lebih mudah gunakan CTR + F dan masukkan kode <data:post.body/> yang ingin dicari sobat tadi.

  • Karena ada beberapa kode yang sama usahakan cari kode <data:post.body/> yang kedua lalu coba copy all script di bawah ini dan pastekan tepat dibawah kode  <data:post.body/>
  • Jika sudah terpasang lalu tinggal klik simpan dan lihat hasilnya, mudah kan sob ?? mudah sekali donk pastinya.
Read more →

Situs yang menyediakan fasilitas free sitemap maker

,


Sitemap berfungsi sebagai penunjuk arah bagi search engine ataupun pengunjung untuk mengetahui link-link yang ada dalam sebuah situs. Keberadaan sitemap sangat penting bagi SEO sebuah website karena sitemap juga sering diindeks oleh mesin pencari jika mereka ingin mengindeks laman kita. Google Webmaster ataupun Bing Webmaster juga sudah memiliki fasilitas pengindeks sitemap di layanan mereka. Namun kalau kita tidak tahu bagaimana cara membuat sitemap yang baik dan benar, ujung-ujungnya kita malah akan merusak sitemap kita. Jika kita tidak mempunyai pengetahuan tentang cara membuat sitemap lebih baik kita memanfaatkan layanan free sitemap maker yang banyak tersedia di internet. 
Di tutorial sebelumnya terkait tentang sitemap yang ada di sini hanya membahas tentang cara memasukkan sitemap/peta situs ke Google Webmaster Tools yang menggunakan fasilitas Feedburner dari Google, misalnya Blogger. Berbeda lagi jika kita tidak menggunakan layanan tersebut. Kali ini kita akan membahas tentang berbagai situs yang menyediakan fasilitas sitemap gratis bagi para webmaster. Berikut situs-situs yang menyediakan layanan free sitemap maker :
XML Sitemaps merupakan salah satu situs yang menyediakan free sitemap maker bagi para webmaster. Layanan di situs ini dapat digunakan secara free/gratis, namun ada batasan tertentu. Jika kamu ingin layanan yang lebih, kamu dapat menggunakan layanan PRO yang berbayar.
Layanan free sitemap maker di situs ini juga gratis digunakan oleh webmaster, namun terdapat batasan bagi laman yang diindeks sekitar 3500 laman atau saat-saat server sedang overload. Namun begitu, jumlah tersebut sudah mencukupi bagi website yang tidak terlalu banyak mempunyai laman di dalamnya.
3. SitemapDoc - XML Sitemap Generator and Editor
Layanan free sitemap maker yang ada di situs ini dapat disesuaikan dengan konten di website kita. Selain page/laman website, free site maker di situs ini juga dapat mengindeks HTML Map, RSS dan Gambar. 
4. XmlSitemapGenerator
Situs ini mampu membuat sitemap gratis yang compatible bagi Google Yahoo Bing dan Ask jadi lebih banyak mudah untuk masuk ke berbagai search engine besar. Kita dapat memilih sendiri jenis laman yang akan diindeks misalnya html, shtml, php dan lainnya.
Layanan di situs ini juga tidak kalah dengan situs free sitemap maker lainnya diatas. Untuk membuat sitemap di situs ini sangat mudah, kita tinggal isi kolom yang tersedia dengan benar. Namun jumlah laman yang diindeks sekitar 1000 laman, lebih kecil dari situs-situs diatas.
Layanan yang disediakan oleh W Global ini juga termasuk gratis. Fasilitas di situs ini dapat mengindeks laman tanpa ada batasan berapa jumlah laman yang di indeks (unlimited) namun jika kita ingin mengindeks video atau gambar kita harus menjadi member di situs tersebut. Banyak juga perbedaan fasilitas free dan member, namun untuk fasilitas free saja sudah bisa dibilang bagus bagi webmaster.
Situs ini juga menyediakan fasilitas free sitemap maker, namun kita harus menjadi salah satu member disitus ini dengan mengisi username dan password. Walaupun bergitu, untuk menjadi member disitus ini sangat mudah yaitu dengan mengisi informasi sederhana terkait akun yang ingin kita buat.
Walaupun sederhana, namun adanya sitemap di website kita sangat bermanfaat terutama di mata search engine. Berikut penjelasan lain tentang sitemap yang dapat dijadikan referensi.
Read more →

Sunday, 5 May 2013

Cara membuat Menu Tab View keren dengan Efek jQuery

,

Cara membuat Menu Tab View keren dengan Efek jQuery

Posted by : yuga irgi Selasa, 26 Maret 2013

Cara membuat Menu Tab View keren dengan Efek jQuery

InfoDari - Cara membuat Menu Tab View keren dengan Efek jQuery

Selamat Pagi Sahabat Blogger. Pada kesempatan kali ini saya posting sebuah Tutorial Blog yang sebelumnya di Request oleh sahabat Blogger kita pada beberapa Hari yang lalu.
Yaitu Cara membuat Menu Tab View keren dengan Efek jQuery.


Cara membuat Menu Tab View keren dengan Efek jQuery

Disini saya akan memberikan cara membuat Menu Tab View seperti yang ada di Blog saya ini.
Atau lihat gambar di atas. Kurang lebih nya seperti itulah tampilannya nanti.

Cara membuat Menu Tab View keren dengan Efek jQuery:

  • Buka Dasbor Blog anda.
  • Pilih menu tata Letak


Cara membuat Menu Tab View keren dengan Efek jQuery


  • Tambah Widget HTML/JavaScript.
  • Kemudian Copy Paste Kode dibawah ini kedalam Widget HTML/JavaScript tersebut:

<style type="text/css">
    .tabber {
     padding: 0px !important;
     border: 0 solid #bbb;
    }
    .tabber h2 {
     float: left;
     margin: 0 1px 0 0;
     font-size: 12px;
     padding: 3px 5px;
     border: 1px solid #bbb;
     margin-bottom: -1px;
     overflow: hidden;
     position: relative;
     background: #0000FF;
     cursor:pointer;
     -moz-border-radius:5px 5px 0 0;
     border-radius:5px 5px 0 0;
    }
    html .tabber h2.active {
     background: #000000;
     border-bottom: 1px solid #fff;
    }
    .tabber .widget-content {
     border: 1px solid #bbb;
     padding: 10px;
     background: #fff;
     clear:both;
     margin:0;
    }
    .codewidget, #codeholder {
     display:none; {
    </style>  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
    <script type="text/javascript" src="http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bloggertabs0.1_min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
     $('#codeholder').bloggerTabber ({
      tabCount : 3
     });
    });
    </script><!-- Jangan hapus kode dibawah, agar widget bisa berfungsi --><div id='codeholder'><a href="http://www.bloggersentral.com/2011/05/create-tabbed-content-blogger-widgets.html" target="_blank"></a></div>

  • Simpan.
Catatan: Untuk menampilkan Menu seperti Popular Post, Category, Random Post dll. Silahkan anda letakkan Widget widget tersebut dibawah Widget Menu Tab View ini.

Cara membuat Menu Tab View keren dengan Efek jQuery

Read more: http://blogcapoenk.blogspot.com/2013/03/cara-membuat-menu-tab-view-keren-dengan.html#ixzz2SROzqE7u
Read more →
 
Web Analytics