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

Seo Master present to you:

This Tutorial About How Add We Ads Banners with CSS Effects also used in Spice Up Your Blogger.Now a Days its Amazing method For earning.So We can put banners on the bloggers and Advertisement here And When When Some Body Ask You you Will Pay And put Ads Where customer Want.Now We Can See Lot of Sites Authors Put css Stylish Ads And Earning.if you want to get more earning so put the ads your site and create page name of advertisement here.some time we vwaste time and empty hand,so don't waste your time if you want earning more mony,so we back and start job.first you decite where you put this ads,side bar is the best for puting ads 125*125 and 250*300  let's we start how we can do this.its easy and stylish.


How To Do This Just Follow The Steps Given Below.



  • Go to >> Blogger >> Layout >> Edit HTML.
  • Backup your template
  • Search for ]]></b:skin> and just above past The Code.
  • Click Save Template
  • Go to "Layout" ---> Click on Add Gadget ---> create new HTML / JavaScript.
  • Copy the code, Code Given Below.
  • Don't Try Changing This Code When Is Not Working.

/* -------------------www.matrixar.com Ads------------------*/
div.bsap_125 a{width:125px;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;float:left;line-height:100%;margin:0 4px 10px 0;}
div.bsap_125 img{border:2px solid #ddd;clear:right;padding:5px;}
div.bsap_125 a.adhere{color:#666;font-weight:bold;font-size:12px;border:2px solid #ccc;background:#e7e7e7;text-align:center;width:125px;height:125px;line-height:1000%;}
div.bsap_125 a.adhere:hover{border:2px solid #999;background:#ddd;color:#333;}
html>
body div.bsap_125 a.adhere{width:123px;height:123px;}
div.bsap_468 a{width:468px;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;line-height:100%;margin:0;}
div.bsap_468 img{border:0;clear:right;}
div.bsap_468 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;width:468px;height:60px;line-height:480%;}
div.bsap_468 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}
html>
body div.bsap_728 a.adhere{width:726px;height:90px;}
div.bsap_728 a{width:468px;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;line-height:100%;margin:0;}
div.bsap_728 img{border:0;clear:right;}
div.bsap_728 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;width:128px;height:90px;line-height:730%;}
div.bsap_728 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}
html>
body div.bsap_336 a.adhere{width:334px;height:280px;}
div.bsap_336 a{width:468px;display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;text-align:center;text-decoration:none;overflow:hidden;line-height:100%;margin:0;}
div.bsap_336 img{border:0;clear:right;}
div.bsap_336 a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;width:336px;height:280px;line-height:2200%;}
div.bsap_336 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}
html>
body div.bsap_468 a.adhere{width:466px;height:58px;}
.bsap a{text-shadow:1px 1px 1px #111!important;color:#eee!important;overflow:visible!important;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;border:0 none!important;-webkit-border-top-left-radius:80px;-webkit-border-bottom-right-radius:80px;-moz-border-radius-topleft:80px;-moz-border-radius-bottomright:80px;border-top-left-radius:80px;border-bottom-right-radius:80px;margin:0 10px 10px 0 !important;padding:7px!important;}
.bsap a:hover{-webkit-border-top-left-radius:40px;-webkit-border-bottom-right-radius:40px;-moz-border-radius-topleft:40px;-moz-border-radius-bottomright:40px;border-top-left-radius:40px;border-bottom-right-radius:40px;}
.bsap a img{border:0 none!important;-webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);-moz-box-shadow:0 0 8px rgba(0,0,0,0.5);box-shadow:0 0 8px rgba(0,0,0,0.5);padding:3px!important;}
.bsap .even{margin-right:0!important;}
.bsap .ad1{background:#e42b2b!important;}
.bsap .ad2{background:#ff8400!important;}
.bsap .ad3{background:#a800ff!important;}
.bsap .ad4{background:#49a7f3!important;}
.bsap .ad5{background:#41d05f!important;}
.bsap .ad6{background:#B24700!important;}
.bsap .ad7{background:#FFE500!important;}
.bsap .ad8{background:#007D47!important;}
.bsap .ad9{background:#330000!important;}
.bsap .ad10{background:#990000!important;}
.bsap .ad11{background:#f70000!important;}

The size of 125x125 Code Given Below.

<center>
<div id="bsap_125" class="bsap_125 bsap">
<a href="ADVERTISE URL" class="ad1" title="Ad Title" id="bsa_1451626" target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 125 "width =" 125 "/> </a>
<a href="ADVERTISE URL" class="ad2 even" title="Ad Title" target="_blank"> <img src = "IMAGE URL"alt =" AdName "height =" 125 "width =" 125 "/> </a>
<a href="ADVERTISE URL" class="ad3" title="AdTitle" target="_blank"> <img src = "IMAGE URL "alt =" AdName "height =" 125 "width =" 125 "/> </a>
<a href="ADVERTISE URL" class="ad4 even" title="Ad Title" target="_blank"> <img src = "IMAGE URL"alt =" AdName "height =" 125 "width =" 125 "/> </a>
</div></center>

The size of 468x60 Code Given Below.


<center>
<div id="bsap_468" class="bsap_468 bsap">
<a href="ADVERTISE URL" class="ad5" title="Ad Title" id="bsa_1451626"
target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 60
 "width =" 468 "/> </ a>
</ Div>
</ Center>

The size of 728x90 Code Given Below.


<center>
<div id="bsap_728" class="bsap_728 bsap">
<a href="ADVERTISE URL" class="ad6" title="Ad Title" id="bsa_1451626"
target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 90
 "width =" 728 "/> </ a>
</ Div>
</ Center>

The size of 336x280Code Given Below.

<center>
<div id="bsap_336" class="bsap_336 bsap">
<a href="ADVERTISE URL" class="ad8" title="Ad Title" id="bsa_1451626"
target="_blank"> <img src = "IMAGE URL "alt ="AdName"height =" 280
 "width =" 336 "/> </ a>
</ Div>
</ Center>

How Customize Changings Tthis Code.

  • ADVERTISE URL - In Aqua Color Highlight Replace to your advertiser URL.
  • IMAGE URL - Replace to your advertiser image ULR.
  • NOTE: The one Highlighted with Yellow should be changed with any thing you like among ad1 - ad11 (It changes the color of the background image)
  • Good luck. If you any doubts please ask by commenting below,i will Reply Soon Is Possibale...
  • Now If  You Like This post So Please Share It.

2013, By: Seo Master
Seo Master present to you:
ปัจจัยการทำ SEO ที่เกี่ยวข้องกับ Domain และ Site
1. Domain age
ตัวแปรที่เกี่ยวข้องกับอายุของโดเมนยิ่งเก่าเท่าไหร่ยิ่งมีความน่าเชือถือมากขึ้นเท่านั้น ยิ่งเก่ายิ่งดี
2. Length of Domain Registration
ตัวแปรที่เกี่ยวข้องกับความยาวของตัวอักษรของชื่อโดเมนที่ใช้ลงทะเบียนควรที่จะสั้นๆแต่ได้ใจความไม่ยาวจนเกินไป
3. Domain Registration Information Hidden/Anonymous
ตัวแปรที่เกี่ยวข้องกับข้อมูลการเปิดเผยข้อมูลการลงทะเบียน Domain โดนปิด หรือซ่อนไว้ และไม่ระบุชื่อผู้จดทะเบียนโดเมน
4. Site Top Level Domain (Geographical Focus E.G. Com Versus Co.uk)
ตัวแปรที่เกี่ยวข้องกับโดเมนระดับบนสุด ดูปัจจัยตามภูมิภาค ภูมิศาสตร์ หรือตามประเทศนั้นๆ เช่นเปรียบเทียบ .Com กับ .Co.uk จะดูมีความน่า เชื่อถือ และอันดับที่ดีกว่าถ้า Search Google ในประเทศ UK ภูมิภาค หรือภูมิศาสตร์นั้นๆ
5. Site Top Level Domain (E.G. .Com Versus .Info)
ตัวแปรที่เกี่ยวข้องกับโดเมนระดับบนสุดของโดเมน เช่น .Com เปรียบเทียบกับ .Info หรือโดเมนสกุลต่างๆ ความหมาย .Com น่าจะมีความน่าเชื่อถือในสายตาของ Search Engine อย่าง Google มากกว่า .Info
6. Sub Domain or Root Domain?
ตัวแปรที่เกี่ยวข้องกับเว็บไซต์อยู่ใน Main Root หรือ Subdomain
7. Domain Past Records (How Often it Changed IP)
ตัวแปรที่เกี่ยวข้องกับการเปลี่ยนแปลง IP บ่อยแค่ไหน หรือว่าย้ายที่อยู่ Host บ่อยๆนั่นเอง
8. Domain Past Owners (How Often The Owner Was Changed)
ตัวแปรที่เกี่ยวข้องกับความถี่ของการเปลี่ยนแปลง หรือเปลี่ยนมือเจ้าของโดเมนที่ผ่านมาว่าบ่อยแค่ไหน
9.Keywords In The Domain
ตัวแปรที่เกี่ยวข้องกับการมีคีย์เวิร์ดผสมอยู่ใน Domain Name
10. Domain IP
ตัวแปรที่เกี่ยวข้องกับ IP ของโดเมน
11. Domain IP Neighbors
ตัวแปรที่เกี่ยวข้องกับ IP ของโดเมนเพื่อนบ้านที่เชื่อมกัน
12. Domain External Mentions (Non-Linked)
ตัวแปรที่เกี่ยวข้องกับการอ้างอิงถึงโดเมนภายนอก ซึ่งไม่ใช่ลิงค์
13. Geo-Targeting Settings in Google Webmaster Tools
ตัวแปรที่เกี่ยวข้องกับการตั้งค่าระบุ ภูมิภาค หรือภูมิศาสตร์ใน Google Webmaster Tools
14. Domain Registraction With Google Webmaster Tools
ตัวแปรที่เกี่ยวข้องกับการลงทะเบียนโดเมนกับ Google Web Master Tools
15. The Page Rank of The Entire Domain
ตัวแปรที่เกี่ยวข้องกับค่า PageRank ภายใน Domain ทั้งหมด2013, By: Seo Master
Seo Master present to you: In the last tutorial, i've been talking about the Related Posts widget that shows related posts along with thumbnails just at the end of your blog articles. Some of the users, however, would prefer a simpler and cleaner displaying of their related posts so that it would show just the posts titles. So let's begin adding it!

related post, related post blogger, blogger tricks

How to add Related Posts Widget to Blogger

Step 1. Go to Template >> Edit HTML and tick the "Expand Widget Templates" checkbox

Step 2. Find the below tag

</head>

Step 3. And just above it, paste the following code:


<!--Related Posts Scripts and Styles Start-->
<!--Remove--><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
margin-top: 20px;
}
#related-posts .widget{
padding-left:6px;
margin-bottom:10px;
}
#related-posts .widget h2, #related-posts h2{
font-size: 17px;
font-weight: normal;
color: black;
font-family: Arial Narrow;
margin-bottom: 0.75em;
padding-top: 0em;
}
#related-posts a{
font-size:16px;
color: #555555;
font-variant:small-caps;
}
#related-posts a:hover{
text-decoration: none;
color: #ffffff;
font-weight: bold;
}
#related-posts ul{
list-style-type:none;
margin:0 0 0px 0;
padding:0px;
text-decoration:none;
text-color:#000000
}
#related-posts ul li{
list-style-type: none;
border-left: 2px solid #1399CF;
border-bottom: 1px dotted #1399CF;
margin-bottom: 3px;
padding-left: 30px;
padding-top:0px;
}

#related-posts ul li:hover{
background-color: #1399CF;
border-left: 2px solid #B3CA3D;
border-bottom: 1px dotted #B3CA3D;
}
</style>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/>
<!--Remove--></b:if>
<!--Related Posts Scripts and Styles End-->

Note:
- if you want to change the size and color of 'Related Posts' title, change the bolded values (17 for the font size and black for the color)
-to change the related post title color, replace the value in red;
-to change the background color on mouseover, replace the color value in blue;

Step 4. Now find (CTRL + F) the below line:

    <div class='post-footer'>

Step 5. Just above it, paste the code below:

<!-- Related Posts Code Start-->
<!--Remove-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> <!--Remove--></b:if> <!-- Related Posts Code End-->

Note: In order to change the number of maximum related posts being displayed for each label, search for the code max-results=5 and change the number "5" to any desired number.

Step 6. Save Template

Enjoy!!!
2013, By: Seo Master
Powered by Blogger.