Jawabannya adalah bisa dan sangat bisa! Blog Duit akan memberikan tipsnya untuk Sampeyan.
Apa yang akan dihasilkan oleh tips ini?
Ada dua hal yang bisa Sampeyan dapatkan dari tips kali ini, yaitu:
- Sampeyan akan dapat memiliki Read More untuk posting Blogger Sampeyan
- Sampeyan dapat menyisipkan kode iklan di bawah judul dan iklan hanya muncul setelah posting dibuka
Yang dibutuhkan hanyalah menginstal Selective Expandable Post Hack.
Mari kita lakukan.
Menginstal Selective Expandable
1. Login ke Dasbor Blogger > Pilih Layout > HTML , centang Expand Widgets Template
2. Cari </head>
3. Copy dan Paste kode di bawah ini tepat di atas </head>
<b:if cond='data:blog.pageType != "item"'>
<script type="text/javascript">
var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}
function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}
function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}
</script>
</b:if>
4. Cari Kode di bawah dan tambahkan kode yang berwarna merah ke dalamnya.
<div class='post-body' expr:id='"post-" + data:post.id' >
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>#fullpost{display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<a expr:href='data:post.url'>Read More......</a>
</span>
<script type='text/javascript'>
checkFull("post-" + "<data:post.id/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
5. Simpan Template Sampeyan. Klik Simpan atau Save
Sampeyan sudah selesai menginstal Selective Expandable Post Hack di template Blogger Sampeyan. Kini saatnya untuk menginstal kode AdSense ke dalam template agar iklan muncul di bawah judul posting setelah klik judul posting atay Read more.
Oh ya, untuk membagi posting dengan kalimat Read more, lakukan hal berikut:
- Pada saat posting, masuklah ke mode HTML
- Ketik <span id="fullpost"> pada tempat di mana Sampeyan akan memotong dengan Read more.
- Ketik </span> di akhir posting.
Sebenarnya, Sampeyan bisa mengintal kode berikut ke Post Template. Akan tetapi, apabila Sampeyan sedang menggunakan komentar di bawah posting, kode tersebut saat ini tidak bekerja maksimal.
Cara memasukkan kode:
Buka Pengaturan > Format, lalu cari Post Template. Kopi dan Paste kode di bawah ke formulir Post Template.
Type your summary here
<span id="fullpost">
Type rest of the post here
</span>
Menginstal Kode AdSense
Untuk menginstal kode iklan agar terletak di bawah judul posting dan hanya muncul ketika judul posting atau Read more di klik, lakukan hal berikut:
1. Cari Kode di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<style>#fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
2. Instal kode iklan di aantara <style>#fullpost{display:inline;}</style> dan <p><data: post.body></p> yang ada pada kode di atas.
3. Apabila Sampeyan juga ingin ada iklan lain yang muncul di bawah posting sebelum komentar, sisipkan kode iklan di antara <p><data:post.body></p> dan <b:/else>
Perhatian!!!!
Ada yang harus Sampeyan sesuaikan sedikit agar kode iklan bekerja dengan baik. Silakan temukan pada kode AdSense yang akan Sampeyan pasang kode seperti di bawah:
- <script type="text/javascript"><!-- google_ad_client =
- //--></script>
Nah, gantilah <!-- menjadi <!-- dan //--> menjadi //-->
Penutup
Semoga tips ini bermanfaat. Nanti Blog Duit akan sambung dengan tips untuk menyisipkan kode iklan agar bisa tampil left aligned di bawah judul sehingga iklan akan berada di sisi kiri paragraf-paragraf awal posting Sampeyan.









