[share]Amazon Related Product Javascript for WP dan Blogspot

Habis utak-utek,,, gak tahu apa yang musti di kerjain, iseng bikin related product widget,

ini adalah semacam widget yang saya buat yang otomatis akan memunculkan nama barang yang sesuai dengan judul postingan, lengkao dengan link affiliate kita tentunnya

Penampakan


klo mo liat penampakannya ada di sini

_http://ladanguangkuadalah.blogspot.com/2012/03/kinect-rush-disney-pixar-adventure-xbox.html

kalau ada yang tertarik cara masangnya ini kodenya

Untuk Blogspot

untuk blogspot yang ini paste di bawah <dataost.body/>

HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   &lt;script type=&quot;text/javascript&quot;   src=&quot;http://taskpost.net/related-product/amazon-javascript.php?name=haryantoblog-20&amp;size=120&amp;key=<data:post.title/>&quot;&gt;   &lt;/script&gt;
</b:if>

trus yang ini paste di atas </body

HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='amazon-sswidget'>
<div class='closewidget'>
<a href='javascript:void()' onclick='tutupwidget()'>[CLOSE]</a></div>
<div id='amazon-widget'>
<script type='text/javascript'>
window.onload = pasteamazon();
function tutupwidget(){
document.getElementById('amazon-sswidget').style.display = 'none';
}
</script>
</div></div>
</b:if>

Trus yang ini di bagian style

HTML:

/*Amazon ----------------------------------------------- */ #amazon-sswidget{ position : fixed; bottom :  0px; left : 0px; height: 165px; padding: 10px; border-top: solid 1px #cccccc; overflow: scroll; z-index:200; background: #ffffff; } .amazon-item{ width: 200px; overflow: hidden; display : inline-block; margin-left: 10px; } .amazon-title{ font-size: 10px; } .closewidget { width: 75px; height: 25px; float: right; } .closewidget a{ color: #ff0000; } /*Amazon END ----------------------------------------------- */

Untuk Wordpress

Kalau untuk WP paste di bawah <?php the_content;?>

ini kodenya

Code:

<script type="text/javascript" src="http://taskpost.net/related-product/amazon-javascript.php?name=haryantoblog-20&size=120&key=<?php the_title();?>"> </script>

<div id="amazon-sswidget">
<div class="closewidget">
<a href="javascript:void()" onclick="tutupwidget()">[CLOSE]</a></div>
<div id="amazon-widget">
<script type="text/javascript">
window.onload = pasteamazon();
function tutupwidget(){
document.getElementById('amazon-sswidget').style.display = 'none';
}
</script>
</div></div>

Pengaturan:
Lihat bagian ini _http://taskpost.net/related-product/amazon-javascript.php?name=haryantoblog-20&size=120

name= adalah id amazon agan,,
size = adalah ukuran gambar,,

Atur Style
Kalau misalkan gak senang dengan style fixed gitu bisa juga di taroh di sidebar tinggal pindahin aja

code bagian ini

HTML:

<div id="amazon-sswidget">
<div class="closewidget">
<a href="javascript:void()" onclick="tutupwidget()">[CLOSE]</a></div>
<div id="amazon-widget">
<script type="text/javascript">
window.onload = pasteamazon();
function tutupwidget(){
document.getElementById('amazon-sswidget').style.display = 'none';
}
</script>
</div></div>

ke tempat yang agan kehendaki, sedangkann JS SRC nya biar aja di situ, syaratnya posisi windows.onload = harus lebih di bawah dari JS SRC nya soalnya browser mbacanya dari atas dulu kalau windows onloadnya yang ke baca duluan browser bingung nyari function jsnya kan belum di load,, ya kira kira gitulah,,

Untuk style css di wordpressnya sama aja dengan style css yang untuk blogspot di atas,,,

Sudah berhasilkan TS dengan cara ini?
Belum gan,, ane sama sekali belum dapet duit dari sini, lah wong di bikinnya aja baru tadi siang, (emang niatnya bikin mau di share),,

Sekian semoga bermanfaat,, kalau suka, tolong minta ikhlasnya doain biar earning ane kembali bangkit, setelah beberapa bulan terpuruk gan,,amiin

 

wuiiiish... mantap niih sharenya,,

kode yg di bawah ini yg di edit haryantoblog-20 trus ganti pake id amazonnya sy ya?

HTML:

<b:if cond='data:blog.pageType == &quot;item&quot;'>   
&lt;script type=&quot;text/javascript&quot; src=&quot;http://taskpost.net/related-product/amazon-javascript.php?name=haryantoblog-20&amp;size=120&amp;key=<data:post.title/>&quot;&gt;   &lt;/script&gt;
</b:if>

makasii sharenya gan..

 

mntap mastah ane cb dlu nih


-----

oia ane cek yg blogspot apa gk mslh tuh gan??apa gk melanggar amazon kek gt??

 

emang ada aturannya gak boleh ya??
tunggu mastah amazonnya barangkali ada yang lewat,,

 

wah patut dicobain

 

mantap mastah...diamankan dulu yahh... mksh.

semoga earning mastah kembali bangkit. Aminn.

 

wuihh.... mantep sharenya...

jadi daftar aktifitas selanjutnya nih buat saya

 

Iya gan name= amazon ID
size = ukuran gambar

 

keren.. haha di coba dlu mas

 

langsung praktek, thanks bro

 

nice gan.. ninggalin jejak dulu..coba ah

 

izin praktek gan......

 

Mantap masrtah,, ijin nyobain..
Semoga earningnya selalu lancar dan makin bertambah,, doa ini buat om TS yg udah berbaik hati sharing serta kita semua yg ada disini..

 

bukmark dulu mastah,mau ane ane coba mastah. Terima kasih,moga rejekinya makin lancar

 

manteb deh, kalau mastah maenannya ngeri gini

 

wah, ngeri gemana mastah??

 

Request untuk amazon itali Om

 

keren mas..ane dah ane praktekkan

 

wih,keren sob

 

langsung di coba ah..., eh di bookmark dulu aja deh , di cobanya nanti aja thx inponya