วิธีดาวน์โหลดBeatiful jQuery Slider

ขั้นที่ 1 กำหนด CSS ของ Beatiful jQuery  Slider
ค้นหาโค้ด </b:skin> และวางโค้ดต่อไปนี้ลงไปก่อนหน้าโค้ดดังกล่าว

/*jQuery beatiful Slider EDIT by http://www.hackublog.com*/      
div.wrap1{       
width : 960px;       
margin : 0 auto;       
text-align : left;       
}       
div.wrap1 a{color:#ffffff;}       
div#top div#nav{       
float : left;       
clear : both;       
width : 960px;       
height : 52px;       
margin : 22px 0 0;       
background:url(http://upic.me/i/kg/navbg.png) 0 0 no-repeat;       
}       
div#top div#nav ul{       
float:left;       
width:700px;       
height:52px;       
list-style-type:none;       
}       
div#nav ul li{       
float:left;       
height:52px;       
}       
div#nav ul li a{       
border:0;       
height:52px;       
display:block;       
line-height:52px;       
text-indent:-9999px;       
}       
div#HackublogSlider{       
margin:-1px 0 0;       
}       
div#video-header1{       
height:683px;       
margin:-1px 0 0;       
}       
div#HackublogSlider div.wrap1{       
height:289px;       
background:url(http://upic.me/i/rr/headerbg960.png) 50% 0 no-repeat;       
}       
div#HackublogSlider div#slide-holder{       
z-index : 40;       
width : 960px;       
height : 289px;       
position : absolute;       
}       
div#HackublogSlider div#slide-holder div#slide-runner{       
top : 9px;       
left : 9px;       
width : 940px;       
height : 278px;       
overflow : hidden;       
position : absolute;       
}       
div#HackublogSlider div#slide-holder img{       
margin:0;       
display:none;       
position:absolute;       
}       
div#HackublogSlider div#slide-holder div#slide-controls{       
left : 0;       
bottom : 228px;       
width : 940px;       
height : 46px;       
display : none;       
position : absolute;       
background:url(http://upic.me/i/s3/slidebg.png) 0 0;       
}       
div#HackublogSlider div#slide-holder div#slide-controls p.text{       
float:left;       
color:#fff;       
display:inline;       
font-size:10px;       
line-height:16px;       
margin:15px 0 0 20px;       
text-transform:uppercase;       
}       
div#HackublogSlider div#slide-holder div#slide-controls p#slide-nav{       
float:right;       
height:24px;       
display:inline;       
margin:11px 15px 0 0;       
}       
div#HackublogSlider div#slide-holder div#slide-controls p#slide-nav a{       
float:left;       
width:24px;       
height:24px;       
display:inline;       
font-size:11px;       
margin:0 5px 0 0;       
line-height:24px;       
font-weight:bold;       
text-align:center;       
text-decoration:none;       
background-position:0 0;       
background-repeat:no-repeat;       
}       
div#HackublogSlider div#slide-holder div#slide-controls p#slide-nav a.on{       
background-position:0 -24px;       
}       
div#HackublogSlider div#slide-holder div#slide-controls p#slide-nav a{background-image:url(http://upic.me/i/qa/sildenav.png);}       
div#nav ul li a{background:url(http://upic.me/i/kg/navbg.png) no-repeat;}

ขั้นที่ 2 ติดตั้ง jQuery และจาวาสคริปต์
ต่อเนื่องจากขั้นที่ 1 ค้นหาโค้ด </head> และวางโค้ดต่อไปนี้ลงไปก่อนหน้าโค้ดดังกล่าว

<script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>      
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type="text/javascript"/>       
<script type='text/javascript'>
//<![CDATA[
window.onerror=function(desc,page,line,chr){
/* alert('JavaScript error occurred! \n'
  +'\nError description: \t'+desc
  +'\nPage address:      \t'+page
  +'\nLine number:       \t'+line
 );*/
}

$(function(){
 $('a').focus(function(){this.blur();});
 SI.Files.stylizeAll();
 slider.init();

 $('input.text-default').each(function(){
  $(this).attr('default',$(this).val());
 }).focus(function(){
  if($(this).val()==$(this).attr('default'))
   $(this).val('');
 }).blur(function(){
  if($(this).val()=='')
   $(this).val($(this).attr('default'));
 });

 $('input.text,textarea.text').focus(function(){
  $(this).addClass('textfocus');
 }).blur(function(){
  $(this).removeClass('textfocus');
 });

 var popopenobj=0,popopenaobj=null;
 $('a.popup').click(function(){
  var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
  var pobj=$('#'+pid);
  if(!pobj.length)
   return false;
  if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
   popopenobj.hide(50);
   $(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
   popopenobj=null;
  }
  return false;
 });
 $('p.images img').click(function(){
  var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
  $(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');
 
  $(this).parent().find('img').removeClass('on');
  $(this).addClass('on');
  return false;
 });
 $(window).load(function(){
  $.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
  $.each(css_cims,function(){
   var css_im=this;
   $.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
    (new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
   });
  });
 }); 
 $('div.sc-large div.img:has(div.tml)').each(function(){
  $('div.tml',this).hide();
  $(this).append('<a href="#" class="tml_open">&nbsp;</a>').find('a').css({
   left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
  }).click(function(){
   $(this).siblings('div.tml').slideToggle();
   return false;
  }).focus(function(){this.blur();}); 
 });
});
var slider={
 num:-1,
 cur:0,
 cr:[],
 al:null,
 at:10*1000,
 ar:true,
 init:function(){
  if(!slider.data || !slider.data.length)
   return false;

  var d=slider.data;
  slider.num=d.length;
  var pos=Math.floor(Math.random()*1);//slider.num);
  for(var i=0;i<slider.num;i++){
   $('#'+d[i].id).css({left:((i-pos)*1000)});
   $('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
  }

  $('img,div#slide-controls',$('div#slide-holder')).fadeIn();
  slider.text(d[pos]);
  slider.on(pos);
  slider.cur=pos;
  window.setTimeout('slider.auto();',slider.at);
 },
 auto:function(){
  if(!slider.ar)
   return false;

  var next=slider.cur+1;
  if(next>=slider.num) next=0;
  slider.slide(next);
 },
 slide:function(pos){
  if(pos<0 || pos>=slider.num || pos==slider.cur)
   return;

  window.clearTimeout(slider.al);
  slider.al=window.setTimeout('slider.auto();',slider.at);

  var d=slider.data;
  for(var i=0;i<slider.num;i++)
   $('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
  
  slider.on(pos);
  slider.text(d[pos]);
  slider.cur=pos;
 },
 on:function(pos){
  $('#slide-nav a').removeClass('on');
  $('#slide-nav a#slide-link-'+pos).addClass('on');
 },
 text:function(di){
  slider.cr['a']=di.client;
  slider.cr['b']=di.desc;
  slider.ticker('#slide-client span',di.client,0,'a');
  slider.ticker('#slide-desc',di.desc,0,'b');
 },
 ticker:function(el,text,pos,unique){
  if(slider.cr[unique]!=text)
   return false;

  ctext=text.substring(0,pos)+(pos%2?'-':'_');
  $(el).html(ctext);

  if(pos==text.length)
   $(el).html(text);
  else
   window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
 }
};
// STYLING FILE INPUTS 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
if(!window.SI){var SI={};};
SI.Files={
 htmlClass:'SI-FILES-STYLIZED',
 fileClass:'file',
 wrapClass:'cabinet',
 
 fini:false,
 able:false,
 init:function(){
  this.fini=true;
 },
 stylize:function(elem){
  if(!this.fini){this.init();};
  if(!this.able){return;};
  
  elem.parentNode.file=elem;
  elem.parentNode.onmousemove=function(e){
   if(typeof e=='undefined') e=window.event;
   if(typeof e.pageY=='undefined' &&  typeof e.clientX=='number' && document.documentElement){
    e.pageX=e.clientX+document.documentElement.scrollLeft;
    e.pageY=e.clientY+document.documentElement.scrollTop;
   };
   var ox=oy=0;
   var elem=this;
   if(elem.offsetParent){
    ox=elem.offsetLeft;
    oy=elem.offsetTop;
    while(elem=elem.offsetParent){
     ox+=elem.offsetLeft;
     oy+=elem.offsetTop;
    };
   };
  };
 },
 stylizeAll:function(){
  if(!this.fini){this.init();};
  if(!this.able){return;};
 }
};
//]]>
</script>

ขั้นที่ 3 กำหนดตำแหน่งและเรียกใช้ Beatiful jQuery  Slider

ต่อเนื่องจากขั้นที่ 2 การวาง HTML นั้นพิจารณาดังนี้
3.1 กรณีใช้แม่แบบจากการติดตั้งเอง

ให้ค้นหาโค้ด

<div id='content-wrapper'>

ซึ่งบางแม่แบบอาจพบโค้ดเป็น

<div id='content'>

เมื่อพบแล้วให้วาง HTML ก่อนหน้าหรือถัดจากโค้ดที่พบตามข้างต้น


3.2 กรณีใช้แม่แบบที่ออกแบบเองโดยใช้เครื่องมือของ Blogger in Draft 
ให้ค้นหาโค้ด

<div class='fauxborder-left tabs-fauxborder-left'>

และวาง HTML ก่อนหน้าโค้ดที่พบตามข้างต้น


3.3 โค้ด HTML สำหรับติดตั้ง Beatiful jQuery  Slider  

<div id='HackublogSlider'>     
<div class='wrap1'> 
<div id='slide-holder'>     
<div id='slide-runner'>      
    <a href=''><img alt='' class='slide' height='262' id='slide-img-1' src='http://upic.me/i/s4/naturephoto.png' width='940'/></a>       
    <a href=''><img alt='' class='slide' height='262' id='slide-img-2' src='http://upic.me/i/yt/naturephoto1.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-3' src='http://upic.me/i/33/naturephoto2.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-4' src='http://upic.me/i/pt/naturephoto3.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-5' src='http://upic.me/i/hm/naturephoto4.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-6' src='http://upic.me/i/s9/naturephoto5.png' width='940'/></a>        
      <a href=''><img alt='' class='slide' height='262' id='slide-img-7' src='http://upic.me/i/yo/naturephoto6.png' width='940'/></a>       
    <div id='slide-controls'>      
     <p class='text' id='slide-client'><strong>post: </strong><span/></p>      
     <p class='text' id='slide-desc'/>      
     <p id='slide-nav'/>      
     </div>      
</div>      
</div> 
<script type='text/javascript'>     
if(!window.slider) var slider={};      
slider.data=[      
{"id":"slide-img-1","client":"nature beauty","desc":"nature beauty photography"},       
{"id":"slide-img-2","client":"nature beauty","desc":"add your description here"},        
{"id":"slide-img-3","client":"nature beauty","desc":"add your description here"},        
{"id":"slide-img-4","client":"nature beauty","desc":"add your description here"},        
{"id":"slide-img-5","client":"nature beauty","desc":"add your description here"},        
{"id":"slide-img-6","client":"nature beauty","desc":"add your description here"},        
{"id":"slide-img-7","client":"nature beauty","desc":"add your description here"}        
];      
</script>      
</div></div><!--/HackublogSlider-->

3.4 การเปลี่ยนรูป

การเปลี่ยนรูปให้เปลี่ยนได้ในชุดโค้ดสีเขียว  โดยการสร้างภาพที่มีขนาด 940 x 262 px แล้วฝากรูปไว้ที่รับฝากฟรี เช่น picasa,photobucket หรือ upic.me เป็นต้น จากนั้นนำมาแทนที่ URL ของภาพเดิม

<a href=''><img alt='' class='slide' height='262' id='slide-img-1' src='http://upic.me/i/s4/naturephoto.png' width='940'/></a>         
    <a href=''><img alt='' class='slide' height='262' id='slide-img-2' src='http://upic.me/i/yt/naturephoto1.png' width='940'/></a>         
    <a href=''><img alt='' class='slide' height='262' id='slide-img-3' src='http://upic.me/i/33/naturephoto2.png' width='940'/></a>         
    <a href=''><img alt='' class='slide' height='262' id='slide-img-4' src='http://upic.me/i/pt/naturephoto3.png' width='940'/></a>         
    <a href=''><img alt='' class='slide' height='262' id='slide-img-5' src='http://upic.me/i/hm/naturephoto4.png' width='940'/></a>         
    <a href=''><img alt='' class='slide' height='262' id='slide-img-6' src='http://upic.me/i/s9/naturephoto5.png' width='940'/></a>         
      <a href=''><img alt='' class='slide' height='262' id='slide-img-7' src='http://upic.me/i/yo/naturephoto6.png' width='940'/></a> 

3.5 การใส่ Link ให้กับรูปภาพใน Slide
การใส่ Link ให้กับรูปภาพสามารถทำได้โดยใส่ URL ที่ต้องการลงไปใน Tag <a> เช่น

<a 'ใส่ Link ตรงนี้'><img alt='' class='slide' height='262' id='slide-img-1' src='http://upic.me/i/s4/naturephoto.png' width='940'/></a>

3.6 การใส่คำอธิบาย
การใส่คำอธิบายแต่ละภาพให้ใส่ในชุดโค้ด 

{"id":"slide-img-1","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},          
{"id":"slide-img-2","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},           
{"id":"slide-img-3","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},           
{"id":"slide-img-4","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},           
{"id":"slide-img-5","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},           
{"id":"slide-img-6","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},
{"id":"slide-img-7","client":"ใส่ Title","desc":"ใส่คำอธิบาย"}

3.7 การเพิ่มหรือลบจำนวนภาพ

ค่าดั้งเดิมที่ใส่ไว้คือ 7 ภาพ คุณสามารถลบหรือเพิ่มจำนวนภาพโดยเพิ่มชุดโค้ดดังนี้

ตัวอย่างถ้าผมต้อการเพิ่มจากเดิม 7 ภาพให้เป็น 10 ภาพ ผมก็จะต้องเพิ่มโค้ดเข้าไปอีก 3 ชุดได้แก่

<a href=''><img alt='' class='slide' height='262' id='slide-img-8' src='ใส่ URL ภาพที่8' width='940'/></a>           
<a href=''><img alt='' class='slide' height='262' id='slide-img-9' src='ใส่ URL ภาพที่9' width='940'/></a>           
<a href=''><img alt='' class='slide' height='262' id='slide-img-10' src='ใส่ URL ภาพที่10' width='940'/></a> 

และ

{"id":"slide-img-8","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},          
{"id":"slide-img-9","client":"ใส่ Title","desc":"ใส่คำอธิบาย"},
{"id":"slide-img-10","client":"ใส่ Title","desc":"ใส่คำอธิบาย"}

โดยเพิ่มเข้าไปในโค้ดชุดเดิมในข้อ 3.3 ซึ่งจะได้โค้ดใหม่เป็น

<div id='HackublogSlider'>     
<div class='wrap1'> 
<div id='slide-holder'>     
<div id='slide-runner'>      
    <a href=''><img alt='' class='slide' height='262' id='slide-img-1' src='http://upic.me/i/s4/naturephoto.png' width='940'/></a>       
    <a href=''><img alt='' class='slide' height='262' id='slide-img-2' src='http://upic.me/i/yt/naturephoto1.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-3' src='http://upic.me/i/33/naturephoto2.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-4' src='http://upic.me/i/pt/naturephoto3.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-5' src='http://upic.me/i/hm/naturephoto4.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-6' src='http://upic.me/i/s9/naturephoto5.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-7' src='http://upic.me/i/yo/naturephoto6.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-8' src='http://upic.me/i/hm/naturephoto4.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-9' src='http://upic.me/i/pt/naturephoto3.png' width='940'/></a>        
    <a href=''><img alt='' class='slide' height='262' id='slide-img-10' src='http://upic.me/i/yt/naturephoto1.png' width='940'/></a>        
    <div id='slide-controls'>      
     <p class='text' id='slide-client'><strong>post: </strong><span/></p>      
     <p class='text' id='slide-desc'/>      
     <p id='slide-nav'/>      

How to design your template [english version]

Blogger Template Designer

Blogger Template Designer is a new way for you to easily customize the look of your blog. You can select a variety of templates, images, colors, and column layouts to make your blog an expression of you. To get to the Template Designer, just click on the drop-down menu of the gray Post List icon, and select Template. From there, you'll be able to choose and customize your template.

As you play around with the Template Designer, you’ll see a preview of how the blog will appear based on the choices you’ve made, which you can expand to by pressing the toggle to Expand Preview between the Blogger Template Designer dashboard and the preview. When you’re satisfied with the look of your blog, you can make them go live by pressing Apply to Blog in the top right hand corner of the Template Designer.

To get started with Blogger Template Designer, select a template for your blog from one of the professionally designed templates that are available. Each template appears as a large thumbnail that when clicked will show different variations on the template below that you can select by clicking on them. Note that clicking a new template will erase any customizations you’ve made on a previous template.

Once you’ve chosen a template, you can continue customizing the look of your blog.

No matter what template you are previewing in Template Designer, you can always see what is currently live on your blog by looking at the Live on Blog thumbnail in the Template Designer control panel. You can also click on it to reset the template in the Template Designer to the live version of your blog.

Background

Even though you’ve chosen a template, you can still change the way that it looks. Using Blogger Template Designer, you can choose the background color or image for your blog and then play with the color scheme. To start customizing your background, click on the thumbnail under Background Image.

One of the best new features of Template Designer is the ability to change the color of your background image. This is possible when a background image has transparency. You can tell that a background image is transparent because it has a checkerboard in the top right hand corner of the image.

Once you’ve selected your image, you can change the color of the background by clicking on Main Color Theme and then selecting the color of your choice.

You can only change the color of your background if the background is transparent. Also, if the template that you chose has a grey background, you cannot change its color.

In addition to selecting and personalizing your blog’s background image, you can also choose a color theme to apply to aspects of your blog, including text and links. You can do this by playing with the Main Color Theme or by choosing one of our Suggested Themes. Changing the color theme of your blog will change the colors for all aspects of the blog template that can be changed.

Note: If background image is not transparent, themes will alter the text color scheme of the blog

For information on uploading your own custom background image, please see our article on adding custom CSS to your blog.

Layout

You can choose a variety of layout options for your blog, from one to three columns. These layouts feature drag and drop functionality for gadgets. You will also have a variety of layout options for the blog footer as well.

If you want to add or remove gadgets or edit gadget settings, you cannot do this through Blogger Template Designer. Rather, you have to do this on the general Layout tab.

Adjust Width

You can change the width of the blog, and the right and left columns by dragging the slider for the different parts of blog layout. Note that the options you see here correspond to the type of layout that you chose. If, for example, you chose a blog with left and right columns, you will see both left and right column sliders. If, however, you chose a blog with only a left column, you will only see that option here.

เมืองที่ฉันชอบ

                         เมืองที่ชอบนิวซีแลนด์  เป็นประเทศที่ประกอบด้วยเกาะใหญ่ 2 เกาะ นิวซีแลนด์มีเมืองหลวงชื่อเวลลิงตัน

นิวซีแลนด์เป็นประเทศที่ห่างไกลจากประเทศอื่น ๆ มากที่สุด ประเทศที่อยู่ใกล้ที่สุดคือประเทศออสเตรเลีย ซึ่งตั้งอยู่ทางตะวันตกเฉียงเหนือของเกาะใหญ่ 2,000 กิโลเมตร โดยที่มี ทะเลแทสมันกั้นกลาง ดินแดนเดียวที่อยู่ทางใต้คือทวีปแอนตาร์กติกา และทางเหนือคือนิวแคลิโดเนีย ฟิจิ และตองกา

นิวซีแลนด์ได้กลายเป็นอาณานิคมของอังกฤษด้วยสนธิสัญญาไวทังกิ (Treaty of Waitangi) เมื่อปี พ.ศ. 2383 ซึ่งได้สัญญาไว้ว่าจะให้สิทธิในการเป็นผู้นำชนเผ่าอย่างเต็มรูปแบบ "complete chieftainship" (tino rangatiratanga) แก่ชาวมาวรีพื้นเมืองของนิวซีแลนด์ ในปัจจุบันความหมายที่แน่นอนของสนธิสัญญานี้ยังคงเป็นข้อพิพาท และยังคงเป็นเรื่องที่ก่อให้เกิดการแบ่งแยกและความไม่พอใจกันอยู่เนื่องจากมีการแปลสนธิสัญญาทั้งสองฉบับไม่ตรงกัน โดยในฉบับภาษาอังกฤษมีใจความว่าสหราชอาณาจักรจะปกครองประเทศและประชาชนของประเทศ ในขณะที่ในฉบับภาษามาวรีมีใจความว่าสหราชอาณาจักรจะเป็นฝ่ายสนับสนุนการปกครองของผู้นำที่ชาวมาวรีพึงใจให้ปกครอง ตั้งแต่ปี พ.ศ. 2383 นิวซีแลนด์ได้พัฒนาอย่างต่อเนื่อง จนเป็นประเทศอิสระที่มีรัฐสภาในระบอบประชาธิปไตย (Constitutional Monarchy) และอยู่ภายใต้สมเด็จพระราชินีนาถเอลิซาเบธที่ 2 แห่งสหราชอาณาจักร ซึ่งเป็นราชินีพระองค์เดียวกับที่ทรงปกครองประเทศอื่นในเครือจักรภพแห่งอังกฤษ เช่น ออสเตรเลีย ฟิจิ ฯลฯ นิวซีแลนด์รับผิดชอบการต่างประเทศของหมู่เกาะคุกและนีอูเอ ซึ่งเป็นพื้นที่ปกครองตนเองพิเศษโดยมีรัฐบาลราชอาณาจักรนิวซีแลนด์เป็นผู้ชี้แนะและปกครองโตเกเลาเป็นเมืองขึ้น

พื้นที่ส่วนใหญ่ของนิวซีแลนด์มีภูมิอากาศเขตอบอุ่น และภูมิประเทศที่มีความหลากหลายทางด้านวัฒนธรรมและความสวยงามทางธรรมชาติ เศรษฐกิจของนิวซีแลนด์เน้นการค้าโดยมีฐานจากการเกษตร ชาวนิวซีแลนด์โดยทั่วไปนิยมการเดินทางเดินทางและสนับสนุนการร่วมมือกันระหว่างประเทศและสิ่งแวดล้อม กิจกรรมภายนอกเป็นกิจกรรมที่นิยมกันโดยเฉพาะกีฬาต่าง ๆ คือ รักบี้ซึ่งเป็นกีฬาประจำชาติ คริกเกต และ เนตบอล รวมถึง กีฬาเอกซ์ตรีมสปอร์ตและการเดินไกล

สภาพภูมิอากาศ

ประกอบด้วย 4 ฤดูกาล ได้แก่ ฤดูร้อน ธันวาคม - กุมภาพันธ์ ฤดูใบไม้ร่วง มีนาคม – พฤษภาคม ฤดูหนาว มิถุนายน – สิงหาคม ฤดูใบไม้ผลิ กันยายน – พฤศจิกายน เนื่องจากตั้งอยู่ในโซนอากาศอบอุ่น ทำให้มีอากาศอบอุ่นชุ่มชื้นตลอดปี ฤดูร้อนอากาศค่อนข้างเย็น ฤดูหนาวไม่หนาวจัดมาก มีฝนตกตลอดปี ซึ่งได้รับอิทธิพลจาก - ลมประจำที่พัดผ่าน คือลมฝ่ายตะวันตก - กระแสน้ำอุ่นออสเตรเลียตะวันออก อากาศแตกต่างกันดังนี้ - เกาะเหนือมีอากาศอบอุ่นชื้นทั่วเกาะ - เกาะใต้ชายฝั่งตะวันตกฝนชุกกว่าชายฝั่งตะวันออก - เกาะใต้ช่วงฤดูใบไม้ร่วงย่างเข้าสู่ฤดูหนาวจะมีหิมะปกคลุมอยู่ทั่ว และมีมากที่ Mt.Cook

My Profile

Name Papawee   Phuthong  
Grade 7  or  M.1
School Sriyapaischool
Birth day 16/08/01
Zodiac Leo
Age 13
Favorite singer  BigBang   2EN1  KatyPerry
Statues  Single
Favorite -subject  English
                -colour    Blue
                -food       curry
Facebook  ปภาวีวี่มีแมวบินด้วยค่ะแมวหลับแมวนอน
Blood Group B
About free times -read books
                               -play games
                               -exsercise
Dislike  -subject   arts
              -food        hamburger
Id Line iloveketyperry
IG          liwbjvip