blogger website code html gadget plugin forblogger

..................แบบธรรมชาติฟูๆ.................... ....................แบบเกร้ดหิมะน้ำแขง................................ ถ้าวางสองโค้ดนี้ต่อกันจะได้เกรดกันหิมะปนกันสวยมาก

วันเสาร์ที่ 8 สิงหาคม พ.ศ. 2558

footer background for blogger

footer background for blogger

วันศุกร์ที่ 17 กรกฎาคม พ.ศ. 2558

youtube autoplay loop start play time html code for web ;)

youtube autoplay loop start play time html code for web ;)
<iframe width="533" height="300" src="https://www.youtube.com/embed/zqKoXPHhmsM?rel=0&start=126&autoplay=1&loop=1" frameborder="0" allowfullscreen></iframe>

วันเสาร์ที่ 27 มิถุนายน พ.ศ. 2558

text size with background colour slide bar html code for website or blogger

<marquee bgcolor="blue" direction="lefe" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="9.9" width="80%"><span style="color: white;"><span><FONT SIZE=15>ซ่อมแอร์ติดตั้งแอร์ ลาดกระบังหลวงแพ่ง ฉลองกรุงสุวรรรณภูมิ โทร 081 627 1691 โทร 081 627 1691 >>ซ่อมแอร์ติดตั้งแอร์ ลาดกระบังหลวงแพ่ง ฉลองกรุงสุวรรรณภูมิ โทร 081 627 1691 โทร 081 627 1691</font></span></span>
</marquee>

วันศุกร์ที่ 26 มิถุนายน พ.ศ. 2558

scroll text with background mouse over stop mosue out it's work for blogger html code

----- <marquee bgcolor="blue" direction="lefe" scrollamount="8" width="80%" onmouseout="this.start()" onmouseover="this.stop()"    ><FONT SIZE=12>ซ่อมแอร์ติดตั้งแอร์ ลาดกระบังหลวงแพ่ง ฉลองกรุงสุวรรรณภูมิ โทร 081 627 1691 โทร 081 627 1691 >>ซ่อมแอร์ติดตั้งแอร์ ลาดกระบังหลวงแพ่ง ฉลองกรุงสุวรรรณภูมิ โทร 081 627 1691 โทร 081 627 1691</FONT>
    </marquee>
------------------------------
blue tab it's your text

วันอังคารที่ 16 มิถุนายน พ.ศ. 2558

javascrip การทำ typing บน blogger สวยๆ

การ encode ภาษาไทย ใน javascrip และการทำ typing บน blogger สวยๆ ---------------------------------- ----------------------------

------------------------------------------------------------------------ ภาษาอังกฤษดีกว่าไทยอักษรไม่ครบencodeไม่ได้ -------------------------------------------------------------------------
<html>
<head>
<style>
#myTypingText {
background-color:transparent;
width:500px;
height:80px;
padding:0px;
color:#FFF;
font-family:consolas,freesiaupc, cooperblack;
font-size:29px;
line-height:1.5em;
}
</style>
</head>
<body>
<div id="myTypingText">
</div>
<script>
var myString = "bankkamo9แอร service 0816271691 ladkrabang huatakhae chalongkrung and other near to.";
var myArray = myString.split("");
var loopTimer;
function frameLooper() {
if(myArray.length > 0) {
document.getElementById("myTypingText").innerHTML += myArray.shift();
} else {
clearTimeout(loopTimer);
return false;
}
loopTimer = setTimeout('frameLooper()',50);
}
frameLooper();
</script>
</body>
</html>
</br>

วันพฤหัสบดีที่ 14 พฤษภาคม พ.ศ. 2558

social share button blogger html code


<!-- I got these buttons from simplesharebuttons.com -->   support by



<div +content </div>   (  เปิด = <div  )    ( ปิด=  </div> )
between path social share change your page like below  should put </div> to close your tag different social


***if you need path html social share together at all just path <div id="share-buttons"> in front then  only </div> on bottom content only****
-----------------------------------------------------------------------

 <div id="share-buttons">
<!-- Facebook -->

<a href="http://www.facebook.com/sharer.php?u=

your page "_blank">ฺ<img src="http://www.simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" /></a>



<div id="share-buttons">

<!-- Twitter -->


<a href="http://twitter.com/share?url=http://www.simplesharebuttons.com&text=Simple Share Buttons&hashtags=simplesharebuttons" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" /></a>



<div id="share-buttons">

<!-- Google+ -->


<a href="https://plus.google.com/share?url=http://www.simplesharebuttons.com" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/google.png" alt="Google" /></a>



<div id="share-buttons">

<!-- Digg -->


<a href="http://www.digg.com/submit?url=http://www.simplesharebuttons.com" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/diggit.png" alt="Digg" /></a>



<div id="share-buttons">

<!-- Reddit -->


<a href="http://reddit.com/submit?url=http://www.simplesharebuttons.com&title=Simple Share Buttons" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit" /></a>



<div id="share-buttons">

<!-- LinkedIn -->


<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://www.simplesharebuttons.com" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" /></a>



<div id="share-buttons">

<!-- Pinterest -->


<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img src="http://www.simplesharebuttons.com/images/somacro/pinterest.png" alt="Pinterest" /></a>



<div id="share-buttons">

<!-- StumbleUpon-->


<a href="http://www.stumbleupon.com/submit?url=http://www.simplesharebuttons.com&title=Simple Share Buttons" target="_blank"><img src="http://www.simplesharebuttons.com/images/somacro/stumbleupon.png" alt="StumbleUpon" /></a>



<div id="share-buttons">

<!-- Email -->


<a href="mailto:?Subject=Simple Share Buttons&Body=I%20saw%20this%20and%20thought%20of%20you!%20 http://www.simplesharebuttons.com"><img src="http://www.simplesharebuttons.com/images/somacro/email.png" alt="Email" /></a>




</div>

การใส่ snow fall effect to blogger background

การใส่ snow fall effect to blogger background
เเข้าไปที่ แม่แบบ บลอก แก้ html ctrl+f หาคำว่า</head>น่าจะอยู่บรรทัดที่653แล้วแต่บลอกใครมีเนื้อหามากกว่ากัน
ใส่โค้ดด้านบน ตรงท้ายคำว่า </head>

<script type="text/javascript" src="http://static.tumblr.com/qsifglb/mZjl87ts1/f8.js"></script>

<script type="text/javascript">
snowStorm.snowColor = '#bbbbbb'; //
snowStorm.flakesMaxActive = 30; 
</script>

..................แบบธรรมชาติฟูๆ....................

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js'/>
<script type='text/javascript'>//<![CDATA[
(function($){$.fn.snow=function(options){var  $flake=$('<div id="flake"  />').css({'position':'absolute','top':'-50px'}).html('&#10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var  interval=setInterval(function(){var  startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);//]]></script><script>$(document).ready(  function(){
$.fn.snow({ minSize: 10, maxSize: 50, newOn: 400, flakeColor: '#ffffff' });
});</script>
....................แบบเกร้ดหิมะน้ำแขง................................

ถ้าวางสองโค้ดนี้ต่อกันจะได้เกรดกันหิมะปนกันสวยมาก

การวางโค้ดพื้นหลังเป็นใบไม้ร่วงในบล็อก

Translate 翻譯