0

วันนี้ผมต้องแอบเขียนบทความนี้นะครับแบบว่า มันมีเวลาน้อยเอาอะไรง่ายๆๆก่อนแล้วกันนะครับ

Default Web Browser เปลี่ยนค่าปริยาย เป็นเว็บบราวเซอร์เริ่มต้น IE,Chrome,Firefox,Opera,Safari บทความนี้ไม่เกี่ยวข้องโดยตรงกับการเขียนโปรแกรม แต่ก็ใช่ไม่จะไม่เกี่ยวข้องเลย เพราะในทางปฏิบัติถ้าหาเราเขียนโปรแกรมแสดงบนผล Web Browser จำเป็นจะต้องติดตั้ง Web Browser หลาย ๆ ตัวในเครื่องเดียวกัน เพื่อทดสอบการทำงาน ดังนั้นลงติดตั้งหลาย ๆ ตัวปัญหาการ Set ให้เป็น Default Web Browser เริ่มต้นก็ย่อมมีแน่นอน ฉะนั้นบทความนี้จึงได้รวบรวมวิธีการเปลี่ยนแปลงค่าในWeb Browser ต่าง ๆ ซึ่งครอบคลุมค่ายดัง ๆ ที่ได้รับความนิยมเช่น Internet Explorer (IE) , Google Chrome , Mozilla Firefox , Opera และ Safari

1. Internet Explorer (IE) การเปลี่ยน Default Web Browser ใน Internet Explorer (IE)
เปิดหน้า Web Browser ของ Internet Explorer (IE)
Internet Explorer (IE) Default Web Browser
ไปทีเมนู Tools - > Internet Options
Internet Explorer (IE) Default Web Browser
ไปที่ Tab ที่ชื่อว่า Programs ให้คลิกที่ Make default ตามรูป




2. Google Chrome การเปลี่ยน Default Web Browser ใน Google Chrome
เปิดหน้า Web Browser ของ Google Chrome
Google Chrome Default Web Browser
เลือก Settings ตามรูป
Google Chrome Default Web Browser
เลื่อนลงมาประมาณช่วงกลาง ๆ จะมีให้คลิกที่ Make Google Chrome my default browser


3. Mozilla Firefox การเปลี่ยน Default Web Browser ใน Mozilla Firefox
เปิดหน้า Web Browser ของ Mozilla Firefox
Mozilla Firefox Default Web Browser
คลิกที่เมนู Tools -> Option
Mozilla Firefox Default Web Browser
คลิกที่ Tab ของ Advanced -> General คลิก Checkbox ว่า Alway check to see if Firefox is the default browser on startup และคลิกที่ Check Now
Mozilla Firefox Default Web Browser
จะมีหน้าจอยืนยันให้คลิกที่ Yes


4. Opera การเปลี่ยน Default Web Browser ใน Opera
เปิดหน้า Web Browser ของ Opera
Opera Default Web Browser
คลิกที่เมนู Opera -> Settings -> Preferences ตามรูป
Opera Default Web Browser
คลิกที่ Tabs ของ Advanced -> Programs คลิกเลือก Checkbox ที่ว่า Check if Opera is default browser on startup และ OK ตามลำดับ
- Max OS
ให้คลิกที่ Preferences > General ส่วนของ Default Web Browser ให้เลือก Opera


5. Safari การเปลี่ยน Default Web Browser ใน Safari
เปิดหน้า Web Browser ของ Safari
Safari Default Web Browser
คลิกที่เมนู Setting -> Preferences (ตามภาพ)
Safari Default Web Browser
คลิกที่ Tabs ของ General ในส่วนของ Default web browser : ให้เลือกเป็น Safari


หลังจากเปลี่ยนเรียบร้อยแล้ว เมื่อคลิก Link จาก Application ต่าง ๆ ที่ทำการเปิด Web Browser ก็จะเรียก Browser ที่ได้กำหนดค่า Default ไว้
Default Web Browser
โดยสังเกตุว่า Icons ต่าง ๆ ที่เป็นพวก .html หรือ .htm ที่เปิดด้วย Web Browser จะมีการเปลี่ยนไปตาม Icons ของ Web Browser ที่เป็น Default
0

Untitled11

สำหรับคนที่ไม่ชอบแบบใหมนะครับหรืองง แบบผมเราก็สามารถเปลียนกับได้แบบขั้วคราวนะครับ ใครอยากเปลียนก็ทำตามผมรับลองง่ายครับ

คือเราแค่เปลียนคำบางคำใน link blogger ตั้วใหม่นี้ก็ใช้ได้แล้วครับ วิธีมีอยูว่าให้สังเกตุตรงที่ address bar ของ blogger รูปแบบใหม่ มันจะเป็นแบบนี้ใช้ใหมครับ

http://www.blogger.com/blogger.g?blogID=รหัสไอดีท่าน….. แบบนี้ใช้ใหมครับ

เห็นตัวที่ผมเน้นใหมครับ เอาคำหนี้ rearrange ไปแทนแล้วกด enter ก็เป็นอันจบแล้วครับ ก็จะได้ใช้แบบเดิม

 

** คำเตือน นี้เป็ฯการใช่ชั่วคราวเท่านั้นถ้าเราปิดหน้านี้มันก็จะกลับมาเหมือนเดิมครับ ลองเอาไปใช้ดู ง่ายมากแล้วไม่งงด้วยสำหรับคนชอบแบบเก่า

0

สวัสดีครับแฟนเพจ plugin blogger ทั้งหลายและชาวร็อคที่หลงแวะเข้ามา วันนีผมจะมาอับเรื่อง สไลดโชว์ สวยๆๆกันหน่อยนะครับผม คือที่หายหน้าไปนานเผอิญไม่ว่างจริงๆนะครับ ติด Fus Ro Dah!!! จริงๆ T_T เดียวเรามาดูรูปตัวอย่างกันครับ

Using the Wonderful jFlow Plugin

แอ๊ะท้าเห็ฯแค่รูปก็ยังตัดสินใจไม่ได้ละก่อ งันเรามาดูตัวอย่างจากเว็บนี้กันนะครับ

คลิกมันต้องนี้เลยชาว Plugin >>> ตรงนี้

สนใจใหมครับถ้าสนใจก็มาทำตามผมเลย

อันดับแรกโหลดพวกนี้ไปเก็บไว้ก่อน

js

http://plugublog.googlecode.com/files/jquery.flow.1.1.min.js

http://plugublog.googlecode.com/files/jquery-1.2.6.pack.js

http://plugublog.googlecode.com/files/unitpngfix.js

แล้วต่อไปรูปที่ต้องได้ใช้ที่นี้

โอเดแค่นี้ก็ครบแล้วแต่ถ้าใครยังอับไฟล์ยังไม่เป็นก็ดูที่นี้ ฝากไฟล์กับ Google code เข้าไปอ่านซะ 5555 โอเคเมื่อเราเตรียมตัวเสร็จแล้วก็ทำตามผมเลย

step 1

login เข้าสู่blog ของท่านนะครับแล้วคลิกตามนี้ การออกแบบ>>แก้ไข HTML ไม่ต้องติกขยาย นะครับ ค้นหาโค้ดต่อไปนี้ ]]></b:skin> แล้วก็เอาโค้ดนี้ไปว่างก่อนหน้าโค้ดดังกล่าวนะครับ


.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -3.5em;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}

p.sl
{
color: white;
margin: 0;
padding: 0 1em;
font-size: 1.5em;
position: relative;
top: -50px;
line-height: 50px;
height: 50px;
background: black;
opacity: .7;
filter:alpha(opacity=70);
}

step 2 หา โค้ดนี้ </head> เมื่อเจอก็เอาโค้ดต่อไปนี้ไปวางก่อนโค้ดดังกล่าว


<script src="jquery-1.2.6.pack.js" type="text/javascript"></script>
<script src="jquery.flow.1.1.min.js" type="text/javascript"></script>




<script type="text/javascript">
$(function() {
$("div#controller").jFlow({
slides: "#slides",
width: "600px",
height: "313px"

});
});
</script>

มาถึงขั้นนี้แล้วยังจำไฟล์ที่ให้โหลดแต่แรกเปล่าก็ไปกล็อบมาใส่ซะตามชื่อไฟล์กันเลยทีเดียวนะครับ


width: "600px", height: "313px" -- ปรับความกว้างสูงของภาพนะครับสไลด์ครับ


แล้วก็ save ซะนะครับ


step 3 เป็นการติดตั้งจะมีสองวิธี วิธีแรกเอาลงไปใหนแม่แบบ –> วิธีนี้ต้องใช้ความชำนาญมากนะครับ


วิธีที่สอง ก็เอาติดใส่กับ Gadget ครับ ซึ่งผมจะขออธิบายเกียวกับ วิธีที่สองนะครับวิธีที่หนึ่งไว้หลังไมล์ ที่ ublogger@hotmail.com นะครับ


วิธีที่สองก็ login เข้าสู่blog ของท่านนะครับแล้วคลิกตามนี้ การออกแบบ>>องค์ประกอบของหน้า>>เพิ่ม Gadget เลือก HTML/จาวาสคริปต์ แล้วก็เอาโค้ดต่อไปนี้วางลงไป


<div id="wrap">

<div id="controller" class="hidden">
<span class="jFlowControl">No 1</span>
<span class="jFlowControl">No 2</span>
<span class="jFlowControl">No 3</span>
</div>

<div id="prevNext">
<img src="images/prev.png" alt="Previous Tab" class="jFlowPrev" />
<img src="
images/next.png" alt="Next Tab" class="jFlowNext" />
</div>

<div id="slides">
<div><img src="images/1.jpg" alt="photo" width="600" height="313" /><p class='sl'>This is photo number one. Neato!</p></div>
<div><img src="images/2.jpg" alt="photo" /><p class='sl'>This is photo number two. Neato!</p></div>
<div><img src="images/3.jpg" alt="photo" /><p class='sl'>This is photo number three. Neato!</p></div>
</div>

</div>

images/prev.png และ images/next.png == ใส่รูปที่ให้โหลดไปในครั้งแรก


images/1.jpg = ใส่ URL ภาพตามที่เราอยากทำสไลด์นะครับ


This is photo number two. Neato! = ลบออกแล้วใส่ชื่อภาพที่ท่านตั้งครับ


แนะนำทริปถ้าอยากจะเพิ่มสไลด์ก็ เพิ่มโค้ด <span class="jFlowControl">No 4</span> ตรง <div id="controller" class="hidden"> แล้วค่อยเพิ่ม โค้ด <div><img src="images/4.jpg" alt="photo" /><p class='sl'>This is photo number three. Neato!</p></div> ใน <div id="slides"> ก็จะเพิ่มได้แล้วครับ


หวังว่าจะมีคนชอบนะครับ

3

สวัสดีครับหลังจากหายไปนานวันนี้ผมก็มากับ วิธีแปลกๆแต่คุนต้องชอบมันแน่ สำหรับคนอยากอับไฟล์ HTML เพื่อมาใช้กับ blog แต่ไม่มี host  เป็นของต้นเอง จะไปใช้ host ฟรีมันก็ติดโฆษณาเยอะด้วยอะไรก็ไม่รู้ ผมของแนะนำ Google code อีกแล้วครับ หลังจากที่แนะนำการฝากไฟล์ java Scirpt แบบไม่จำกัดกับ Google code แล้วก็ตาม หรือถ้าใครยังไม่เคยอ่านก็ไปที่ ฝากfile js. กับ Google นะครับ

ฝากไฟล์ HTML,CSS,Javascript

ตัวอย่างก็นี้เลย    https://plugublog.googlecode.com/svn/trunk/html/Navigation%20Menu%20with%20Jquery-demo.html    ฮาๆๆๆ อยากรู้วิธีใหมครับเพื่ออยากจะเอาไปใช้ ถ้าอยากเอาไปใช้ก็ตามนนี้เรา

1. ไปที่ Google code login เข้าไปหรัสก็ตัวเดียวกันกับ blog ท่านนั้นละครับ

2. เลือกสร้าง project  หรือใครมีแล้วก็ข้ามไปดู ข้อ4 เลยนะครับ

ฝากไฟล์ HTML,CSS,Javascript

3. กรอกขอมูลลงไปดังภาพต่อไปนี้

ฝากไฟล์ HTML,CSS,Javascript

โดย ที่ Version control system นั้นต้องเลือกเป็น Subversion นะครับ

4.ไปที่ source ตามภาพนะครับ

ฝากไฟล์ HTML,CSS,Javascript

ตัวที่เน้นสีแดงนั้น จงจดจำไว้เพราะจะต้องได้ใช้ต่อไปนะครับมันจะเป็น url สำหรับอับโหลดไฟล์นะครับ  แล้วไอ้ตัวเน้นสีส้มนั้นให้คุณคลิกเข้าไปเพื่อไปดูหรัสของ Google ของคุณนะครับ  ซึ่งเมื่อเข้าไปจะมีรูปแบบดังนี้

ฝากไฟล์ HTML,CSS,Javascript

ไอ้ตัวที่ผมเน้นสีแดงควรจดจำไว้เพราะจะได้เอาไปใช้ในการอับโหลดไฟล์นะครับ

เมื่อเราได้ขอมูลที่เราต้องการแล้วเราก็ไปโหลดเจ้าตัวนี้มานะครับเป็นโปรแกรมที่ใช้ช่วยในการอับไฟล์ เอิกๆๆ ใช้ได้ดีด้วย

6.โหลดได้ที่ Download  เมื่อโหลดมาแล้วก็ติดตังใส่คอมคุณเถอะนะจะได้เอามาใช้ต่อไปนะครับ

7. ไปที่ Desktop หรือ เปิด openwindows ของ folder อะไรก็ได้ครับแล้วก็คลิกขวาเลือกที่ TortoiseSVN > Settings ดั้งภาพต่อไปนี้

ฝากไฟล์ HTML,CSS,Javascript

ฝากไฟล์ HTML,CSS,Javascript

8.แล้วนำโค้ดต่อไปนี้ไปวางไว้ต่อด้านล่างสุดหรือต่อจากบรรทัดสุดท้ายนะครับ


[miscellany]
enable-auto-props = yes

[auto-props]
# Scriptish formats
*.bat = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.bsh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-beanshell
*.cgi = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.cmd = svn:eol-style=native; svn:keywords=Id; svn-mine-type=text/plain
*.js = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/javascript
*.php = svn:eol-style=native; svn:keywords=Id Rev Date; svn:mime-type=text/x-php
*.pl = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl; svn:executable
*.pm = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-perl
*.py = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-python; svn:executable
*.sh = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/x-sh; svn:executable

# Image formats
*.bmp = svn:mime-type=image/bmp
*.gif = svn:mime-type=image/gif
*.ico = svn:mime-type=image/ico
*.jpeg = svn:mime-type=image/jpeg
*.jpg = svn:mime-type=image/jpeg
*.png = svn:mime-type=image/png
*.tif = svn:mime-type=image/tiff
*.tiff = svn:mime-type=image/tiff

# Data formats
*.pdf = svn:mime-type=application/pdf
*.avi = svn:mime-type=video/avi
*.doc = svn:mime-type=application/msword
*.eps = svn:mime-type=application/postscript
*.gz = svn:mime-type=application/gzip
*.mov = svn:mime-type=video/quicktime
*.mp3 = svn:mime-type=audio/mpeg
*.ppt = svn:mime-type=application/vnd.ms-powerpoint
*.ps = svn:mime-type=application/postscript
*.psd = svn:mime-type=application/photoshop
*.rtf = svn:mime-type=text/rtf
*.swf = svn:mime-type=application/x-shockwave-flash
*.tgz = svn:mime-type=application/gzip
*.wav = svn:mime-type=audio/wav
*.xls = svn:mime-type=application/vnd.ms-excel
*.zip = svn:mime-type=application/zip

# Text formats
.htaccess = svn:mime-type=text/plain
*.css = svn:mime-type=text/css
*.dtd = svn:mime-type=text/xml
*.html = svn:mime-type=text/html
*.ini = svn:mime-type=text/plain
*.sql = svn:mime-type=text/x-sql
*.txt = svn:mime-type=text/plain
*.xhtml = svn:mime-type=text/xhtml+xml
*.xml = svn:mime-type=text/xml
*.xsd = svn:mime-type=text/xml
*.xsl = svn:mime-type=text/xml
*.xslt = svn:mime-type=text/xml
*.xul = svn:mime-type=text/xul
*.yml = svn:mime-type=text/plain
CHANGES = svn:mime-type=text/plain
COPYING = svn:mime-type=text/plain
INSTALL = svn:mime-type=text/plain
Makefile* = svn:mime-type=text/plain
README = svn:mime-type=text/plain
TODO = svn:mime-type=text/plain

# Code formats
*.c = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.cpp = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.h = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.java = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.as = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain
*.mxml = svn:eol-style=native; svn:keywords=Id; svn:mime-type=text/plain



ก็ได้ดังรูปดังต่อไปนี้



ฝากไฟล์ HTML,CSS,Javascript



เสร็จแล้วก็ save นะครับ



9.คลิกขวาที่Desktop หรือ เปิด openwindows ของ folder อะไรก็ได้นะครับแล้วเลือก TortoiseSVN > Repo-browser ดั้งภาพ



ฝากไฟล์ HTML,CSS,Javascript



ก็จะปรากฎกล่องให้ใส่ข้อมูล URL ลงไป ให้เราใส่ URL ที่ผมให้จดจำไว้อันแรกนะครับ ตั้วสีแดงอันแรก อย่าบอกนะว่าลืมกันแล้วถ้ายังไม่ลืมก็ใส่กันลงไป ดั้งรูปต่อไปนี้



ฝากไฟล์ HTML,CSS,Javascript



พอใส่เสร็จแล้วก็กด ok นะครับ แล้วก็รอ แล้วก็ รอ พอเสร็จแล้วมันจะมีกล่องขึ้นมาถาม useser และ password นะครับ ก็ให้ใส่ ตัวมี่ผมบอกให้จดจำอันที่สองนะครับ ตัวสีแดงอันที่สองนะครับ คือ useser ก็อันเดียวกันที่ใช้ login ของblogger ท่านนะครับ ส่วน pass ก็ pass google ที่ให้จำไว้อันที่สองนะครับ อธิบายขนาดนี้ไม่เข้าใจจะว่าไงแล้ว



วิธีอับโหลดก็ง่ายๆครับ ลาก file หรือ folder อาลง หรือ คลิดขวาที่โปรแกรมก็ได้ถ้าคลิกขวาจะมีคำสั้ง Add file กับ add folder เลือกเอาครับว่าจะอับแบบใหน



ไม่เข้าใจก็ถามได้นะครับ

0

วัดดีครับหลังจากหายหน้ากันไปนานเนื่อจาก อะไรกันหลายอย่างเน้น เจ้าของบล็อกกำลังโดนสาวทิ้ง 5555 เอาเป็นว่าวันนี้ ก็จะของโจรกรรมความรู้แบบเผยแผ่อีกนะครับ  ใครที่อยากก็ไฟล์ javascirpt แล้วไม่มี host เป็นของตัวเอง ก็เอาไปฝากกับ Google code ได้นะครับ วิธีหลายคนคงรู้ไปแล้ว แต่ผมก็จะมึนนำเสนอเพราะบางคนอาจไม่รู้ก็ได้ครับ ขอใส่รูปก่อนเดียวไม่สวย

ฝาก Javascript ด้วย Google code

อางจากบทความคุณ Hackublog นะครับ เอามาเรียบเรียงใหม่ เพราะอันนั้นมันเก่าแล้ว

ในที่นี้จะใช้ฝาก file.js นะครับ

ฝาก Javascript ด้วย Google code

วิธีก็มีอยู่ว่า

ไปที่ http://code.google.com/intl/th-TH/ และทำการ Log in ด้วย account เดียวกับ blogger ครับ เมื่อlogin เสร็จแล้วก็จะเข้ามาหน้าแบบนี้ แล้วคลิกที่ผมวงกลมสีแดงไว้ตามรูป

ฝาก Javascript ด้วย Google code

แล้วต่อไปก็ตามภาพเลยนะครับ

ฝาก Javascript ด้วย Google code

ฝาก Javascript ด้วย Google code

พอกด new download แล้วเราก็จะเห็นดั้งรูปต่อไปนี้

ฝาก Javascript ด้วย Google code

โดยจะมีคำสั่งต่างๆให้เรากรอกนะครับ

Summary:  เราตั้งชื่อให้กับfile เรา แนะนำเอาชื่อเดียวกันจะได้ไม่หลงครับ

Release Date: อันนี้มันจะอัตโนมัติเอง

Description: อธิบายเกียวกับไฟล์ที่เราจะอัพโหลด

File: ต้องนี้กด เรียกดู… แล้วไปที่file เราจะอับโหลด

Labels: จะเอาอะไรก็ได้ครับเป็นแค่การจัดหมวดหมู่แค่นั้นเองแต่ส่วนมากผมจะเลือกเป็น Type-Executable  OpSys-All และ OpSys-Windows

พอเสร็จแล้วก็ submit เลยครับ

แล้วเราก็จะได้ดังภาพนี้

ฝาก Javascript ด้วย Google code

แต่พอเวลาที่เราจะใช้ก็คลิกเข้าไปในชื่อ file เรานะครับไอ้สีฟ้าๆนะครับ แล้วก็ทำตามภาพเลยนะครับ

ฝาก Javascript ด้วย Google code

ถ้าไม่เข้าใจก็คลิกขวา ที่ชื่อfile แล้วก็เลือก คัดลอกที่ตั้งลิงก์ นะครับ เท่านี้เราก็จะได้ URL file java scirpt ไว้ใช้งานแล้วครับถ้ามีอะไรสงสัยก็ถามเลยนะครับ ^^

0

gadget

วันนี้ผมจะมานำเสนอการทำ Navigation Menu จาก GadGet รายชื่อลิงก์ นะครับจะเป็นแบบรูปภาพเลยละครับเออแล้วแบบนี้ด้วยนะครับ

 

เป็นไงครับสวยใหมครับอยากได้กันใหม หรือไม่อยากได้ก็ไม่ว่านะครับแล้วแต่ ถ้าชอบก็ทำตามผมเลยนะครับ

How to Install?

  • Go to Blogger Dashboard > Design tab. >องค์ประกอบของหน้า
  • Click on Add a Gadget any where in your Layout. (รายชื่อลิงก์ )
  • ทำการจดจำ ชื่อ LinkList Gadget หรือจะเขียนลงสมุดก็ได้  และ ใส่ข้อมูลใน Gadget ครับ
  • เพิ่ม Links and Save Gadget

ส่วนไอ้ LinkList Gadget นั้นเราจะดูได้ที่

Untitled

เขาใจใหมครับถ้าไม่เค้าใจก็ดูมันจะคล้ายกันละครับ

http://www.blogger.com/rearrange?blogID=xxxxxx&action=editWidget&
sectionId=xxxx&widgetType=LinkList&widgetId=LinkList2

เราจะจำมาทำอะไรนะเหรอ ก็เราต้องเอาชื่อ เจ้า LinkList มาใส่ไอ้เจ้าเครื่องมือข้างล่างนี้ไงครับ

แนะนำการใช้นะครับ

your linklist ID : ก็ใส่ชื่อที่ผมบอกให้จำไว้นะครับ

คุณมี jQuery ในบล็อคคุณใหม : ผมขอแนะนำนะครับว่าในแม่แบบมีไฟล์ที่ชื่อแบบนี้ยัง jquery/1.5.1/jquery.min.js  ถ้ามีแล้วก็ตอบว่ามี ไม่มีก็บอกมันไป โดยวิธีหาก็ทำเหมือนหาโค้ดใน แม่แบบนั้นละครับ พอเสร็จแล้วเรียบร้อยก็กด Get Code ครับ

แล้วมันจะมีโค้ดออกมาให้copy โค้ดพวกนี้ไปวางไว้ที่ </head> ซึ่งต้องวางก็ โค้ดดั้งกล่าว นะครับ สงสัยในบทนี้ก็ถามได้นะครับ

0

ผมจะแนะนำการทำ table รายงานว่าบทความเราทั้งหมดนะครับเป็นยังเป็นยังไงเหรอเราดูที่DEMO ข้างล้างก็ได้นะครับ แต่ผมจะเอารูปลงไว้เพื่อข้าความมันจะได้สวยๆ ^_^

gadget

อยากได้กันใหมครับถ้าอยากได้ก็ทำตามผมเลยนะครับผม ^^

ขั้นแรกก็ loginไปที่ blogger ของท่านแล้วก็ไปที่ การออกแบบ >> แก้ไข HTML ไม่ต้องคลิกขยายเทมเพลต นะครับแล้วทำการค้นหาโค้ด ]]></b:skin>นะครับ เมื่อเจอแล้วก็นำโค้ดต่อไปนี้ไปว่างก่อนหน้าโค้ดดังกล่าว

#bp_toc {
border: 0px solid #000000;
background: #ffffff;
padding: 5px;
width:500px;
margin-top:10px;
}
.toc-header-col1, .toc-header-col2, .toc-header-col3 {
background: #ffd595;
color: #000000;
padding-left: 5px;
width:250px;
}
.toc-header-col2 {
width:75px;
}
.toc-header-col3 {
width:125px;
}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {
font-size:80%;
text-decoration:none;
}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
font-size:80%;
text-decoration:underline;
}

.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {
padding-left: 5px;
font-size:70%;
}

พอเอาcodeลงไปแล้วก็ save นะครับ


แล้วต่อไปก็เอาโค้ดต่อไปนี้ไปวางที่อยากจะให้มีตารางนะครับ ไม่ว่าจะที่แม่แบบ(ต้องอาศัยความชำนาญเยอะเลยที่เดียว) ที่ Gadget หรือจะเป็นที่บทความ แบบตัวDEMO ข้างล่างนี้ก็ได้นะครับ


code ที่จะเอามาติดก็คือโค้ดนี้นะครับ

<div id="bp_toc"><img src="http://1.bp.blogspot.com/-yHJ5ANNVXXI/TyOs5nPyNRI/AAAAAAAACg4/fu0ylymYDIw/s1600/ajax-loading.gif" />Loading TOC. Please wait....</div>
<script src="https://gj37765.googlecode.com/svn/trunk/html/mddemo/[www.gj37765.blogspot.com]Table%20Of%20Contents%20Widget.js" type="text/javascript">
</script>
<script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=500&amp;callback=loadtoc" type="text/javascript">
</script></div>

พอติดโค้ดแล้วก็ save เลยนะครับ แล้วก็จะได้ แบบนี้


DEMO


Loading TOC. Please wait....

Sponsored by

X ปิดหน้าต่างนี้
blogนี้ไม่สนับสนุน