แหล่งเรียนรู้




































การใส่ Fan page Facebook ลงใน Blog
วิธีการทำก็ง่ายๆ ไม่ได้ยากอะไรนะครับก็อื่นเลยเราต้องมี Fan Page ก่อนนะครับในบทความนี้ผมจะไม่กล่าวถึงเรื่องการสร้าง Fan Page นะครับแต่จะกล่าวในบทความหน้านะครับ ถ้ามีเวลาเขียนนะครับแหะๆ เรามาเริ่มทำกันเลยดีกว่านะครับว่ามีขั้นตอนยังไงบ้าง เมื่อเรามี Fan Page แล้วให้เราไปที่นี้นะครับ https://developers.facebook.com/docs/reference/plugins/like-box/ ด้วยเพจนี้ทาง Facebook ได้เตรียมโปรแกรมให้เราสร้าง Facebook Like Box ให้เราได้ง่ายๆ เลยนะครับ


เมื่อเราปรับแต่งจนพอใจแล้วเราก็คลิ๊กปุ่ม Get Code นะครับจะมีหน้าต่างแสดงขึ้นมาให้เราเลือกแบบ IFRAME นะครับให้เราก็อบปี้โค็ดที่ Facebook ให้มานะครับ



จากนั่นให้เราไปที่ Blogger Dashboard ของเรานะครับแล้วไปที่ Layout Page นะครับ

จากนั่นให้ทำการเพิ่ม Gadget ในส่วนของ HTML/JavaScript 


ให้เราใส่โค็ดที่เราก๊อบปี้มาจาก Facebook มาใส่นะครับ


เมื่อเราบันทึกเรียบร้อยก็ไปดูบล็อกของเรากันเลยครับ เราก็จะเห็น Facebook Like Box อยู่ในบล๊อกเทห์ๆ ของเราแล้วละครับ


โค้ดปฏิทินน่ารัก 1
<embed src=http://i245.photobucket.com/albums/gg78/looma001/lalacal001.swf
 quality="high"  width="170" height="300" wmode="transparent"></embed>

โค้ดปฏิทินน่ารัก 2
<embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" name="flashplayer" src="http://www.yourspaceisbest.com//upload/calendar/farm-rooster-myspace-calendar.swf" quality="high" width="260" height="340" swliveconnect="true" allowscriptaccess="samedomain" /> 

โค้ดปฏิทินแบบเรียบ
<SCRIPT language=JavaScript>
<!-- Begin
var now = new Date();
var month_array = new Array("january","february","march","April","May","June","July","August","September","October","November","December");
document.write("<form name=date_list><table  bgcolor=#C8C8FF><tr style='font-family:MS Sans Serif;font-size:8pt;'><td style='font-family:MS Sans Serif;font-size:8pt;'>");
document.write("<select name=month onchange=change_month(this.options.selectedIndex)>");
for(i=0;i<month_array.length;i++)
{
 if (now.getMonth() != i)
 {document.write ("<option value="+i+">"+month_array[i]);}
 else
 {document.write ("<option value="+i+" selected>"+month_array[i]);}

}
document.write("</select>");
document.write("</td><td>");
document.write ("<select name=year onchange=change_year(this.options[this.options.selectedIndex])>");
for(i=1950;i<3000;i++)
{
 if (now.getYear() != i)
 {document.write("<option value="+i+">"+i);}
 else
 {document.write("<option value="+i+" selected>"+i);}
}
document.write("</select></td></tr><tr style='font-family:MS Sans Serif;font-size:8pt;'><td colspan=2><center>");

document.write("<table bgcolor=white border=0 cellspacing = 0 cellpading = 0 width=100%><tr style='font-family:MS Sans Serif;font-size:8pt;' bgcolor=#006699 align=center>");
document.write("<td><font  color=yellow>M</font></td><td><font  color=pink>T</td><td><font color=#00ff66>W</td><td><font color=orange>Th</td><td><font color=#CCF2FF>F</td><td ><font color=violet>S</td><td ><font color=red>S</td>");
document.write("</tr><tr style='font-family:MS Sans Serif;font-size:8pt;'>");
for(j=0;j<6;j++)
{
 for(i=0;i<7;i++)
 {
   document.write("<td  style='font-family:MS Sans Serif;font-size:8pt;' align=center id=d"+i+"r"+j+"></td>")
 }
 document.write("</tr>");
}

document.write("</table>");

document.write("</center></from></td></tr></table>");

var show_date = new Date();

function set_cal(show_date)
{
begin_day = new Date (show_date.getYear(),show_date.getMonth(),1);
begin_day_date = begin_day.getDay();
end_day = new Date (show_date.getYear(),show_date.getMonth()+1,1);
count_day = (end_day - begin_day)/1000/60/60/24;
input_table(begin_day_date,count_day);
}
set_cal(show_date);

function input_table(begin,count)
{
init();
j=0;
if (begin!=0){i=begin-1;}else{i=6}
for (c=1;c<count+1;c++)
{
 colum_name = eval("d"+i+"r"+j);
 if ((now.getDate() == c)&&(show_date.getMonth() == now.getMonth())&&(show_date.getYear() == now.getYear())) {colum_name.style.backgroundColor = "#ff3399";colum_name.style.color = "white";};
 colum_name.innerText =  c;
 i++;
 if (i==7){i=0;j++;}
}
}

function init()
{
for(j=0;j<6;j++)
{
 for(i=0;i<7;i++)
 {
 colum_name = eval("d"+i+"r"+j);
 colum_name.innerText =  "-";
 colum_name.style.backgroundColor ="";
 colum_name.style.color ="";
 }
}
}

function change_month(sel_month)
{
show_date = new Date(show_date.getYear(),sel_month,1);
set_cal(show_date);
}

function change_year(sel_year)
{
sel_year = sel_year.value;
show_date = new Date(sel_year,show_date.getMonth(),1);
set_cal(show_date);
}
//  End -->
</SCRIPT>

โค้ดนาฬิกาน่ารัก 1
<embed allowscriptaccess="never"  src="http://i245.photobucket.com/albums/gg78/looma001/y-girltime1.swf" width="160" height="200" wmode="transparent"></embed> 

โค้ดนาฬิกาน่ารัก 2
<embed allowscriptaccess="never"  src="http://i245.photobucket.com/albums/gg78/looma001/y-girltime2.swf" width="150" height="280" wmode="transparent"></embed>



โค้ดราคาน้ำมัน ปตท.
<iframe marginWidth=0 marginHeight=0 src="http://www.pttplc.com/th/GetOilPrice.aspx" frameBorder=0 width=193 scrolling=no height=325></iframe>

โค้ดพยากรณ์อากาศ
<iframe src="http://www.tmd.go.th/daily_forecast_forweb.php" width="180" height="260" scrolling="no" frameborder=0></iframe>



ไม่มีความคิดเห็น:

แสดงความคิดเห็น

search youtobe