JASA PEMBUATAN WEBSITE

Cara Mudah Pasang Pop Up Ads / Iklan di Blogger

Kali ini saya ingin membahas tentang bagaimana cara memasang Pop Up Ads/Iklan di Blogger yang akan muncul secara otomatis setiap pengguna mengunjungi blog. Tentu ada banyak alasan kenapa kita harus mencoba trik pasang iklan munculan otomatis ini, diantaranya adalah untuk menambah jumlah klik pada iklan yang di pasang agar dapatmenambah income/penghasilan dari hasil kerja keras kita melayani pengunjung blog/pengguna internet.

Terkadang dalam dunis bisnis online, kita tidak cukup hanya mengandalkan dan mengharapkan pengunjung untuk melakukan klik pada iklan secara alami atau apa adanya. Alasannya karena semua bloggers tahu bahwa pengunjung seringkali mengabaikan iklan adsense yang sebenarnya akan memberikan motivasi seorang blogger untuk bekerja lebih baik dalam memberikan layanan.

Tetapi kita harus hati-hati dalam memasang iklan Pop up ini, karena ada beberapa adsense yang samasekali tidak memperbolehkan publisher menggunakan trik money online ini seperti Google Adsense. Nah, saya sarankan jangan pernah mencoba pasangscript/kode GA pada alat munculan iklan/popup ads karena beresiko di banned. Kecuali pada iklan selain Google Adsense, misalnya : Chitika atau iklan lokal lainnya.

Silahkan dicoba :
Anda hanya cukup menyimpan kode berikut pada tata letak > tambah Gadget > HTML/JavaScript, sebelumnya edit dulu pada beberapa warna yang sengaja saya block.

<style>
#topbar {
height:30px;
width:auto;
background: #666666 url('');
background-repeat:repeat-x;
text-align:left;
padding-top:4px;
}
#adsground {
height:auto;
margin:0 auto;
width: 728px;
background:#DDDDDD;
border-bottom:2px #cccccc solid;
border-right:2px #cccccc solid;
border-left:2px #cccccc solid;
text-align:Center;
padding:4px;
}

#headlineatas {
opacity:1.0;
height:auto;
width:auto;
position:fixed;
top:65px;
left:170px;
border-bottom:1px #cccccc solid;
border-bottom:0px blue solid;
color:#333;
padding:0px;
z-index:1001;
font-size:13px;}
</style>
<script type="text/javascript">
function getValue()
{
document.getElementById("headlineatas").style.display = 'none';
}
</script>
<div id="headlineatas">
<div id="topbar">
<img align="left" style="padding-left:2px;" src="" />
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em">Sebelum masuk silahkan...!</span>
<span style="color:#fff;font-size:13px;font-weight:bold;text-shadow:black 0.1em 0.1em 0.1em;float:right;padding-top:3px;padding-right:10px"><a href="http://blogseotest.blogspot.com/2012/08/cara-mudah-pasang-pop-up-ads-iklan.html" target="_blank" onclick="getValue()">close</a></span>
</div>
<div id="adsground">
<h3>Ads promo :</h3>
<p align="left"><h3></h3></p>
<p>
KODE IKLAN DI SINI
<br/></p></div></div>

Warna Hijau = untuk Header, Background dan Border.
Warna Orange = untuk Text yang diinginkan.
Warna Biru = untuk Ukuran Lebar
Warna Merah = untuk Script/Kode Adsense.

Simpan dan lihat hasilnya.
Semoga trik cara mudah pasang Pop Up Ads / Iklan di Blogger bermanfaat dan bisa menambah penghasilan blogging anda.

Cara Membuat Script Pop-up Windows pada Blog

Cara membuat pop up window pada blog, Seperti yang kita ketahui window pop up merupakan suatu halaman yang muncul di belakang maüpun di depan halaman utama yang muncul begitu saja dengan tiba-tiba walau tanpa kita klik sekalipun,bisa berjumlah 1 pop up,2 pop up,3 pop up bahkan bisa sebanyak mungkin yang di kehendaki oleh admin blog. Biasanya halaman pop-up di gunakan untuk beriklan dari suatu produk maupun jasa yang di tawarkan. Contoh konkrik iklan pop-up yang sering di pakai adalah situs ziddu,dimana setiap kali kita mendownload file yang ada di situs tersebut pasti akan keluar halaman window pop-up, betul tidak :D

Namun tahukah kamu kalau pop up window kadang membuat jengkel oleh para pengunjung blog, terkadang iklan pop up yang keluar tidak ada hubungannya dengan apa yang pengunjung cari, malahan kadang membuat loading blog menjadi lambat karna banyaknya iklan pop-up yang keluar. Nah di sini semuanya terserah agan-agan apakah blog-nya ingin di tambahi halaman pop-up otomatis atau tidak semuanya terserah anda.

Berikut tutorial membuat halaman window pop up:

Pertama-tama kita siapkan dulu 1 cangkir kopi ABC susu dan 1 bungkus rokok Dji Sam Soe hehehe….
Silahkan login ke Dashboard blogspot kamu dan pilih blog mana yang ingin kamu tambahi halaman pop up
Pilih pada Template >> Edit HTML
Seperti biasa back up dulu template kamu untuk jaga-jaga kalau terjadi kesalahan dengan meng-klik ”download template lengkap”
Cari kode <body> dengan menekan tombol F3 atau dg menekan CTRL + F untuk memudahkan pencarian
Tempatkan script pop up berikut di bawah kode <body> :

<script type=’text/javascript’>
var popurls=new Array()
popurls[0]=’http://gtips-trick.blogspot.com/‘
popurls[1]=’http://gtips-trick.blogspot.com/‘
popurls[2]=’http://priced.blogspot.com/‘
function openpopup(popurl) { var winpops=window.open(popurl,”,’width=,height=,toolbar,location,status,scrollbars,menubar,resizable’) }
openpopup(popurls[Math.floor(Math.random()* (popurls.length))])

Terakhir Save Template

Jika script pop up di atas di tempatkan pada blog maka setiap ada pengunjung yang mengunjungi blog tersebut maka akan keluar halaman pop up dari URL http://gtips-trick.blogspot.com/, http://gtips-trick.blogspot.com/ dan priced.blogspot.com. Ganti URL-URL yang berwarna ungu tersebut dengan URL yang ingin kamu jadikan pop up.

Jika ingin menambahkan jumlah halaman pop up maka tinggal tambahkan kode berikut ke dalam script di atas popurls[nilai]='http://link-url-tujuan.com' atau jika ingin mengurangi tinggal buang salah satunya

Template Toko Online Shopping Cart dengan Checkout via Email

Template Toko Online Shopping Cart dengan Checkout via Email. Makin banyak pegiat toko online yang memanfaatkan platform blogger sebagai tempat untuk membuka lapaknya. Dan, efeknya adalah dengan makin banyak dicarinya template yang sangat mendukung untuk berbisnis ecommerce ini.

Saat ini sudah semakin banyak blogger template ecommerce yang melengkapi fiturnya dengan shopping cart. Namun hanya sedikit template berfitur shopping cart dengan currency mata uang lokal (Rupiah) dan bisa melakukan checkout via email. Kebanyakan fitur checkout dari shopping cart adalah melalui paypal atau google checkout yang pada saat ini belum bisa memproses dan menerima rupiah.

Kalaupun ada template dengan shopping cart yang memiliki fitur currency Rupiah dan tombol Checkout via email, maka yang banyak beredar adalah template berbayar atau template premium. Sampai saat ini sepertinya belum ada yang bersedia membaginya secara cuma-cuma.

Nah kali ini Tukang Toko Online akan membagikan blogger template dengan fitur shopping cart yang memakaicurrency rupiah dan dilengkapi juga dengan fitur checkout via email. Shopping cart di template ini memanfaatkan script dari SimpleCart dan desain template dari BloggerMint, sebelum disempurnakan oleh Tukang Toko Onlineagar lebih mudah dipakai oleh pebisnis lokal (Indonesia).

Setidaknya meskipun belum secanggih shopping cart dari Sistem CMS lainnya semacam Wordpress, Opencart dll, namun fitur shopping cart pada template ini sudah cukup jika dipakai sebagai lapak berjualan online buat Blogger.

Silakan anda simak fitur selengkapnya di bawah ini dan jika anda berkenan, silakan anda download dan manfaatkan dengan bijak.

Jangan Lupa untuk mengklik tombol Like pada fanpage Tukang Toko Online di facebook agar anda bisa terus menerima update artikel dari Blog ini.


Nama Template	template kranjang blanja
Demo Template
Fitur	Header Adspace 728x90 YM Button Search Box Tab Navigation Grid Style 4 columns breadcumbs Related Post with thumbnail Bookmark Share Site Shopping cart IDR Currency (Rupiah) Multi Tabs Widget Checkout via email

Panduan Install template

1. Download Template dari link Download di atas

2. Masuk ke akun Blogger Anda.

3. Upload file template kranjang blanja pada akun blogger Anda (panduan upload Template ADA DISINI)

4. Kemudian Masuk ke opsi EDIT HTML template blogger Anda. Jangan lupa untuk mencentang Expand Widget Template (ingat!! selalu back up template dulu untuk jaga-jaga).

Berikut adalah beberapa elemen kode yang bisa anda lakukan editing.

Editing bagian Header :

Mengganti ID Yahoo Messenger

Temukan kode di bawah dan ganti text yang berwarna merah dengan ID YM anda :

ymsgr:sendIM?teguharifiantoati

dan

http://opi.yahoo.com/online?u=teguharifiantoati

Mengedit kotak pencarian
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :

http://templatekranjangblanja.blogspot.com/search

ganti text berwarna merah (templatekranjangblanja.blogspot.com) dengan alamat URL Blog Anda.

Mengganti Logo
Anda harus menuju ke Tab Layout/ Tata Letak, Kemudian edit widget Header, lalu ganti logo dengan logo toko anda sendiri (lihat gambar di bawah ini).

Mengganti Banner 728x90

Masuk ke template >> edit html >> centang expand widget
Cari kode berikut :

<div id='topads'>
<b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Hapus semua kode yang berwarna merah dan ganti dengan kode berikut

<a href="http://linkanda.com/" target="_blank" rel="nofollow"><img src="http://alamaturlgambaranda.com/gambar.jpg"/></a>

Keterangan:
- ganti link warna merah dengan link anda
- ganti link gambar warna biru dengan link gambar anda (pastikan ukuran gambar 728x90).

Preview template, jika sudah benar, save template anda

Mengganti Kalimat Selamat Datang
Masih di bagian Template>>Edit HTML, Cari kalimat selamat datang seperti gambar berikut ini dan ganti dengan kalimat selamat datang versi anda sendiri.

Mengganti Link Checkout Shopping Cart

Cari kode berikut ini :

<b:if cond='data:blog.url != "http://templatekranjangblanja.blogspot.com/p/checkout.html"'>

<div id='add-to-cart-widget'>
   <h2>Keranjang Belanja</h2>
   <div class='simpleCart_items'/>
   <div id='cartTotal'>
      Total: <span class='simpleCart_total'/>
   </div>
   <div class='cartbuttons'>
      <a class='simpleCart_empty' href='javascript:;'>Kosongkan</a>
      <a href='http://templatekranjangblanja.blogspot.com/p/checkout.html'>Checkout</a>
       </div>
</div>

</b:if>

Kemudian ganti semua alamat sub domain (yang berwarna merah) tersebut dengan alamat blog anda.

Memasang Kode Template Entry Post

Copy kode script di bawah ini dan letakkan pada bagian menu Setting >> Posts anda Comments >> menuju ke opsi Post (klik edit) pada blog anda

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Kode Barang</b></th>
<td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
<th><b>Harga</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Keterangan</b></th>
<td class="item_Description">Fitur produk!</td>
</tr>
<tr>
<th><b>Stok Barang</b></th>
<td>Stok barang anda!</td>
</tr>
<tr>
<th><b>Gambar Tambahan</b></th>
<td>tempatkan gambar produk tambahan di sini</td>
</tr>
</tbody>
</table>

Membuat Halaman Statis / Static Page untuk Checkout
Masuk ke menu Laman (Page) >>buat laman baru >> laman kosong kemudian masuk ke bagian HTML, beri JudulCheckout, selanjutnya copy paste script di bawah ini :

<h2 style="text-align: center;">
Keranjang Belanja Anda</h2>
<h2 style="font-weight: normal; text-align: center;">
<span style="font-size: x-small;">"Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!"</span></h2>
<div class="simpleCart_items">
</div>
<div class="clear">
<br />
<br />
<table border="1" style="width: 680px;"><tbody>
<tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr>
<tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr>
<tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr>
<tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr>
<tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr>
</tbody></table>
</div>

Anda bisa mengganti kalimat panduan yang berwarna merah sesuai dengan selera anda sendiri.

Ini masih belum selesai, agar halaman checkout via email anda bisa berfungsi, harus menambahkan kode email kontak form di bawah kode di atas. Kalau dalam contoh demo templatenya memakai form dari Kontactr (panduannya DISINI). Sehingga hasilnya seperti terlihat pada gambar di bawah ini

Anda bisa memakai form buatan buatan sendiri dari Google Docs (Lihat cara pembuatannya DISINI) atau dari form email kontak lain yang banyak bertebaran di internet.

Sampai disini tutorial panduan install template kranjang blanja sudah selesai.

Template Toko Online Shopping Cart dengan Checkout via Email

Jangan Lupa untuk mengklik tombol Like pada fanpage Tukang Toko Online di facebook agar anda bisa terus menerima update artikel dari Blog ini.


Nama Template	template kranjang blanja
Demo Template
Fitur	Header Adspace 728x90 YM Button Search Box Tab Navigation Grid Style 4 columns breadcumbs Related Post with thumbnail Bookmark Share Site Shopping cart IDR Currency (Rupiah) Multi Tabs Widget Checkout via email

Panduan Install template

1. Download Template dari link Download di atas

2. Masuk ke akun Blogger Anda.

3. Upload file template kranjang blanja pada akun blogger Anda (panduan upload Template ADA DISINI)

4. Kemudian Masuk ke opsi EDIT HTML template blogger Anda. Jangan lupa untuk mencentang Expand Widget Template (ingat!! selalu back up template dulu untuk jaga-jaga).

Berikut adalah beberapa elemen kode yang bisa anda lakukan editing.

Editing bagian Header :

Mengganti ID Yahoo Messenger

Temukan kode di bawah dan ganti text yang berwarna merah dengan ID YM anda :

ymsgr:sendIM?teguharifiantoati

dan

http://opi.yahoo.com/online?u=teguharifiantoati

Mengedit kotak pencarian
Agar kotak pencarian bisa bekerja di blog Anda, cari alamat url berikut :

http://templatekranjangblanja.blogspot.com/search

Mengganti Banner 728x90

Masuk ke template >> edit html >> centang expand widget
Cari kode berikut :

<div id='topads'>
<b:section class='adslot' id='adslot' maxwidgets='1' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

Hapus semua kode yang berwarna merah dan ganti dengan kode berikut

<a href="http://linkanda.com/" target="_blank" rel="nofollow"><img src="http://alamaturlgambaranda.com/gambar.jpg"/></a>

Mengganti Link Checkout Shopping Cart

Cari kode berikut ini :

<b:if cond='data:blog.url != "http://templatekranjangblanja.blogspot.com/p/checkout.html"'>

<div id='add-to-cart-widget'>
   <h2>Keranjang Belanja</h2>
   <div class='simpleCart_items'/>
   <div id='cartTotal'>
      Total: <span class='simpleCart_total'/>
   </div>
   <div class='cartbuttons'>
      <a class='simpleCart_empty' href='javascript:;'>Kosongkan</a>
      <a href='http://templatekranjangblanja.blogspot.com/p/checkout.html'>Checkout</a>
       </div>
</div>

</b:if>

<table border="1" style="width: 660px;">
<tbody>
<tr>
<th class="item_thumb" id="thumb" width="45%">Pasang Gambar Produk Anda DISINI</th>
<td><input class="item_add" type="button" value="Add to Cart" /></td>
</tr>
<tr>
<th><b>Kode Barang</b></th>
<td class="item_name">Kode produk taruh disini!</td>
</tr>
<tr>
<th><b>Harga</b></th>
<td class="item_price">$99.99</td>
</tr>
<tr>
<th><b>Keterangan</b></th>
<td class="item_Description">Fitur produk!</td>
</tr>
<tr>
<th><b>Stok Barang</b></th>
<td>Stok barang anda!</td>
</tr>
<tr>
<th><b>Gambar Tambahan</b></th>
<td>tempatkan gambar produk tambahan di sini</td>
</tr>
</tbody>
</table>

<h2 style="text-align: center;">
Keranjang Belanja Anda</h2>
<h2 style="font-weight: normal; text-align: center;">
<span style="font-size: x-small;">"Mohon Lengkapi Form dan Copy Paste Semua Order di Kolom Message. .!"</span></h2>
<div class="simpleCart_items">
</div>
<div class="clear">
<br />
<br />
<table border="1" style="width: 680px;"><tbody>
<tr><td class="odd">Total Items: </td><td class="even"><span class="simpleCart_quantity">0</span></td></tr>
<tr><td class="odd">SubTotal: </td><td class="even"><span class="simpleCart_total">Rp0.00</span></td></tr>
<tr><td class="odd">Tax Cost: </td><td class="even"><span class="simpleCart_taxCost">Rp0.00</span></td></tr>
<tr><td class="odd">Biaya Kirim: </td><td><a href="http://jne.co.id/" rel="nofollow" target="_blank">Cek di Sini</a></td></tr>
<tr><td class="odd">Final Total: </td><td class="even"><span class="simpleCart_finalTotal">Rp0.00</span></td></tr>
</tbody></table>
</div>

Laman

Cara Mudah Pasang Pop Up Ads / Iklan di Blogger

Cara Membuat Script Pop-up Windows pada Blog

Cara Membuat Script Pop-up Windows pada Blog

Template Toko Online Shopping Cart dengan Checkout via Email

Template Toko Online Shopping Cart dengan Checkout via Email

Total Pageviews