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

Loading...
Seo Master present to you:

Friends, This is a new post about auto scrolling recent post widget, It is more stylish than other widget. Just add it in to your blogger. make a good feel to audience.

 

Stylish Scrolling Widget For Blogger from( www.matrixar.com)

 

 

Log in your Blogger 

  • Go to Layout

 

  • Click on “Add Gadgets”

 

  • Select “HTML/Javascript” option from given list.

 

  • Copy below code and paste it.

 

 

<center><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--

#spylist {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:350px;
}
#spylist ul{
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#spylist li {
width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:70px;
overflow: hidden;
background:#fff repeat-x;
border:1px solid #ddd;
}

#spylist li a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#spylist li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
.spydate{
overflow:hidden;
font-size:10px;
color:#0284C2;
padding:2px 0px;
margin:1px 0px 0px 0px;
height:15px;
font-family:Tahoma,Arial,verdana, sans-serif;
}

.spycomment{
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

-->
</style>
<script language='javascript'>

imgr = new Array();
imgr[0] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[1] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[2] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[3] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
imgr[4] = "http://www.matrixar.com/_CEj8AwvwSNM/TPkQUkM0wnI/AAAAAAAAFD8/TxYWe-CMPr8/s320/no_image.gif";
showRandomImg = true;
boxwidth = 255;
cellspacing = 6;
borderColor = "#232c35";
bgTD = "#000000";
thumbwidth = 70;
thumbheight = 70;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "comments";
showPostDate = true;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 10;
home_page = "http://www.matrixar.com/";
limitspy=4
intervalspy=4000
</script>

<div id="spylist">
<script src='https://sites.google.com/site/unwanted86/javascript/animatedrecentpost.js' type='text/javascript'></script>
</div>
</center>
<center><small></center>

 

  • Change RED color with your Blog URL.

 

  • Save it and enjoy..

 

 

 

 

 

Leave a comment………………….. if this code is not working…………………..

 

2013, By: Seo Master

seo How To Add Stylish Auto Scrolling Widget (With Image Preview) To Blogger 2013

Seo Master present to you:

Friends, This post about hide your widget  in blogger. It make more free space in your blogger. If you want to see the hidden widget just click Open button. Add it into you blog and comment below….

Open and Close Button for hide a widget inside. By masterhacksindia.blogspot



Log in your Blogger
  • Go to Layout


  • Click on “Add Gadgets”

  • Select “HTML/Javascript” option from given list.

  • Copy below code and paste it.

<div style="margin-bottom: 2px;"><span style="color: rgb(102, 102, 204);"> </span>
<div style="margin-top: 5px; text-align: left;"><input onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;CLOSE&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" value="OPEN" style="margin-top: 5px; width: 60px; font-size: 10px;" type="button" /> </div>
<div style="border: 1px inset ; margin: 0px; padding: 6px;"><div style="display: none;">

<!---Insert A Widget Here--->
<!---Insert A Widget Here--->

</div></div></div><a href="http://www.matrixar.com/" target="_blank"><small>HideWidget</small></a>

  • Change RED color with your Widget code.

  • Save it and enjoy..



Leave a comment………………….. if this code is not working…………………..

2013, By: Seo Master

seo Open/ Hide Button to Hide a Widget Inside 2013

Seo Master present to you:
ต่อไปเรามาดูคำสั่งในไฟล์ robot.txt กัน คำสั่งแรก User-agent: คือคำสั่งที่เราจะให้ Robot ของค่ายไหนเข้ามาเก็บข้อมูลได้บ้าง เช่น User-agent: Googlebot หรือจะให้เฉพาะ Robot บางตัวเข้ามาเก็บข้อมูล เช่น User-agent: Googlebot User-agent: Scooter หรือให้ Robot ทุกตัวเข้ามาเก็บข้อมูลก็ User-agent:*
ต่อไปมาดูคำสั่ง Disallow: คือคำสั่งที่จะบอกให้ Robot ว่าไม่อนุญาตให้เก็บไฟล์หรือข้อมูลไหนบ้าง เช่น Disallow: / ตามด้วยเครื่องหมาย / ก็คือบอกให้ Robot รู้ว่าไม่อนุญาตให้เก็บไฟล์ทุกไฟล์ในเว็บของเราเลย หรือ Disallow: เว้นว่างคำสั่งนี้คืออนุญาตให้ Robot เก็บไฟล์ข้อมูลได้ทุกไฟล์ เป็นต้น

เรามาลองดูตัวอย่าง ในตัวอย่างนี้คือให้ Robot Search Engine เข้ามาเก็บข้อมูลได้แต่ยกเว้น Folder templates 3rdparty และ libs เป็นต้น

User-agent: *
Disallow: /templates/
Disallow: /3rdparty/
Disallow: /libs/

เรามาลองดูตัวอย่างอีกซักตัวอย่าง ในตัวอย่างนี้คือให้อนุญาตให้เฉพาะ Robot Google สามารถเข้ามาเก็บข้อมูลได้ Search Engine ตัวอื่นๆไม่อนุญาตให้เก็บข้อมูล

User-agent: Google
Disallow:
User-agent: *
Disallow: /

ลองประยุกต์ใช้ดูตามรูปแบบการใช้งานของเว็บเรานะครับ แต่ถ้ายังไม่ค่อยเข้าใจหรือเบื่อที่จะเขียน หรือพิมพ์เอง แนะนำเว็บที่ Gen Code robot.txt ให้เราตามลิงค์เลยครับ Gen Robot ส่วนวิธีการใช้งานก็ง่ายๆครับ ลองศึกษาดูไม่ยากเกินความสามารถแน่นอน2013, By: Seo Master

seo คำสั่งไฟล์ robot.txt 2013

Powered by Blogger.
Design by Dev Nasser