วิธีติดโค๊ด adsenseและ fb fanpage ลงใน bloggerธีมใหม่ 2017(Notable)

วิธีติดโค๊ด Adsense,facebook page ในธีมใหม่ 2017

วิธีการติดตั้ง adsense,facebook fanpage ให้กับธีม blogger 2017 ผมเลือกธีม Notable เพราะว่าสวยดีและมีเมนู hamburger ด้วย และโหลดเร็ว วิธีทำให้ธีมใหม่โหลดเร็ว ผมจึงเลือกใช้ตัวนี้ แต่ไม่ใช่กับบล็อกนี้นะครับ แค่ทดลองไว้ แต่ก่อนอื่นขอบอกไว้ก่อนเลยว่า หน้าเมนจะไม่แสดงนะ อาจต้องใช้การติดตั้งโดยตรง อันดับแรกให้ backup file ไว้ก่อนกันเหนียวครับ เดี๋ยวมาดูกันว่าเราต้องจัดการกับโค๊ด xhtml ของบล็อกเกอร์กันอย่างไร

ตัวอย่างที่ติดโค๊ดไว้ 1.ไปที่ธีม > แก้ไข html แล้วกดค้นหา ctrl+f คำว่า labels ไม่ใช่ tag นะ tag เป็นของ wordpress ตามรูปข้างล่าง

2.เมื่อค้นหาเจอแล้ว ก็ให้เอาโค๊ดโฆษณาของgoogle adsense มาใส่ ให้เลือกแบบ async จะช่วยเรืองทำให้หน้าเว็บโหลดเร็ว ได้โค๊ดแล้วก็มาดูกันว่าติดอย่างไร

<b:if cond='data:post.labels and !data:post.labels.empty and data:this.allBylineItems.labels'> <div class='post-labels-sidebar'> <h3><data:messages.labels/></h3> <b:include data='post' name='postLabels'/> </div> </b:if>

3.ให้นำโค๊ดมาวางต่อจากตัวโค๊ดข้างล่างที่นำมาให้ดูนะ

<b:include data='post' name='postLabels'/>

4.เมื่อวางโค๊ดเรียบร้อยแล้วก็จะได้แบบนี้

<b:if cond='data:post.labels and !data:post.labels.empty and data:this.allBylineItems.labels'> <div class='post-labels-sidebar'> <h3><data:messages.labels/></h3> <b:include data='post' name='postLabels'/> <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script> <!-- advertisements --> <ins class="adsbygoogle" style="display: inline-block; width: 300px; height: 250px;" data-ad-client="ca-pub-xxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>

อย่าลืมเพิ่มโค๊ดตรงasync='async'เดี๋ยวโฆษณาไม่ขึ้น หรือไม่ก็คัดลอกของผมไปแล้วเปลี่ยน UA-XXXXXXXXXXXXXX เป็นของคุณ และเป็นหมายเลข slotด้วยนะ กด save แค่นี้เองครับง่ายไหม หากว่าต้องการเพิ่ม fanpage facebook ก็ให้นำโค๊ด fanpage ของเรามาใส่ต่อจาก โค๊ดของ adsense โดยเพิ่ม <div>โค๊ด fanpage </div> หรือจะคัดลอกของผมไปทั้งหมดเลยก็ได้ แต่อย่าลืมเปลี่ยน โค๊ด adsense กับ facbook ด้วยนะ ตามด้านล่างเลยครับ เป็นแบบติดทั้งadsense และ fanpage ครับ

<b:if cond='data:post.labels and !data:post.labels.empty and data:this.allBylineItems.labels'> <div class='post-labels-sidebar'> <h3><data:messages.labels/></h3> <b:include data='post' name='postLabels'/> <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script> <!-- advertisements --> <ins class="adsbygoogle" style="display: inline-block; width: 300px; height: 250px;" data-ad-client="ca-pub-xxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div> <iframe src="https://www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/pages/eattourthai/xxxxxxxxxxxxxx" width="300" height="200" frameborder="0" sandbox="allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox">&lt;br /&gt; </iframe> </div> </b:if>

หรือตามแบบภาพด้านล่าง
       หากเกิดปัญหา error ก็ให้กด ctrl+z หรือว่า undo แล้วsave แบบบ้านๆก็กลับมาเป็นเหมือนเดิมแล้ว หากไม่ได้ก็ให้ออกจากหน้าแก้ไข แล้วเปลี่ยนธีมใหม่ และก็เอาธีม backupเก่ามาลงใหม่ สรุปว่าง่ายมากใช่ไหมครับ สำหรับการติดโฆษณาลงในเว็บบล็อกของเรา และช่วงนี้ไม่ค่อยได้อัพเดทบทความเลย เนื่องจากผมกำลังย้าย bloggerไป wordpress ในเว็บ www.eattourthai.com ต้องปรับแก้ตามล้างตามเช็ดหลายอย่างเช่น เปลี่ยน urlให้friendly กับกูเกิล ปรับสปีด ทำเกือบตายได้ 95 คะแนน และบางทีหากมีเวลา ผมจะเขียนวิธีย้ายบล็อกเกอร์ไปwordpress ให้ศึกษากัน สำหรับมือใหม่ ช่วยกดไลค์กดแชร์ด้วยนะ ขอบคุณครับ หรือ จะ subscribe g+ ก็ได้นะ +sailom srifa คนเดียวกันกับ lomkrodspblog ครับ