วิธีเปลี่ยนโดเมนจาก .blogspot เป็น .com ให้ Blogger

ทริปปรับแต่ง Blogger :

Blogger.com ถือเป็นแหล่งสร้าง Blog ที่ได้รับความนิยมสูง ซึ่งเป็นบริการภายใต้การดูแลของ Google ปัจจุบันได้เพิ่มความสามารถในการให้บริการโดยผู้ใช้ Blogger.com สามารถจดทะเบียนชื่อโดเมนกับทาง Google ได้ โดยเสียค่าบริการปีละ 10 ดอลลาร์สหรัฐฯ

จากนั้นคุณก็จะได้โดเมนเนม www.yourname.com เป็นของตัวเอง หรือจะเป็น .net, .info, .org และ .biz ก็ได้ โดยที่ไม่มีคำว่า Blogspot นำหน้า .com เหมือนอย่างเดิม 

อ่านต่อ..

วิธีสร้าง Subdomain บน blogger และการ Custom Domain อยากทราบว่าโดเมนที่ยิงไปที่bloggerสามารถสร้างซับโดเมนได้ไหมครับ

ทริปปรับแต่ง Blogger :วิธีสร้าง Subdomain บน blogger และการ Custom Domain

เรื่องการสร้าง Subdomain ให้กับโดเมนที่เราจดผ่าน Google ที่มีโดเมนเป็นwww.yourname.com อยู่แล้ว แต่อยากจะเพิ่มโดเมนย่อยที่กำหนดเอง เช่นเพิ่มเป็นgallery.yourdomain.com หรือ blog.yourdomain.com เป็นต้น

ขั้นตอนการสร้าง Subdomain บน Blogger

อ่านต่อ..

ซ่อนโชว์ Widgets/Gadgets หน้าแรก หน้าโพสบทความ /Post/Static/Archive หน้า Pages ของ Blogger

ทริปปรับแต่ง Blogger :As some of you may have noticed, all the widgets/gadgets you add to your blog, will be displayed on all the pages by default, including the homepage as well. And I'm sure very few know that AdSense could disable your account in case you've put ad units inside the content of your contact or privacy policy pages. Therefore, hiding certain elements inside your blog pages is not only a matter of design, but it is also a requirement.

อ่านต่อ..

แจกธีม blogger แนวเกมส์ วิดีโอ ร้านค้า หนัง หลายแนว

ทริปปรับแต่ง Blogger :วันนี้หาแจกธีม blogger แนวเกมแฟลช มาแจกบ้างล่ะกัน เผื่อใครสนใจ
อันนี้ทำเว็บเกมส์แฟลช

อ่านต่อ..

วิธีแสดงบทความที่เกี่ยวข้องพร้อมรูปประกอบ (Related Article with thumbnail)

ทริปปรับแต่ง Blogger :

การ แสดงบทความที่เกี่ยวข้องกับบทความที่ผู้อ่านกำลังอ่าน และถ้าหากในบทความของคุณมีรูปภาพประกอบ วิธีที่จะกล่าวถึงนี้ยังสามารถแสดงรูปภาพให้กับเราได้อีกด้วย  ดังนั้นหากท่านใดยังไม่ได้ทำการจัดหมวดหมู่บทความก็ไปดูบทความการจัดหมวดหมู่ให้กับบทความด้วย Label Gadget   ก่อนนะครับ

วิธีสร้าง

ขั้นที่ 1 ไปที่แผงควบคุม >> รูปแบบ    >>  แก้ไข HTML   >> ขยายแม่แบบเครื่องมือ

ขั้นที่ 2 ให้ค้นหาโค้ด  </head>  แล้วแทนที่ด้วยโค้ดต่อไปนี้


<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 18px;
letter-spacing: 2px;
font-weight: bold;
text-transform: none;
color: #5D5D5D;
font-family: Arial Narrow;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
border-right: 1px dotted #DDDDDD;
color:#5D5D5D;
}
#related-posts a:hover{
color:black;
background-color:#EDEDEF;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimss0u9bdbQwcHUQwuBdSK5Qq8gEnigrl0-__U2_EbccNZZwumnRBop0oerS5K15AfOy14wWmOkHD6X8dJsmbRJXdwmo8J7-umx8bRk0YDqVRIlEIlM5S9caFy8XIbp75OS-bYxcXykljY/s1600/no_image.jpg&quot;;
var maxresults=5;
var splittercolor=&quot;#DDDDDD&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>



ขั้นที่ 3 ต่อไปให้ค้นหาโค้ดที่มีลักษณะคล้ายหรือเหมือนกับ

<div class='post-footer-line post-footer-line-1'>

หรือพยายามหาโค้ดแบบนี้

<p class='post-footer-line post-footer-line-1'>
แล้ววางโค้ดต่อไปนี้ต่อจากโค้ดดังกล่าว 
 <!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgliGMWogxrpu67AMGUbvbXwzvAWL6IUE0tiu0XBC6u61e3Y_xRk5syxBWcuSIdNem5afcPp5RBqrca9Wut8bdFb7-9clYJiCf_4evyMfCMdf33QXgCp5Bjay7dzmOVhgsSMmRBQejxOks0/s1600/best+blogger+tips.png'/></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->



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


ปล.เสร็จแล้วอย่าลืมบันทึกแม่แบบด้วยนะครับ และเช่นเคยถ้าแก้แล้วกลัวพลาดให้ ทำการสำรองแม่แบบก่อนแก้ไข HTML นะครับ 

อ่านต่อ..

สร้าง from ติดต่อ ใน blogger (มาสร้างฟอร์ม "ติดต่อเรา" เอาไปติด blogger กันแบบฟรีๆ)

ทริปปรับแต่ง Blogger :สร้าง from ติดต่อ ใน blogger (มาสร้างฟอร์ม "ติดต่อเรา" เอาไปติด blogger กันแบบฟรีๆ)

เอาสาระมาฝากกันครับสำหรับคนที่ยังไม่รู้ วันนี้ผมจะมาแนะนำการสร้างแบบฟอร์ม "ติดต่อเรา" ให้ลองเอาไปติดบล็อก หรือเว็บที่ยังไม่มีหน้าติดต่อเรา เพื่อให้คนที่อ่านบล็อกของเราได้ส่งข้อความถึงเราได้โดยตรงผ่านหน้าบล็อกได้ทันที
เข้าไปใช้บริการได้ฟรีที่  http://www.emailmeform.com/ 

อ่านต่อ..

ใส่เครดิตบทความทุกครั้งที่มีคน copy บทความจากเว็บเราอัตโนมัติ

ทริปปรับแต่ง Blogger :ใส่เครดิตบทความทุกครั้งที่มีคน copy บทความจากเว็บเราโดนโค้ดดังต่อไปนี้

อ่านต่อ..

วิธีนำกล่องถูกใจโชว์บน Blogger ก่อนชมเว็บ

ทริปปรับแต่ง Blogger :

วิธีนำกล่องถูกใจโชว์บน Blogger ก่อนชมเว็บ

แก้เลข id 277955392339828 เป็นเลขของหน้า เพจของท่าน

อ่านต่อ..

วิธีเอาเกี่ยวกับฉัน โปรไฟล์ ของเราโชว์บน blogger มีวิธีดังนี้

ทริปปรับแต่ง Blogger :ไปที่รูปแบบ > เลือก เพิ่ม Gadget > โปรไฟล์ แล้วกด เครื่องหมาย +
หน้าโปรไฟล์ เกี่ยวกับฉัน ก็จะปรากฏครับ

อ่านต่อ..

ทำเบอร์เนอร์ด้านข้างๆ ใส่ blogger

ทริปปรับแต่ง Blogger :

ทำเบอร์เนอร์ด้านข้างๆ ใส่ blogger 

ทำเบอร์เนอร์ด้านข้างๆ ใส่ blogger ด้านข้างซ้ายและขวา ตามตัวอย่างเลยครับ

อ่านต่อ..

วิธีป้องกัน การที่มีคนดึงเว็บเราผ่าน iframe จากเว็บเรา

ทริปปรับแต่ง Blogger :วิธีป้องกันเว็บอื่นดึง iFrame จากเว็บเราไป เว็บที่ดึงไปจะ รีเฟรช หน้ามาเว็บเราทันที

<script type="text/javascript">
    if (top != self) {
        try { top.location = self.location; }
        catch (err) { self.location = "http://www.เว็บของคุณ.com"; }
    }
</script>

อ่านต่อ..

วิธีเปลี่ยน email Blogger วิธีย้าย Blogger จากบัญชีผู้ใช้หนึ่งไปสู่บัญชีผู้ใช้อื่น

ทริปปรับแต่ง Blogger :

บทความนี้ผมจะสอนให้เปลี่ยนบัญชีผู้ใช้ของ Blogger ของคุณไปสู่บัญชีผู้ใช้ blogger อื่น ๆ ที่คุณต้องการ โดยในบทความนี้มีสาระเป็นประโยชน์ที่คุณสามารถนำไปประยุกต์ใช้ต่อได้ดังนี้

1. วิธีนี้สามารถใช้แต่งตั้งผู้ใช้อื่น ๆ ให้เป็นผู้เขียน blog ร่วมกับคุณ
2. วิธีนี้สามารถใช้แต่งตั้งผู้ใช้อื่น ๆ ให้เป็น Admin ของ blog ร่วมกับคุณ
3. วิธีนี้สามารถใช้ลบบล็อกออกจากบัญชี Blogger ของคุณอย่างถาวารได้
4. วิธีนี้สามารถใช้กำหนดผู้อ่านบล็อกได้ด้วย
5. วิธีนี้สามารถใช้ย้ายบล็อก จากบัญชีผู้ใช้เดิม ไปสู่บัญชีผู้ใช้ที่คุณต้องการได้ 
6. วิธีนี้จะช่วยให้คุณแยกบล็อกที่สำคัญมากออกจากบล็อกที่มีความสำคัญน้อยออกจากกันได้

ทั้งหมดที่กล่าวมาจะถูกกล่าวถึงในบทความต่อไปนี้ อย่างละเอียดทุกขั้นตอนครับ



ขั้นเตรียมการ

การดำเนินการครั้งนี้เป็นการย้าย blog ดังนั้นคุณจะต้องมีบัญชีของ Google หรือบัญชีของ Blogger ปลายทางเตรียมเอาไว้เสียก่อน ดังนั้นถ้ายังไม่มีก็ให้สร้างขึ้นมาเสียก่อนแล้วดำเนินการต่อขั้นที่ 1 เลยครับ



ขั้นตอนการย้ายบล็อก

ขั้นที่ 1 Login เข้าไป blogger ที่บัญชีผู้ใช้ที่ 1 ซึ่งเป็น Admin ของบล็อกที่คุณต้องการย้าย

จากนั้นไปที่แผงควบคุม >> การตั้งค่า >> สิทธิ์   เพื่อเข้าสู่การตั้งค่าสิทธ์ของผู้เขียนบล็อกและผู้อ่านบล็อก 

   

1.1 ในส่วนที่ 1 เป็นส่วนที่สามารถเพิ่มผู้เขียนบล็อก และยังสามารถแต่งตั้งให้ผู้อื่นเป็น Admin ได้ด้วย ซึ่งทำโดย
คลิกที่ “เพิ่มผู้เขียน” และ ใส่ e-mail ของบัญชีที่คุณต้องการแต่งตั้งให้เป็น Admin (บัญชีปลายทางที่คุณต้องการย้ายบล็อกไป)   

ซึ่งคุณสามารถเชิญผู้เขียน และแต่งตั้ง Admin ได้มากกว่า 1 คน แต่ในตัวอย่างนี้ผมจะเชิญเพียงคนเดียว

1.2 และสำหรับส่วนที่ 2 นั้นเป็นการตั้งค่าผู้ที่สามารถเข้าอ่านบล็อกของคุณ (ในบทความนี้ผมจะยังไม่กล่าวถึงรายละเอียดในส่วนนี้)



ขั้นที่ 2 ขั้นนี้ให้ Login เข้าไปที่ gmail ด้วยบัญชีที่ 2 เพื่อตอบรับคำเชิญจากบัญชีผู้ใช้ที่ 1

! Trick  : หากคอมพิวเตอร์ของคุณมี Browser 2 ตัว ก็ให้ เปิด Browser อีกอันหนึ่งแล้ว Log in เข้าไปเช็ค e-mail โดยไม่ต้อง Log out ออกจากบัญชีที่ 1 

เอาล่ะ…ไม่ว่าจะใช้วิธีไหน เมื่อคุณเข้ามาเช็ค e-mail แล้วก็ให้ตอบรับคำเชิญเป็นผู้เขียนร่วม

  

คลิกเพื่อตอบรับคำเชิญดังรูปด้านล่าง

หมายเหตุ  กรณีที่บัญชีที่ 2 ที่คุณใช้ยังไม่ได้ลงทะเบียนกับ blogger ก็สามารถดำเนินการด้วยขั้นตอนที่คล้ายคลึงกับที่กล่าวมาแล้ว ซึ่งจะเพิ่มขี่นตอนการลงทะเบียนกับ Blogger มาอีกเล็กน้อย


ขั้นที่ 3 เมื่อตอบรับคำเชิญแล้วจะเห็นว่ามี blog เพิ่มเข้ามาในบัญชีที่ 2 อีก 1 บล็อก แต่คุณจะยังไม่สามารถแก้ไขแม่แบบได้

  

3.1 ให้กลับมาที่ บัญชีผู้ใช้ที่ 1 ในการตั้งค่าสิทธิ์ (หน้าเดียวกับขั้นที่ 1) แล้วจะเห็นว่ามีผู้เขียนเพิ่มขึ้นอีก 1 คนแล้ว

จากนั้นให้คลิกที่ข้อความ ให้สิทธิ์ของผู้ดูแลระบบ

และให้สิทธิ์กับ บัญชีผู้ใช้ที่ 2 เป็น Admin

3.2 จากนั้นเข้ามาในบัญชีผู้ใช้ที่ 2 คุณจะพบว่ามีเครื่องมือการจัดการกับบล็อกครบถ้วนแล้ว

ซึ่งก็หมายความว่าบัญชีผู้ใช้ที่ 2 ได้เป็น Admin โดยสมบูรณ์แล้ว

ขั้นที่ 4 ต่อเนื่องจากขั้นที่ 3 ขั้นนี้เป็นการลบบัญชีผู้ใช้ที่ 1 (บัญชีเดิม) ออกจากบล็อก ซึ่งทำได้โดยLogin เข้าไป bloggerที่บัญชีที่ 1

ไปที่แผงควบคุม >> การตั้งค่า >> สิทธิ์ >>จากนั้นให้เพิกถอนสิทธิ์ของผู้ดูแลระบบ ของ บัญชีที่ 1 

   

จากนั้น Blogger จะถามว่าเราจะลบตัวเองออกจากบล็อกนี้ใช่หรือไม่ ก็ยืนยันอีกครั้งหนึ่ง

  

เมื่อจบขั้นนี้ก็ถือว่าจบขั้นตอนการย้ายบล็อกจากบัญชีผู้ใช้ที่ 1 ไปสู่บัญชีผู้ใช้ที่ 2 สำเร็จแล้ว

และผลที่เกิดขึ้นคือบล็อกที่คุณได้ย้ายไปแล้วจะไม่ปรากฎในแผงควบคุมของบัญชีผู้ใช้ที่ 1 อีกต่อไป

 

นอกจากนี้คุณยังสามารถย้ายบล็อกกลับมาบัญชีผู้ใช้เดิมได้โดยการทำตามขั้นตอนเดิมที่ได้กล่าวมาแล้ว

บทสรุป

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

สุดท้าย หากคุณเห็นว่าบทความนี้เป็นประโยชน์ โปรดช่วยกัน Submit หรือ แบ่งปันกับเพื่อน ๆ ของคุณด้วยนะครับ ขอบคุณครับ

ที่มา http://www.hackublog.com/2010/04/blogger.html

อ่านต่อ..

วิธีบล็อกแอพพลิเคชั่นที่ไม่ต้องการใช้งาน หรือลบแอพออก

ทริปปรับแต่ง Blogger :ธีง่ายๆในการลบ App ที่เราไม่ต้องการแล้วให้ไม่มีสิทธิยุ่งกับข้อมูลเราครับ
เข้าไปลบที่นี่ได้เลย http://www.facebook.com/settings/?tab=applications

อ่านต่อ..

วิธีเปลี่ยนเวลาของ Blogger หรือ Blogspot ให้เป็นเวลาของประเทศไทย

ทริปปรับแต่ง Blogger :การตั้งค่า > ภาษาและการจัดรูปแบบ > โซนเวลา > (GMT+07:00) กรุงเทพ

อ่านต่อ..

วิธีเปลี่ยนเวลาของ Blogger หรือ Blogspot ให้เป็นเวลาของประเทศไทย

ทริปปรับแต่ง Blogger :การตั้งค่า > ภาษาและการจัดรูปแบบ > โซนเวลา > (GMT+07:00) กรุงเทพ

อ่านต่อ..

วิธีให้ Pop up กด Like Facebook ขึ้นก่อนเข้าเว็บไซต์ โค้ด ใส่ Blogger หรือเว็บไซต์อื่นๆก็ได้

ทริปปรับแต่ง Blogger :

วิธีให้ Pop up กด Like Facebook ขึ้นก่อนเข้าเว็บไซต์

วิธีให้ Pop up กด Like Facebook ขึ้นก่อนเข้าเว็บไซต์ โค้ด ใส่ Blogger หรือเว็บไซต์อื่นๆก็ได้

วิธีให้ Pop up กด Like Facebook ขึ้นก่อนเข้าเว็บไซต์ โค้ด ใส่ Blogger หรือเว็บไซต์อื่นๆก็ได้

อ่านต่อ..

วิธีใส่ Banner บน Blogger ใส่ Adsense ใส่ป้ายโฆษณาบน Blogspot

ทริปปรับแต่ง Blogger :ไปที่ รูปแบบ แล้วคลิก

เพิ่ม Gadget ครับ

ให้เพิ่ม HTML/จาวาสคริปต์ แล้วกดเครื่องหมาย บวก +

จากนั้นก็เอา code มาใส่

อ่านต่อ..

เน็ตทรู โทรแจ้ง เข้าเว็บไม่ได้ เข้า Blogspot ไม่ได้ เข้า Blogger ไม่ได้

ทริปปรับแต่ง Blogger :

วิธีแก้ไขปัญหาเปิดเว็บไม่ได้เป็นบางเว็บ

ล่าสุดผมเจอปัญหาเข้า Blogspot ไม่ได้ หรือช้า ก็โทรไปแจ้งให้เค้ารีเซ็ทเน็ตใหม่ให้ก็ใช้งานได้ทันทีครับ

หากคุณดำเนินการแก้ไขตามขั้นตอนเบื้องต้นแล้ว แต่ยังไม่สามารถแก้ไขปัญหาได้ กรุณาติดต่อ True Care 1686 หรือส่งอีเมลแจ้งไปที่ support@truecorp.co.th

วิธีแก้ไขปัญหาเปิดเว็บไม่ได้เป็นบางเว็บ

รูปตัวอย่างหน้าจอที่ไม่สามารถเปิดเว็บไซต์ได้เป็นบางเว็บ

อ่านต่อ..

แนวทาง การเลื่อนแล้ว fixed ตำแหน่งเนื้อหาที่ต้องการ ด้วย jQuery เหมือนโฆษณาบนเฟสบุ๊ค

ทริปปรับแต่ง Blogger :

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

เมื่อมีการเลื่อน scrollbar ของหน้าเพจนั้น ถึงตำแหน่งที่เรากำหนด และ ส่วนของเนื้อหานั้น

จะกลับมาอยู่ตำแหน่งเดิม เมื่อการเลื่อน scrollbar หน้าเพจนั้น ไม่เข้าเงื่อนไข

โค้ดทั้งหมด ดูตัวอย่าง ได้จากล๊งค์ด้านล่าง

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>fixed position when scroll</title><style type="text/css">html,body{ background-color:#CCC; padding:0px; margin:0px; }div.main_test{ position:relative; background-color:#999; margin:auto; width:800px; }div.top_sector{ position:relative; display:block; width:100%; height:75px; background-color:#036; color:#FFF;}/* css ส่วนของเนื้อหาที่ต้องการในตรึง เมื่อเลือน scroll ถึงตำแหน่งที่ต้องการ */div.my_float_div{ position:relative; display:block; width:250px; height:160px; background-color:#DCDCF5; color:#000; padding:5px;}</style></head>
<body>
<div class="main_test"><div class="top_sector">Top Sector</div><br /><?php // php สร้างบรรทัดใหม่  สำหรับทดสอบfor($i=1;$i<=10;$i++){ ?><?=$i?>.<br /><?php } ?><div class="my_float_div">Data Content 1<br />Data Content 1<br />Data Content 1<br />Data Content 1<br />Data Content 1<br />Data Content 1<br />Data Content 1<br /></div><?php// php สร้างบรรทัดใหม่  สำหรับทดสอบfor($i=11;$i<=100;$i++){ ?><?=$i?>.<br /><?php } ?>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script><script type="text/javascript">$(function(){    // เงื่อนไข event เมื่อมีการเลื่อน scrollbar ในหน้าเพจ       $(window).scroll(function(){  // เมื่อเลื่อน scroll bar หน้าเพจ ถึงตำแหน่งที่มากกว่าหรือเท่ากับตำแหน่งที่ต้องการ// เมื่อเลื่อน scroll bar หน้าเพจ ถึงตำแหน่ง ที่ทำให้ div// class ชื่อ my_float_div ชิดขอบบนพอดี หาจากคำสั่ง// console.log($(document).scrollTop());         if($(document).scrollTop()>270){  $(".my_float_div").css({ /*  */ 'position':'fixed', 'top':'0px' });         }else{  // เลื่อนกลับมาอยู่ตำแหน่งเดิม ถ้าไม่อยู่ในเงื่อนไข $(".my_float_div").css({ 'position':'relative' });         }       });    });</script>

</body></html>

ตัวอย่าง http://www.ninenik.com/demo/fixed_float_when_scroll.php

เอาไปใช้งานโค้ดนี้ได้เลย

<style type="text/css"> 
/* css scroll */
div.my_float_div{
position:relative;
display:block;
width:250px;
height:160px;
background-color:#DCDCF5;
color:#000;
padding:5px;
}
</style>


<div class="my_float_div">

</div> 


<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
$(function(){
    // เงื่อนไข event เมื่อมีการเลื่อน scrollbar ในหน้าเพจ  
     $(window).scroll(function(){  
// เมื่อเลื่อน scroll bar หน้าเพจ ถึงตำแหน่งที่มากกว่าหรือเท่ากับตำแหน่งที่ต้องการ
// เมื่อเลื่อน scroll bar หน้าเพจ ถึงตำแหน่ง ที่ทำให้ div
// class ชื่อ my_float_div ชิดขอบบนพอดี หาจากคำสั่ง
// console.log($(document).scrollTop());
         if($(document).scrollTop()>270){ 
$(".my_float_div").css({ /*  */
'position':'fixed',
'top':'0px'
});
         }else{  // เลื่อนกลับมาอยู่ตำแหน่งเดิม ถ้าไม่อยู่ในเงื่อนไข
$(".my_float_div").css({
'position':'relative'
});
         }  
     });    
});
</script>

อ่านต่อ..

โค๊ดสี - รหัสสี HTML COLOR CODES - ตารางเทียบสีทำเว็บ - การกำหนดสีโดยใช้รหัสโค้ดสี

ทริปปรับแต่ง Blogger :โค๊ดสี - รหัสสี HTML COLOR CODES - ตารางเทียบสีทำเว็บ - การกำหนดสีโดยใช้รหัสโค้ดสี

ตารางเทียบสีโค๊ด HTML

---

Code สี HTML 

ตัวอย่างการใช้งาน ตารางรหัสสีเลขฐาน 16
 
โค้ดสีประกอบด้วย 6 หลักคือ #RRGGBB (แดง-เขียว-น้ำเงิน) ใช้ตัวเลข 0-9 และตัวหนังสือ A-F จะทำให้ได้สี 14 ล้านสี 

ยกตัวอย่างวิธีกำหนดสีตัวอักษร HTML Code : 

<FONT COLOR=#0000FF>ข้อความที่ต้องการให้แสดงสี</FONT>



Tags : Code สี HTML, รหัสสี html color codes, ตารางสีสำหรับเวบ, การกำหนดสีตัวหนังสือโดยใช้รหัสสี, รวมโค้ดสีมีครบทุกสี, โค้ดสีเยอะมากๆ, โค็ดสีต่างๆมากมาย, ColorSchemer, Online Color Scheme, ตารางเทียบสี, ตารางสี, คัลเลอร์โค๊ด, code-color, ตารางสีสำหรับเวบ, การกำหนดสีโดยใช้รหัสสี, โค้ดสีเยอะมากๆ, โค้ดสี, codecolors, colour bar, แถบโค๊ดสี, วิธีการใช้, รูปแบบการใช้, ตัวอย่างการใช้งานโค๊ด, โค้ดสีสวยๆ เยอะมาก, ใช้สำหรับทำเว็บ, แต่งบล็อก, hi5, ชื่อในแชท, msn, วิธีใส่โค๊ดชื่อสี, ทำยังไง, ทำอย่างไร, เลือก, ขอดูวิธี, ขั้นตอน, เพื่ออะไร, การแสดงผล, แจกโค้ดสี

อ่านต่อ..