Les nouveautés et Tutoriels de Votre Codeur | SEO | Création de site web | Création de logiciel





seo Stylish buysellads-marketplace like ads widget for Blogger/Wordpress 2013

Seo Master present to you:

Stylish buysellads-marketplace like ads widget for Blogger/Wordpress
This tutorial  Today i am intoduced stylish BuySellAds MarketPlace widget for blogger/blog now can good impressions for visitors. This cool CSS widget design him widget catching attractive user easily clicks this ads nice impressions blogger/blog designes effect is better then this widget for blogger / wordpress / domain cool for advertisers.its a good soyrce of earning .Because many prople offer you that you put Add your own site .Its amazing For your blog.i'm telling you When You put Adds Your Site So Please ist Create A new page for name of Advertisemint here.So When people Click your add so They Automatically Redirect Your Advertsemint page ,where you Put all Description About this .how mutch These.

How To Add Those Widget In Your Blogspot Blog?

  • Go to >> Blogger login
  • Add >>gadget >> HTML >>javascript
  • Paste inside Empty box .
  • Save it done.

Join Me On Facebook


How To Add Those Widget In Your Wordpress Blog?


  • Go to Dashboard >> Appearance >> Widget.
  • Add a Text Widget.
  • Paste the code shown below.
  • Save the Widget and You have done it!.


Ist Add This.

Stylish buysellads-marketplace like ads widget for Blogger/Wordpress


<style>
html > body div.bsap_1272098 a.adhere {
    width: 258px;
    height: 258px;
}
div.bsap_1272098 a.adhere {
    width: 260px;
    height: 260px;
    line-height: 2080%;
}
div.bsap_1272098 a.adhere {
    color: rgbundefined102, 102, 102);
    font-weight: bold;
    font-size: 12px;
    border: 1px solid rgbundefined204, 204, 204);
    background: none repeat scroll 0% 0% rgbundefined231, 231, 231);
    text-align: center;
}
.bsap a:hover {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bsap .ad1 {
    background: none repeat scroll 0% 0% rgbundefined17, 108, 165) !important;
}
div.bsap_1272098 a {
    line-height: 100%;
}
div.bsap_1272098 a {
    display: block;
    font-size: 11px;
    color: rgbundefined136, 136, 136);
    font-family: verdana,sans-serif;
    margin: 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
}
div.bsap_1272098 a {
    width: 260px;
}
.bsap a {
    text-shadow: 1px 1px 1px rgbundefined17, 17, 17) !important;
    color: rgbundefined238, 238, 238) !important;
    padding: 0px !important;
    margin: 0px 10px 10px 0px !important;
    overflow: visible !important;
    transition: all 0.2s ease 0s;
    border: 0px none !important;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0px none;
}
</style>
<div class="widget-content">
<!-- Ads Zone Code -->
<div id="bsap_1272098" class="bsap_1272098 bsap"><a href="http://www.matrixar.com/" title="Advertise Here" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>
<!-- End Ads Zone Code -->
</div>


2nd Add this.

Stylish buysellads-marketplace like ads widget for Blogger/Wordpress


<style>
html > body div.bsap_1264012 a.adhere {
    width: 123px;
    height: 123px;
}
div.bsap_1264012 a.adhere {
    width: 125px;
    height: 125px;
    line-height: 1000%;
}
div.bsap_1264012 a.adhere {
    color: rgbundefined102, 102, 102);
    font-weight: bold;
    font-size: 12px;
    border: 1px solid rgbundefined204, 204, 204);
    background: none repeat scroll 0% 0% rgbundefined231, 231, 231);
    text-align: center;
}
.bsap a:hover {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bsap .ad5 {
    background: none repeat scroll 0% 0% rgbundefined61, 164, 21) !important;
}
.bsap .ad6 {
    background: none repeat scroll 0% 0% rgbundefined182, 118, 6) !important;
}
.bsap .even {
    margin-right: 0px !important;
}
div.bsap_1264012 a {
    line-height: 100%;
}
div.bsap_1264012 a {
    display: block;
    font-size: 11px;
    color: rgbundefined136, 136, 136);
    font-family: verdana,sans-serif;
    margin: 0px 8px 15px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
div.bsap_1264012 a {
    width: 125px;
}
.bsap a {
    text-shadow: 1px 1px 1px rgbundefined17, 17, 17) !important;
    color: rgbundefined238, 238, 238) !important;
    padding: 0px !important;
    margin: 0px 10px 10px 0px !important;
    overflow: visible !important;
    transition: all 0.2s ease 0s;
    border: 0px none !important;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0px none;
}
</style>
<div class="widget-content">
<!-- BuySellAds Zone Code -->
<div id="bsap_1264012" class="bsap_1264012 bsap">
<a href="http://mybloggertopic.blogspot.com/" title="Advertise Here" class="adhere ad5 odd" target="_blank">Advertise Here</a>
<a href="http://mybloggerstricks.com/" title="Advertise Here" class="adhere ad6 even" target="_blank">Advertise Here</a>
</div>
<!-- End BuySellAds Zone Code -->
</div>


3rd Add This.

Stylish buysellads-marketplace like ads widget for Blogger/Wordpress

<style id="bsa_css" type="text/css">div.bsap_1263441{width:100%;display:block}div.bsap_1263441 a{width:468px}div.bsap_1263441 a img{padding:0}div.bsap_1263441 a em{font-style:normal}div.bsap_1263441 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;}div.bsap_1263441 img{border:0;clear:right;}div.bsap_1263441 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}div.bsap_1263441 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}div.bsap_1263441 a{line-height:100%}div.bsap_1263441 a.adhere{width:468px;height:60px;line-height:480%}</style><div class="widget-content"><!-- BuySellAds Zone Code --><div id="bsap_1263441" class="bsap_1263441 bsap"><a title="Advertise Here" href="http://www.matrixar.com/" class="adhere ad1 odd" target="_blank">Advertise Here</a></div><!-- End BuySellAds Zone Code --></div>

4th add This.

Stylish buysellads-marketplace like ads widget for Blogger/Wordpress

<style>
div.bsap_1263441 a.adhere:hover {
    border: 1px solid rgbundefined153, 153, 153);
    background: none repeat scroll 0% 0% rgbundefined221, 221, 221);
    color: rgbundefined51, 51, 51);
}
html > body div.bsap_1263441 a.adhere {
    height: 58px;
    width: 466px;
}
div.bsap_1263441 a.adhere {
    width: 468px;
    height: 60px;
    line-height: 480%;
}
div.bsap_1263441 a.adhere {
    color: rgbundefined102, 102, 102);
    font-weight: bold;
    font-size: 12px;
    border: 1px solid rgbundefined204, 204, 204);
    background: none repeat scroll 0% 0% rgbundefined231, 231, 231);
    text-align: center;
}
.bsap a:hover {
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.bsap .ad1 {
    background: none repeat scroll 0% 0% rgbundefined17, 108, 165) !important;
}
div.bsap_1263441 a {
    line-height: 100%;
}
div.bsap_1263441 a {
    display: block;
    font-size: 11px;
    color: rgbundefined136, 136, 136);
    font-family: verdana,sans-serif;
    margin: 0px 4px 10px 0px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    float: left;
}
div.bsap_1263441 a {
    width: 468px;
}
.bsap a {
    text-shadow: 1px 1px 1px rgbundefined17, 17, 17) !important;
    color: rgbundefined238, 238, 238) !important;
    padding: 0px !important;
    margin: 0px 10px 10px 0px !important;
    overflow: visible !important;
    transition: all 0.2s ease 0s;
    border: 0px none !important;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
#nav ul li a.current, #nav ul li a.current:visited, a:hover {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
:focus {
    outline: 0px none;
}
</style>
<div class="widget-content">
<div style="margin-top:35px;">
<!-- BuySellAds Zone Code -->
<div id="bsap_1263441" class="bsap_1263441 bsap"><a title="Advertise Here" href="http://www.matrixar.com/" class="adhere ad1 odd" target="_blank">Advertise Here</a></div>
<!-- End BuySellAds Zone Code -->
</div>
</div>


Now Save Any One Code You Will Done this.

Know How To Customization This Code.

Replace all yellow mark http://www.matrixar.com/ and "Advertise here" you can Write Here Any Thing If You Want.

If You Like This post Rate this in Comments..









2013, By: Seo Master

Labels: , ,



Leave A Comment:

Powered by Blogger.