วิธีติดโค๊ด Adsense,facebook page ในธีมใหม่ 2017
วิธีการติดตั้ง adsense,facebook fanpage ให้กับธีม blogger 2017 ผมเลือกธีม Notable เพราะว่าสวยดีและมีเมนู hamburger ด้วย และโหลดเร็ว วิธีทำให้ธีมใหม่โหลดเร็ว ผมจึงเลือกใช้ตัวนี้ แต่ไม่ใช่กับบล็อกนี้นะครับ แค่ทดลองไว้ แต่ก่อนอื่นขอบอกไว้ก่อนเลยว่า หน้าเมนจะไม่แสดงนะ อาจต้องใช้การติดตั้งโดยตรง อันดับแรกให้ backup file ไว้ก่อนกันเหนียวครับ เดี๋ยวมาดูกันว่าเราต้องจัดการกับโค๊ด xhtml ของบล็อกเกอร์กันอย่างไร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"><br />
</iframe>
</div>
</b:if>
หรือตามแบบภาพด้านล่าง
Add comment click here