در این پست تصمیم گرفتم براتون یه کد قرار بدم که بتونین در گوشه وبلاگتون قرار بدید و باهاش تبلیغات بکنید . البته باید این را بگم که کسانی که از سیستم وبلاگ نویسی بلاگ دات ای ار استفاده می کنن برای استفاده از این کد باید امکان درج کد جاوا اسکریپت را خریداری کنن . همچنین تصمیم گرفتم هنگام درج کد اموزشی هم براش بنویسم و هر قسمت کد را معرفی کنم .
بقیه ی مطلب در ادامه ی مطلب
1- ابتدا باید کد زیر را بعد از تگ <head> قرار دهید .
<style>
#gplus { background : url(http://bayanbox.ir/id/1009815865764625702?view) center top no-repeat #f6f6f6; opacity :0.8; center down no-repeat #5c5c5c; box-shadow: 0px 0px 3px #888; border-radius : 1px; padding-top : 0; color : #000000; text-shadow : #fff 1px 1px 0; width : 120px; margin-bottom : 9px; margin-top : 4px; text-align : right; -webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in; } #gplus:hover { background : url(http://bayanbox.ir/id/1009815865764625702?view) center top no-repeat #ebebeb; opacity :1.0; box-shadow: 0px 0px 3px #888; color : #000000; text-shadow : #fff 1px 1px 0; }
<style>
2- کد زیر را هم قبل از </head> قرار دهید .
<link rel="stylesheet" href="http://picor.persiangig.com/document/ads.css" type="text/css" media="screen" /> <script language="JavaScript" type="text/javascript"> <!-- function toggleDiv(element){ if(document.getElementById(element).style.display = 'block') { document.getElementById(element).style.display = 'none'; } else if(document.getElementById(element).style.display = 'none') { document.getElementById(element).style.display = 'block'; } } //--> </script>
3- حال باید کد های زیر را در زیر کد <body> در قالبتان جای بدید.
<div id="gplus" style="position:fixed;left:10px;top:2px;z-index:1000;"> <div onClick="toggleDiv('gplus');" style="float:right;margin:7px 0 0 0;cursor:pointer;"><img src="http://picor.persiangig.com/document/close.png" alt="بستن پنجره" title="بستن پنجره" ></div> <div style="float:right;margin:10px 5px 0 0"> <font face="Tahoma" size="1" color="#001c3f"> </font> </div> <div style="float:left;margin:5px 5px 0 0"> <a href="http://picor.ir" target="_blank"><img src="http://picor.persiangig.com/document/ads.gif" alt="تبلیغات" title="تبلیغات" ></a> </div> <div style="float:left;margin:10px 10px 0 10px"> <g:plusone size="medium"></g:plusone> </div> </div>
نايت تولز افتتاح شد