social share button blogger html code

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>
....................แบบเกร้ดหิมะน้ำแขง................................

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

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

comment box html code for blogger

comment box code