Blogger: ส่งโฆษณาคั่นบทความไปแทรกเพิ่มไว้ภายในบทความ


ตามปกตินั้นเราสามารถเปิดใช้โฆษณาระหว่างบทความจากเมนูบล็อกได้เองอยู่แล้ว 
แต่ถ้าหากต้องการให้โฆษณาที่คั่นระหว่างบทความเหล่านั้นไปแสดงอยู่ข้างในบริเวณหัวหรือท้ายของเนื้อหาบทความ (Show Adsense Ads Inside And Between Post) เพื่อให้ผู้ที่เข้าไปอ่านบทความของคุณด้วยเครื่องมือค้นหา หรือเข้าผ่านทางลิงก์ที่ได้ฝากไว้ เห็นโฆษณาเหล่านั้นอยู่ในเนื้อหาด้วย ก็สามารถทำได้ดังนี้

โดยบทความนี้ในขั้นตอนที่ 1 จะเป็นวิธีเปิดเมนูโฆษณาระหว่างบทความ ซึ่งถ้าใครเปิดใช้อยู่แล้วก็ข้ามขั้นตอนนี้ไปได้เลย ส่วนตั้งแต่ขั้นตอนที่ 2 เป็นต้นไปจะเป็นวิธีทำให้โฆษณาระหว่างบทความแสดงอยู่ในบทความด้วยโดยมีให้เลือก 3 แบบครับ

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


เริ่มจากเปิดใช้โฆษณาระหว่างบทความก่อน

ขั้นตอนที่ 1.
เข้าไปที่บล็อกที่เมนู 'รูปแบบ' แล้วสังเกตแกดเจ็ต 'บทความบล็อก' โดยกดที่ 'แก้ไข' 
แล้วเลือกสั่งเปิดใช้ตัวเลือก 'แสดงโฆษณาระหว่างบทความ'
โดยสามารถดูวิธีทำพร้อมภาพประกอบได้ลิงก์นี้ครับ
http://tip.maxlayout.com/2012/07/blogger-adsense-ads-between-post.html


วิธีทำให้โฆษณาระหว่างบทความแสดงอยู่ในบทความด้วย

ขั้นตอนที่ 2. เข้าสู่บล็อกของคุณจากนั้นไปที่
'แม่แบบ > แก้ไข HTML > ดำเนินการ > ขยายเทมเพลตวิดเจ็ต'


ขั้นตอนที่ 3. โดยกด 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
 <b:if cond='data:post.hasJumpLink'>

โดยสังเกตตรงบริเวณจุดที่หาเจอนั้นเมื่อนับย้อนขึ้นมารวมทั้งหมด 5 บรรทัด จะพบว่ามีลักษณะเหมือนกับโค้ดข้างล่างนี้ ซึ่งเป็นเป้าหมายในการแก้ไขของเรา
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

 <b:if cond='data:post.hasJumpLink'>


ขั้นตอนที่ 4. เลือกรูปแบบการแสดงโฆษณาว่าต้องการวางไว้เหนือหรือใต้เนื้อหาบทความ
โดยเลือกให้แทนที่ โค้ดทั้ง 5 บรรทัดซึ่งเป็นเป้าหมายที่หาพบในขั้นตอนที่แล้วด้วยโค้ดแบบใดแบบหนึ่งด้านล่างนี้

แบบที่ 4.1. แสดงโฆษณาไว้เหนือเนื้อหาบทความ
<!-- Placing Ads Top Post Start-->
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:if>
      <data:post.body/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<!-- Placing Ads Top Post End-->
<b:if cond='data:post.hasJumpLink'>

แบบที่ 4.2. แสดงโฆษณาอยู่ใต้เนื้อหาบทความ
<!-- Placing Ads Bottom Post Start-->
      <data:post.body/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<!-- Placing Ads Bottom Post End-->
<b:if cond='data:post.hasJumpLink'>

แบบที่ 4.3. แสดงโฆษณาพร้อมกันทั้งเหนือและใต้เนื้อหาบทความ
<!-- Placing Ads Top and Bottom Post Start-->
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:if>
      <data:post.body/>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<!-- Placing Ads Top and Bottom Post End-->
<b:if cond='data:post.hasJumpLink'>


ขั้นตอนที่ 5. เลือกที่ 'บันทึกเทมเพลต' จากนั้นลองเปิดบล็อกดูผลลัพธ์

Credit: http://www.bloggertricks.com/2007/12/placing-adsense-ads-inside-or-between.html

Post Status




1 ความคิดเห็น:

Unknown กล่าวว่า...

อยากทราบเหมือนกัน

แสดงความคิดเห็น

หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น