tag:blogger.com,1999:blog-41902689757915325682011-04-21T16:34:50.769-07:00Thaiadsensonlinehttp://www.blogger.com/profile/10646190607487402461noreply@blogger.comBlogger11100tag:blogger.com,1999:blog-4190268975791532568.post-31406269442306056772007-04-30T00:38:00.000-07:002007-04-30T00:38:50.181-07:00<span style="font-family:lucida grande;"><strong>จะได้เรียนรู้วิธีนำ Code มาติดที่บล็อกของเรา เพื่อไม่เป็นการเสียเวลา เริ่มกันเลยครับ</strong></span><br /><br /><span style="font-family:lucida grande;"><strong>มาดูวิธีนำ Code มาติดที่ บล็อกก่อนเลยครับ</strong></span><br /><strong></strong><br /><span style="font-family:lucida grande;"><strong>1. ให้ Login เข้าไปที่ </strong></span><a href="http://www.blogger.com/start" target="_blank"><span style="font-family:lucida grande;"><strong>Blogger.com</strong></span></a><span style="font-family:lucida grande;"><strong> หรือ </strong></span><a href="http://www.blogger.com/" target="_blank"><span style="font-family:lucida grande;"><strong>http://www.blogger.com/</strong></span></a><br /><br /><br /><br /><p><img id="BLOGGER_PHOTO_ID_5059087953439058466" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_uyEiVhY3URU/RjV9sIAxaiI/AAAAAAAAAC8/Ej35liHOQ5Y/s400/b1.jpg" border="0" /><br /><br /><span style="font-family:lucida grande;"><strong>จากนั้นใส่รหัสผู้ใช้ <span style="color:#ff0000;">xxxxxx@gmail.com</span> และ รหัสผ่าน <span style="color:#ff0000;">xxxxxxxxxx</span> ของท่าน</strong></span><br /><br /><br /><span style="font-family:lucida grande;"><strong>2. จะปรากฎหน้าต่าง จัดการบล็อกของคุณ </strong></span></p><p><span style="font-family:lucida grande;"><strong>ให้เราคลิกที่ >>> <span style="color:#ff0000;">เลย์เอาต์</span></strong></span><span style="color:#ff0000;"> </span><br /><strong></strong><br /><img id="BLOGGER_PHOTO_ID_5059087953439058482" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://1.bp.blogspot.com/_uyEiVhY3URU/RjV9sIAxajI/AAAAAAAAADE/OniuPBrVGrM/s400/b2.jpg" border="0" /><br /><br /><span style="font-family:lucida grande;"><strong>3.จากนั้นคลิกที่>>><span style="color:#ff0000;">เพิ่มองค์ประกอบของหน้า</span></strong></span><br /><strong></strong><br /><img id="BLOGGER_PHOTO_ID_5059087957734025794" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_uyEiVhY3URU/RjV9sYAxakI/AAAAAAAAADM/2cHAUvoqe1g/s400/b3.jpg" border="0" /><br /><br /><span style="font-family:lucida grande;"><strong>4. จากนั้นคลิกที่>>> <span style="color:#ff0000;">HTMP/จาวาสคริปต์</span></strong></span><br /><strong></strong><br /><img id="BLOGGER_PHOTO_ID_5059087957734025810" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_uyEiVhY3URU/RjV9sYAxalI/AAAAAAAAADU/gtNjuHu3Ars/s400/b4.jpg" border="0" /><br /><br /><span style="font-family:lucida grande;"><strong>5.ให้นำ Code ที่ได้นำมาจาก Google AdSense นำมาใส่ที่ เนื้อหาดังรูป</strong></span><br /><br /><img id="BLOGGER_PHOTO_ID_5059087962028993122" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_uyEiVhY3URU/RjV9soAxamI/AAAAAAAAADc/qvEVXBMZ7c8/s400/b5.jpg" border="0" /><br /><span style="font-family:lucida grande;"><strong>จากนั้นคลิกที่ >>> <span style="color:#ff0000;">จัดเก็บการปรับเปลี่ยน</span></strong></span><span style="color:#ff0000;"><br /></span><br /><br /><span style="font-family:lucida grande;"><strong>6. จะเห็นแถบ HTML/จาวาสคริปต์ ที่เก็บโฆษณาอยู่ ดังรูป</strong></span><br /><br /><img id="BLOGGER_PHOTO_ID_5059092424500013682" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://2.bp.blogspot.com/_uyEiVhY3URU/RjWBwYAxanI/AAAAAAAAADk/kWLuimWRaP4/s400/b6.jpg" border="0" /><br /><span style="font-family:lucida grande;"><strong>7.จากนั้นคลิกที่ >>><span style="color:#ff0000;"> บันทึกข้อมูล</span> >>> คลิกที่>>> <span style="color:#ff0000;">ดูบล็อก</span></strong></span><br /></p><p></p><p><img id="BLOGGER_PHOTO_ID_5059092428794980994" style="DISPLAY: block; MARGIN: 0px auto 10px; CURSOR: hand; TEXT-ALIGN: center" alt="" src="http://3.bp.blogspot.com/_uyEiVhY3URU/RjWBwoAxaoI/AAAAAAAAADs/rElPoP61kmc/s400/b7.jpg" border="0" /><br /></p><p><span style="font-family:lucida grande;"><strong>ดูตัวอย่างจริงๆ จากรูปภาพได้ที่นี่ [</strong></span><a href="http://benchmark-lending-index.blogspot.com" target="_blank"><span style="font-family:lucida grande;"><strong>คลิกที่นี่</strong></span></a><span style="font-family:lucida grande;"><strong>] หรือที่ <a href="http://benchmark-lending-index.blogspot.com/">http://benchmark-lending-index.blogspot.com/</a>เพียง</strong></span><span style="font-family:lucida grande;"><strong>เท่านี้ บล็อกของคุณก็มีโฆษณาเพื่อทำเงินให้คุณได้แล้ว</strong></span></p><p align="center"><strong><span style="color:#ff6666;">------------------------------------------------------</span></strong></p><p align="left"><span style="color:#3333ff;"><strong>วิธีนำ Code โฆษณามาติดที่เว็บไซต์</strong></span></p><p align="left"><strong><span style="color:#003333;">ในบทนี้จะไม่อธิบายมากนะครับเพราะเชื่อว่าคนที่ทำเวปเป็นทุกคนย่อมเชี่ยวชาญเรื่อง html อยุ่แล้วมาดูกันเลยครับ</span></strong></p><p align="left"><span style="font-family:lucida grande;"><strong>ในบทเรียนนี้ จะได้เรียนรู้วิธีนำ Code โฆษณามาติดที่เว็บไซต์ ซึ่งวิธีการไม่ยุ่งยากอะไร มีวิธีการดังนี้</strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>1. เตรียม Code โฆษณาที่ได้จาก Google Adsenes</strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>2. เปิดโปรแกรมที่คุณใช้งาน ในการสร้างเว็บไซต์ ซึ่งจะมีหลายโปรแกรมมากในปัจจุบัน เช่น โปรแกรม </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-Dreamweaver </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-FrontPage </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-HTML </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-Namo WebEditor </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-VCOM Web Easy Pro </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-Web Page Maker </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-EzGenerator Web Site Buider </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-PHP </strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>-XML</strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>เป็นต้น ขึ้นอยู่กับว่า คุณใช้โปรแกรมไหนสร้าง แต่โดยพื้นฐานของโปรแกรมแล้ว จะมีคล้ายๆ กัน นั่นคือ จะมีแถบ [Edit] [Edit&amp;HTML] [HTML] ให้เราทำการคัดลอก (Copy) Code ที่เราเก็บไว้ในไฟล์ Notepad จากนั้นคลิกเม้าส์ที่ตำแหน่งที่เราต้องการจะวางโฆษณา</strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>3.จากนั้นให้คลิกที่แถบ [HTML]</strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>4.ให้วาง (Paste) Code ที่ได้คัดลอกไว้แล้วจากข้อที่ 1</strong></span></p><p align="left"><span style="font-family:lucida grande;"><strong>5. เสร็จขั้นตอนการวาง Code โฆษณา แล้วครับ ลอง Preview เพื่อดูตัวอยย่างครับ <span style="color:#3366ff;">(ขณะ Preview เว็บไซต์เพื่อดูตัวอย่าง ควรเชื่อมต่ออินเทอร์เน็ตด้วย ถ้าไม่ต่อเน็ตฯ โฆษณาจาก Google จะไม่แสดงครับ)</span></strong></span></p><p align="left"><strong><span style="color:#003333;">ครับแค่นี้เราก็มีบล๊อก/เว็บที่มีโฆษณาของ Google Adsense ติดอยู่แล้ว</span></strong></p><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4190268975791532568-3140626944230605677?l=thaiadsense-online-step5.blogspot.com' alt='' /></div>Thaiadsensonlinehttp://www.blogger.com/profile/10646190607487402461noreply@blogger.com1