Membuat Iklan Text pada Widget Blog

Menyediakan ruang iklan teks pada blog merupakan trik menambah penghasilan dari blog. Bagaimana cara membuat iklan text pada widget blog ? Pada kesempatan ini kami akan membahasnya.
Berikut langkah cara membuat iklan text pada widget blog :

1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada gadget HTML/JavaScript.
<style type="text/css">
#teks {
height: 300px;
width: 300px;
border: 1px solid #333;
}
#teks #teks1 {
height: auto;
width: auto;
margin-top: 10px;
text-decoration: underline;
padding-top: 0px;
padding-bottom: 4px;
font-size: 15px;
font-style: normal;
line-height: normal;
}
#teks #teks2 {
height: auto;
width: auto;
margin-top: 10px;
text-decoration: underline;
padding-top: 2px;
padding-bottom: 2px;
font-size: 15px;
font-style: normal;
line-height: normal;
}
#teks #teks3 {
height: auto;
width: auto;
margin-top: 10px;
text-decoration: underline;
padding-top: 2px;
padding-bottom: 2px;
font-size: 15px;
font-style: normal;
line-height: normal;
}
#teks #teks4 {
height: auto;
width: auto;
margin-top: 10px;
text-decoration: underline;
padding-top: 2px;
padding-bottom: 2px;
font-size: 15px;
font-style: normal;
line-height: normal;
}
#buka {
height: 260px;
width: auto;
margin-right: 6px;
margin-left: 6px;
font-size: 16px;
color: #06F;
padding-right: 2px;
padding-left: 2px;
}
#teks #ads-by {
height: auto;
width: auto;
margin-top: 5px;
color: #666;
font-size: 12px;
text-align: right;
margin-bottom: 5px;
padding-top: 2px;
padding-bottom: 4px;
margin-right: 6px;
margin-left: 6px;
font-style: normal;
line-height: normal;
text-decoration: none;
}
.isi-iklan {
color: #333;
text-decoration: none;
line-height: normal;
font-style: normal;
font-size: 13px;
}
</style>
<div id="teks">
<div id="buka">
<div id="teks1"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks2"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks3"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
<div id="teks4"><a href="http://id-pemula.blogspot.com/">Pasang Iklan Murah</a></div>
<div class="isi-iklan">Hanya dengan Rp40.000/bulan, Pasang Iklan Teks Anda Disini Sekarang juga!</div>
</div>
<div id="ads-by"><a href="http://id-pemula.blogspot.com/">Ads by ID-Pemula Blog</a></div>
</div>
Keterangan :
Warna biru adalah kode warna border atau kotak iklan.
Warna merah adalah link URL.
Warna kuning adalah judul teks iklan.
Warna hijau adalah keterangan iklan.
Warna ungu adalah pemilik layanan iklan.
4. Kemudian Simpan.

Semoga dapat membantu!

Tampilan Baru Halaman Login Blogger

Saat kami ingin masuk ke halaman blogger ada yang berbeda dari tampilan blogger, yaitu pada halaman login blogger. Blogger telah mengubah tampilan halaman loginnya, tampilan baru dari halaman login blogger ini terlihat lebih menarik dan simple. Bedanya dari tampilan login sebelumnya adalah kotak form email dan password menjadi lebih besar serta posisi form login berada di tengah halaman.


Selain itu pada bagian bawah form login terdapat gambar atau logo produk-produk dari Google. Perubahan halaman login ini berlaku untuk semua produk dari Google. Kemungkinan kedepan Blogger akan terus meng-upgrade tampilan dan fitur-fiturnya agar lebih memberikan kenyamanan dan memudahkan bagi penggunanya.

Tampilan Lama Halaman Login
Sekian informasi tampilan baru halaman login blogger, semoga dapat bermanfaat!

Membuat Space Iklan Melayang di Bawah Blog

Memasang iklan di bagian strategis pada blog adalah kewajiban kita dalam meningkatkan penghasilan dari iklan AdSense. Salah satunya dengan memasang iklan melayang di samping dan bagian bawah blog. Sebenarnya iklan melayang atau pop-up telah dilarang oleh banyak penyedia iklan seperti KlikSaya.com, jadi kalau Anda sedang memasang iklan dari tersebut sebaiknya jangan memasang iklan melayang atau pop-up.

Berikut langkah cara membuat space iklan melayang di bawah blog :

1. Login akun blogger Anda.
2. Pilih menu tab Tata Letak > Tambahkan Gadget > HTML/JavaScript.
3. Copy paste kode berikut pada gadget HTML/JavaScript.

<!-- floating ads http://id-pemula.blogspot.com/ -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>
</script><br />
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>
<style type='text/css'>
div#btm_banner {
bottom: 0;
position: fixed;
width: 100%;
opacity: 0.9;
left: 0;
}
div#btm_banner img{
border:0;
cursor:pointer;
}
</style>
<div style='height: 0px;'></div>
<div align='center' id='btm_banner' style='height: 120px; z-index: 9999;'>
<div style='text-align: right; width: 728px; height: 15px;'>
<img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg89Lmg9YYA-4GfXo9_QoKYbB2_MX__UzwNs-xfqcp9nQY_oz7vK_7o41txT0YADnlVl1WaGinX6DI8-CHtvG_0uZuLcxuCRqeqYJ4DQpWeUXfDD0hp_bRog_VFI2Tw09_DUrTn8L0Yh_SU/s1600/close3.png'/></div>
<div style='clear: both;'></div>
<p>
<p><center>

Letakkan kode iklan AdSense Anda disini!

</center></p>
</p>
</div>
NB : Ganti tulisan yang berwarna merah dengan script iklan Anda.
4. Kemudian Simpan.

Nah, semoga informasi membuat space iklan melayang di bawah blog dapat membantu!

Menambahkan Tombol Follow Twitter untuk Blog

Manfaat menambahkan tombol follow twitter pada blog salah satunya adalah untuk memudahkan pengunjung mencari informasi blog Anda dari twitter sekaligus menambah komunitas blog Anda pada social media twitter. Jika Anda tertarik memasang tombol twitter pada blog, berikut langkah cara menambahkan tombol follow twitter :

1. Login akun twitter Anda.
2. Kunjungi https://twitter.com/about/resources/buttons#follow
3. Atur tombol sesuai keinginan Anda dengan pilihan yang tersedia.
4. Ganti User dengan akun twitter Anda.
5. Copy kode dibawah tampilan tombol twitter.

Nah, Anda bisa menambahkan widget blog dengan meletakkan kode tombol twitter pada Gadget HTML/JavaScript. Atau bisa juga menambahkan pada halaman posting, masuk Template > Edit HTML dan cari kode <data:post.body/>. Jika Anda ingin menambahkan diatas posting, tambahkan diatas kode tadi. Sedangkan jika ingin dibawah posting, tambahkan dibawah kode tadi.

Menampilkan Sumber Link Ketika Posting di Copas

Copas tampaknya sudah menjadi budaya yang sulit sekali dihilangkan oleh para blogger nakal. Copas adalah tindakan yang dapat merugikan para blogger yang tulisannya dicopas tanpa memberikan sumber link yang benar, tak jarang para blogger melaporkan tindakan copas ini untuk ditindak lanjuti oleh Google. Salah satu solusi agar pelaku copas menuliskan sumber link blog adalah menampilkan sumber link otomatis ketika posting di copas.

Berikut langkah cara menampilkan sumber link ketika posting di copas :

1. Login akun blogger Anda.
2. Pilih menu tab Template > Edit HTML > letakkan kursor pada area kode HTML.
3. Cari kode <body> tekan tombol Ctrl + F untuk melakukan pencarian.
4. Letakkan kode berikut diatas kode <body>
<script type="text/javascript"> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber :"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://id-pemula-javascript.googlecode.com/files/linksource.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
5. Simpan template.

Nah, kini sumber link akan ikut ditampilkan jika posting Anda di copas. Semoga dapat membantu!

Membuat Link pada Posting Terbuka di Tab Baru

Keuntungan yang didapat saat kita membuat target link terbuka di tab baru adalah agar pengunjung tidak meninggalkan halaman blog kita karena adanya tab baru yang harus dibuka serta pengunjung tidak kehilangan informasi yang dibaca saat mengklik sebuah link.
Berikut contoh langkah cara membuat target link terbuka di tab baru ? Kode script dibawah ini merupakan script normal yaitu ketika link di klik maka akan terbuka di halaman/tab yang sama :
<a href="http://id-pemula.blogspot.com/2013/10/menampilkan-komentar-google-plus-untuk.html">Link Normal</a>
Jika Anda menginginkan link terbuka di tab baru dan ketika link di klik selalu terbuka di tab baru, maka tambahkan kode target="_blank" seperti contoh dibawah ini :
<a href="http://id-pemula.blogspot.com/2013/09/cara-membuat-google-plus-fan-page-untuk.html" target="_blank">Link Selalu di Tab Baru</a>
Tapi jika Anda ingin link terbuka di satu tab baru saja, tambahkan kode target="output" seperti dibawah ini :
<a href="http://id-pemula.blogspot.com/2013/10/cara-mengganti-password-akun-google.html" target="output">Link di Satu Tab Baru</a>
Kemudian contoh hasilnya akan seperti berikut :

Contoh script pertama :

Link Normal | Link Normal

Contoh script Kedua :

Link Selalu di Tab Baru | Link Selalu di Tab Baru

Contoh script Ketiga :

Link di Satu Tab Baru | Link di Satu Tab Baru

Untuk mengedit link pada posting, Anda ubah dahulu mode pada entri menjadi HTML dan bukan Compose.

Kode Warna HTML untuk Blog

Untuk mengubah warna pada komponen blog kita harus mengetahui kode warna yang akan digunakan agar tidak salah memodifikasi sebuah blog. Jika Anda ingin sewaktu-waktu mudah mendapatkan kode warna, Anda sangat perlu memasang kode warna tersebut pada blog. Pada kesempatan ini kami akan membahas cara memasang dan mengetahui kode warna dalam blog.

Berikut langkah cara memasang dan mengetahui kode warna pada blog :

1. Login akun blogger Anda.
2. Klik Entri Baru copy paste kode berikut pada posting dengan mode HTML.
<center> <object border="0" classid="clsid:D27CDB6E -AE6D-11CF-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" height="480" id="obj1" width="480"> <param name="movie" value="http://www.2createawebsite.com/build/color.swf"><param name="quality" value="High"> <embed src="http://www.2createawebsite.com/build/color.swf" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="obj1" width="485" height="485" quality="High"> </embed> </object> </center>
3. Kemudian Publikasikan.

Tampilan kode warna diatas akan seperti ini :


Geser dan klik warna yang Anda inginkan, kemudian kode warna akan muncul pada bagian kotak Hex, copy kode warna dan gunakan untuk mengubah warna pada komponen blog Anda.
Subscribe to: Posts (Atom)