Halaman

Cara Membuat Script Pop-up atau Floating/Melayang di Blog

Cara Membuat Script Pop-up atau Floating/Melayang di Blog

Hai sobat Blog-TutorialPlus, untuk membuat tampilan iklan kita menarik perhatian pengunjung, ada baiknya sobat mencoba memasang Script Pop-up atau Floating/Melayang. Namun ingat yah, gunakan secara wajar karena terkadang untuk iklan tertentu hal ini tidak diperbolehkan. Misalkan saja sobat menjadi publisher dari salah satu situs periklanan terkemuka di Indonesia seperti KlikSaya.com. Menurut TOS dari KlikSaya.com sobat tidak diperbolehkan memasang Script Pop-up atau Floating/Melayang di Blog sobat walaupun itu digunakan untuk iklan dari Publisher lain.

Bagaimana Cara Membuat Script Pop-up atau Floating/Melayang di Blog?

Caranya sangat mudah sekali, sobat tinggal copy script berikut kemudian masukkan di gadget blog sobat. Script nya sebagai berikut.

<!-- floating ads TANPA HARUS EDIT TEMPLATE BLOG LANGSUNG PASANG DI GADGET http://blog-tutorialplus.blogspot.com-->
<script type='text/javascript'>
$(document).ready(function() {
$('img#closed').click(function(){
$('#btm_banner').hide(90);
});
});
</script>

<script type="text/javascript">var a=navigator,b="userAgent",c="indexOf",f="&m=1",g="(^|&)m=",h="?",i="?m=1";function j(){var d=window.location.href,e=d.split(h);switch(e.length){case 1:return d+i;case 2:return 0<=e[1].search(g)?null:d+f;default:return null}}if(-1!=a[b][c]("Mobile")&&-1!=a[b][c]("WebKit")&&-1==a[b][c]("iPad")||-1!=a[b][c]("Opera Mini")||-1!=a[b][c]("IEMobile")){var k=j();k&&window.location.replace(k)};
</script><script type="text/javascript">
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>

<!--start: floating ads http://blog-tutorialplus.blogspot.com-->
<div id="teaser2" style="width:autopx; height:autopx; text-align:left; display:scroll;position:fixed; bottom:0px;left:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser2').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRfgZRsJ5B2GFVlasWJMnnSiMI_oTkBFJnXh8Fkg5iFR7vhfHkm0jWBKcVRhxCjga6ixoph_-m-eT_EE-4azLKEwKM-wDc0bfNonqo2Sk4ZbRpryaJ4HsvCsvdoiEsEk30_RzCf5NBmDHx/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kiri-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kiri-->
</div>
<!--end: floating ads http://blog-tutorialplus.blogspot.com-->

<!--start: floating ads idebangga.blogspot.com-->
<div id="teaser3" style="width:autopx; height:autopx; text-align:right; display:scroll;position:fixed; bottom:0px;right:0px;">

<div>
<a href="#" id="close-teaser" onclick="document.getElementById('teaser3').style.display = 'none';" style="cursor:pointer;"><center>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRfgZRsJ5B2GFVlasWJMnnSiMI_oTkBFJnXh8Fkg5iFR7vhfHkm0jWBKcVRhxCjga6ixoph_-m-eT_EE-4azLKEwKM-wDc0bfNonqo2Sk4ZbRpryaJ4HsvCsvdoiEsEk30_RzCf5NBmDHx/s1600/PhoXo2.png'/></center>
</a></div>
<!--Mulai Iklan Kanan-->

LETAKKAN SCRIPT IKLAN DISINI

<!--Akhir Iklan Kanan-->

</div>
<!--end: floating ads http://blog-tutorialplus.blogspot.com-->
<!-- end: floating ads http://blog-tutorialplus.blogspot.com -->
Mau tahu penampakannya atau hasilnya seperti apa? Nih lihat gambar berikut..

contoh script pop-up atau floating/melayang


Semoga bermanfaat yah..

Cara Membuat SiteMap ( Daftar Isi ) untuk Blog secara Otomatis

Cara Membuat SiteMap ( Daftar Isi ) untuk Blog secara Otomatis

Cara Membuat SiteMap ( Daftar Isi ) untuk Blog secara OtomatisBlog-TutorialPlus - Membuat SiteMap merupakan salah satu teknik SEO agar search engine semacam Google dapat mendeteksi adanya update artikel yang kita tulis di blog. Hal ini akan mempercepat blog kita agar terindex oleh google sehingga diharapkan dapat menaikkan rank blog kita di search engine. SiteMap blogspot semacam ini biasanya dibuat dengan tujuan untuk dibaca oleh robot Google.

Selain SiteMap oleh Google semacam di atas, ada juga SiteMap yang dibuat untuk pengunjung situs kita sehingga pengunjung akan dengan mudah menemukan artikel yang dicari.

Nah, untuk postingan kali ini Blog-TutorialPlus akan membahas tentang Cara Membuat SiteMap (Daftar Isi) untuk Blog secara Otomatis yang ditujukan untuk pengunjung blog kita. Bagaimana caranya Cara Membuat SiteMap (Daftar Isi) untuk Blog secara Otomatis tersebut? Mari ikuti langkah-langkah berikut ini.

1. Masuk ke Akun Blogger
2. Silahkan olih menu LAMAN
3.  Buat laman baru (Klik tombol 'Laman baru' > 'Laman kosong')
4.  Pilih mode 'HTML'
5.  Tulis judul terserah Anda, Daftar Isi atau Sitemap
6. Masukkan kode berikut ini.
<script src="https://blog-tutorialpluss.googlecode.com/svn/sitemap.js"></script><script src="http://blog-tutorialplus.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>
7. Ganti http://blog-tutorialplus.blogspot.com dengan alamat blog Anda
8. Silahkan Publikasikan

 Demikianlah tutorial tentang Cara Membuat SiteMap (Daftar Isi) untuk Blog secara Otomatis. Jika ada pertanyaan atau masukan silahkan diskusikan di kolom komentar..

Semoga bermanfaat...

Salam

Blog-TutorialPlus