Awesome multiple random ad banner

0 yorum 03:26 Gönderen Unknown

Awesome multiple random ad banner

Random ads per page impression

Ad spot for less


Ad spot for less

If you don't like an ordinary set of sponsored image links then this is for you. With the codes below, each sponsors can share an individual block and share the costs making it less expensive for them, thus making it easier for you to sell ads spaces. So its a win for both parties! 

This code grants you greater and nice-looking spaces for image links. The script from an earlier post was modified to a new one that you're about to see below. You can add titles for each image link.Rel="nofollow" and target="_blank" were also added for all the links. You may remove them if you opt to do so.

Changing the appearance
Copy and paste this style block to your CSS.
div.ads-container {
width:280px;
}
div.ads-container img {
width:125px;
height:125px;
margin:0 3px 5px 0;
padding:0;
border:1px solid #ddd;
}
div.ads-container img:hover {
border:1px solid #bbb;
}

Code
Copy and paste this code anywhere on your site within <body> and </body> tag.
<!-- A code from BloggerTemplatesWidgets.com START -->
<div class="ads-container">
<script type="text/javascript">
var ad = []
ad[0]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90rm3pLOIxXSXdos2SWwdnuIjc00cpv6XeGEsNouTpDlgpmnNCje6QrDxhO4twUyYRooVPkx4MRcBr3QghLev089u-EhE2XXo_Y8BjnumS3UgpRiGtqr6rsNvZ5ibqAEo4229D9EJv88/" , "AD-1"]
ad[1]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35gEIfF2YWOZKjV3FoazWWVyxzgbq0vBpK4tf841hFxT2XmKs2U77acOj3HaMoffaxG_z7RtMgUgWmVPIDJtT7Fkdny3nc-z2FzhZs_hJNErsZCnrnnO8ARyfxSMLLv0Xhy7axr19UT8/" , "AD-2"]
ad[2]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoRFMMPm3x_7cHDtoiKgnc2q7IPi66fpWf6GFAXRg2WnN8vkLfeNbcNGGU3U0rCrFjtTZ_IrLmYsqYl0ykxy7HuP8bGwXkIRvq4Z5c_YEuWQVa7Yalgr2f1nwFqzu0yn9Zft_VT-8bmUA/" , "AD-3"]
ad[3]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawo8WQYCMzQk5szMYD-8hdIT8eLtqAfM_P4f23tDd26dsDb1uSRxsP7JsPNB4DAhZOdc5fMMQ18oOPUFPV_rJAJzEQlJbxukVu8Up1CbFYA20tWGOnO5aGsm8ptWdv1uPb2BI-970hnM/" , "AD-4"]
var ad2 = []
ad2[0]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90rm3pLOIxXSXdos2SWwdnuIjc00cpv6XeGEsNouTpDlgpmnNCje6QrDxhO4twUyYRooVPkx4MRcBr3QghLev089u-EhE2XXo_Y8BjnumS3UgpRiGtqr6rsNvZ5ibqAEo4229D9EJv88/" , "AD-1"]
ad2[1]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35gEIfF2YWOZKjV3FoazWWVyxzgbq0vBpK4tf841hFxT2XmKs2U77acOj3HaMoffaxG_z7RtMgUgWmVPIDJtT7Fkdny3nc-z2FzhZs_hJNErsZCnrnnO8ARyfxSMLLv0Xhy7axr19UT8/" , "AD-2"]
ad2[2]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoRFMMPm3x_7cHDtoiKgnc2q7IPi66fpWf6GFAXRg2WnN8vkLfeNbcNGGU3U0rCrFjtTZ_IrLmYsqYl0ykxy7HuP8bGwXkIRvq4Z5c_YEuWQVa7Yalgr2f1nwFqzu0yn9Zft_VT-8bmUA/" , "AD-3"]
ad2[3]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawo8WQYCMzQk5szMYD-8hdIT8eLtqAfM_P4f23tDd26dsDb1uSRxsP7JsPNB4DAhZOdc5fMMQ18oOPUFPV_rJAJzEQlJbxukVu8Up1CbFYA20tWGOnO5aGsm8ptWdv1uPb2BI-970hnM/" , "AD-4"]
var ad3 = []
ad3[0]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90rm3pLOIxXSXdos2SWwdnuIjc00cpv6XeGEsNouTpDlgpmnNCje6QrDxhO4twUyYRooVPkx4MRcBr3QghLev089u-EhE2XXo_Y8BjnumS3UgpRiGtqr6rsNvZ5ibqAEo4229D9EJv88/" , "AD-1"]
ad3[1]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35gEIfF2YWOZKjV3FoazWWVyxzgbq0vBpK4tf841hFxT2XmKs2U77acOj3HaMoffaxG_z7RtMgUgWmVPIDJtT7Fkdny3nc-z2FzhZs_hJNErsZCnrnnO8ARyfxSMLLv0Xhy7axr19UT8/" , "AD-2"]
ad3[2]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoRFMMPm3x_7cHDtoiKgnc2q7IPi66fpWf6GFAXRg2WnN8vkLfeNbcNGGU3U0rCrFjtTZ_IrLmYsqYl0ykxy7HuP8bGwXkIRvq4Z5c_YEuWQVa7Yalgr2f1nwFqzu0yn9Zft_VT-8bmUA/" , "AD-3"]
ad3[3]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawo8WQYCMzQk5szMYD-8hdIT8eLtqAfM_P4f23tDd26dsDb1uSRxsP7JsPNB4DAhZOdc5fMMQ18oOPUFPV_rJAJzEQlJbxukVu8Up1CbFYA20tWGOnO5aGsm8ptWdv1uPb2BI-970hnM/" , "AD-4"]
var ad4 = []
ad4[0]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg90rm3pLOIxXSXdos2SWwdnuIjc00cpv6XeGEsNouTpDlgpmnNCje6QrDxhO4twUyYRooVPkx4MRcBr3QghLev089u-EhE2XXo_Y8BjnumS3UgpRiGtqr6rsNvZ5ibqAEo4229D9EJv88/" , "AD-1"]
ad4[1]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi35gEIfF2YWOZKjV3FoazWWVyxzgbq0vBpK4tf841hFxT2XmKs2U77acOj3HaMoffaxG_z7RtMgUgWmVPIDJtT7Fkdny3nc-z2FzhZs_hJNErsZCnrnnO8ARyfxSMLLv0Xhy7axr19UT8/" , "AD-2"]
ad4[2]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoRFMMPm3x_7cHDtoiKgnc2q7IPi66fpWf6GFAXRg2WnN8vkLfeNbcNGGU3U0rCrFjtTZ_IrLmYsqYl0ykxy7HuP8bGwXkIRvq4Z5c_YEuWQVa7Yalgr2f1nwFqzu0yn9Zft_VT-8bmUA/" , "AD-3"]
ad4[3]=["URL-HERE" , "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhawo8WQYCMzQk5szMYD-8hdIT8eLtqAfM_P4f23tDd26dsDb1uSRxsP7JsPNB4DAhZOdc5fMMQ18oOPUFPV_rJAJzEQlJbxukVu8Up1CbFYA20tWGOnO5aGsm8ptWdv1uPb2BI-970hnM/" , "AD-4"]
x = Math.floor(Math.random()*ad.length)
document.write("<a href='" + ad[x][0] + "' rel='nofollow' target='_blank' title='" + ad[x][2] +"'>")
document.write("<img src='" + ad[x][1] + "'/>")
document.write("</a>")
x = Math.floor(Math.random()*ad2.length)
document.write("<a href='" + ad2[x][0] + "' rel='nofollow' target='_blank' title='" + ad2[x][2] +"'>")
document.write("<img src='" + ad2[x][1] + "'/>")
document.write("</a>")
x = Math.floor(Math.random()*ad3.length)
document.write("<a href='" + ad3[x][0] + "' rel='nofollow' target='_blank' title='" + ad3[x][2] + "'>")
document.write("<img src='" + ad3[x][1] + "'/>")
document.write("</a>")
x = Math.floor(Math.random()*ad4.length)
document.write("<a href='" + ad4[x][0] + "' rel='nofollow' target='_blank' title='" + ad4[x][2]+ "'>")
document.write("<img src='" + ad4[x][1] + "'/>")
document.write("</a>")</script></div>
<!-- A code from BloggerTemplatesWidgets.com END -->
Replace occurences of URL-HERE with your target link.
Replace occurences of image url with your own pic.
Replace occurences of AD-1, AD-2, AD-3, and AD-4 with any title.


Live Demo
Since this code only works after every page impression, you will need to refresh this page and see how these images change each time. Four images are set to randomly appear.


That's it. Enjoy! Please leave your comments below. 

Written by

0 yorum:

Kaydol: Kayıt Yorumları (Atom)