KAWULO ALIT

Home » Semua posting

Apakah kalian seorang blogger?

Baik pemula atau yang sudah master pasti tidak asing dengan istilah Sitemap dan Peta Situs. Sitemap atau peta situs sering di sebut juga sebagai Daftar isi. Sebuah Website atau Situs web di sarankan untuk membuat daftar isi tersebut selain memudahkan untuk pengindexan artikel atau postingan juga sebagai salah satu jalan keluar untuk memperbanyak pengunjung blog.

Kenapa begitu?

Dengan memasang Sitemap pada halaman Situs web membantu pengunjung untuk mendapatkan informasi yang mereka cari dan membantu pengunjung untuk menjelajahi seluruh isi blog atau web tersebut. Oleh karena itu Sitemap berperan aktif untuk sebuah blog. Bagi para publisher adsense memasang Peta situs merupakan hal yang bisa dikatakan wajib. Memasang sitemap adalah syarat untuk mendaftarkan ke Google Adsense.

Berikut lanangragiel akan mengulas dan mempersembahkan sebuah kode script sitemap html yang secara otomatis akan meload semua artikel yang berada di situs web kalian.

Untuk cara pemasangan simak di bawah ini:

1). Masuk akun Blogger - Halaman - Buat Halaman baru - HTML

2). Isi judul dengan nama Sitemap.Dan Copy kode di bawah ini,pastekan di bagian HTML bukan COMPOSE.


<div id="toc">



<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>



<script src="http://alamat.blogkamu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">





</script></div>

<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>

3). Ubah Url: alamat.blogkamu.com dengan alamat Blog kalian.

4). Setelah itu simpan.

CARA MEMBUAT SITEMAP ATAU PETA SITUS BLOGGER 2019

Apakah kalian seorang blogger?

Kenapa begitu?

Berikut lanangragiel akan mengulas dan mempersembahkan sebuah kode script sitemap html yang secara otomatis akan meload semua artikel yang berada di situs web kalian.

Untuk cara pemasangan simak di bawah ini:

1). Masuk akun Blogger - Halaman - Buat Halaman baru - HTML

2). Isi judul dengan nama Sitemap.Dan Copy kode di bawah ini,pastekan di bagian HTML bukan COMPOSE.


<div id="toc">



<script src="https://cdn.rawgit.com/penaindigo/Pena-Indigo-Code/a134f9de/sitemappenaindigo.js" type="text/javascript"></script>



<script src="http://alamat.blogkamu.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">





</script></div>

<link href="https://cdn.rawgit.com/penaindigo/project/d4a73206/penaindigocom.css" rel="stylesheet"></link>

3). Ubah Url: alamat.blogkamu.com dengan alamat Blog kalian.

4). Setelah itu simpan.

TRIK JITU AGAR BLOG RAMAI PENGUNJUNG

Trik Jitu Agar Blog Ramai Pengunjung

Berikut adalah Trik Jitu supaya Blog Ramai Pengunjung.

CARA MEMBUAT TEKS BERJALAN DI BLOG ANDA

Cara Membuat Tulisan Berjalan di Blog

1. Tulisan bergerak dari kanan ke kiri

<marquee direction="left" scrollamount="2" align="center">Contoh Tulisan Berjalan</marquee>

hasilnya

Contoh Tulisan Berjalan

2. Tulisan bergerak dari kiri ke kanan

<marquee direction="right" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

3. Teks bergerak bolak balik ( mondar - mandir ) dari kiri ke kanan

<marquee direction="left" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

4. Teks bergerak bolak balik ( mondar - mandir ) dari kanan ke kiri

<marquee direction="right" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

5. Teks bergerak dari atas ke bawah

<marquee direction="down" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

6. Teks bergerak dari bawah ke atas

<marquee direction="up" scrollamount="2" align="center"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

7. Teks bergerak mondar- mandir dari atas ke bawah

<marquee direction="up" scrollamount="2" align="center" behavior="alternate"> Contoh Tulisan Berjalan </marquee>

hasilnya

Contoh Tulisan Berjalan

8. Teks bergerak zig - zag ( diagonal ) memantul

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right" behavior="alternate"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya
Contoh Tulisan Berjalan

Contoh Tulisan Berjalan

9. Teks bergerak zig - zag ( diagonal ) tembus

<center><marquee direction="up" scrollamount="2" align="center" behavior="alternate" width="90%"><marquee direction="right"> Contoh Tulisan Berjalan </marquee></marquee></center>

hasilnya

Contoh Tulisan Berjalan

CARA MENDAPATKAN IKLAN MATCHED CONTENT ADSENSE

Persyaratan blog untuk mendapatkan Hadiah dari Google Adsense yaitu berupa Iklan Matched tersebut minimal pengunjung blog adalah 500 viewer / page view per harinya.

Berikut Cara memasang Iklan matched.

1). Masuk Dasboard Adsense - Iklan Saya - Unit Iklan.

2). Pilih Iklan Matched seperti nampak pada Gambar.

3). Atur iklan sesuai keinginan sobat.

Untuk gaya iklan kalian bisa baca di Bantuan Google.

CARA MEMBUAT IKLAN PARALLAX DIAM KETIKA POSTINGAN DI SCROLL

Untuk ukuran iklan yang biasanya di pakai yaitu ukuran 300×600. Bagi kalian yang ingin memasang nya simak di bawah ini mengenai tutorial memasang script iklan parallax di postingan blog.

Langkah langkah:

1). Masuk ke akun blogger

2). Masuk Tema/ Template- Edit HTML

3). Ketikan CTRL+F dan cari kode <head>.

Copy dan pastekan kode di bawah ini tepat di bawah Kode <head>.



 <b:if cond='data:blog.pageType == &quot;item&quot;'>






<style type='text/css'>
/*<![CDATA[*/



  overflow: visible;




.paralax_div {

  position: relative;
  width: 300px;


  display: inline-block;




  height: 250px;

  margin-right: 20px;


.paralax_div > div {




  float: left;

  z-index: 9999;
}



  overflow: hidden;


  position: absolute;




  width: 100%;

  height: 100%;
  margin: 0;



.paralax_div > div > div {
  top: 0;


  left: 0;

  clip: rect(auto auto auto auto);
}




  top: 0;




  width: 100%;

  height: 100%;

  position: fixed;


  -webkit-transform: translateZ(0);




  margin: 0 auto;

  -moz-transform: translateZ(0);


  transform: translateZ(0);




  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);

  position: absolute;
}




.paralax_div > div > div > div {
  width: 100%;


  top: 0;
  height: 100vh;


  left: 50%;




  -ms-transform: translateX(-50%);




  border: none;

  -moz-transform: translateX(-50%);

  -webkit-transform: translateX(-50%);


  display: -ms-flexbox;




  -o-transform: translateX(-50%);
  transform: translateX(-50%);


  display: flex;
  display: -webkit-flex;





  align-items: center;




  -webkit-align-content: center;
  align-content: center;


  -ms-flex-align: center;
  -webkit-align-items: center;



  background: #ddd;

}



}




.paralax_div > div > div > div > * {
  margin: 0;

  margin-top: 0;

}



.paralax_div > div > div > div > a {
  width: 100%;

  height: 100vh;




  .paralax_div {




.paralax_div img,.paralax_div iframe,.paralax_div ins {
  height: 600px;

  width: 300px;

}

.clear {


@media screen and (max-width:640px) {
  clear: both;

  display: block

}



    width: 100%;



    -ms-transform: translateX(-50%);




    height: 250px;

    margin: 0 auto;
    float: none;


  .paralax_div > div > div > div {
  }


    left: 50%;


    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);




    width:auto;




    -o-transform: translateX(-50%);
    transform: translateX(-50%);


    width: 100%;
  }

  .paralax_div > div > div {



  }
    left:0;

    text-align: center;



    max-width:100%;
  .paralax_div img {

    margin: 0 auto;





</b:if> 




    height:auto;
  }

}


@media screen and (max-width:320px) {
  .paralax_div iframe,.parallax_banner ins {


    height:600px;
    margin: 0 auto;

    width:100%;


  }

}

/*]]>*/

</style>

4). Selanjutnya tekan CTRL+F Cari kode <div class='post-body entry-content'.

Copy kode di bawah dan pastekan tepat di atas kode tersebut.

<b:if cond='data:blog.pageType == "item"'>

<div class="paralax_div">

<div>

    <div>

      <div>

        <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_f8VXbTJqyRpYiMbOFvtXtVKzY61Fwb4fEWeKBYcEzdSx4MJbB9v3Ru6trHZNZFTnnoGvST4ynMcEpE4nksgFoNgpp0TVEK4c5ecS6iB2Z5Rbug0CYPYJIpj6N3r5xmSf_ig8WRLLHXb-/s300/18835763_10208567628658748_4561466345738187918_n.jpg" alt="banner" width="300" height="600" />

      </div>

    </div>

</div>

<span class="clear"/>

</div>

</b:if>

5). Ganti kode

Baca Juga

CARA MEMBUAT SITEMAP ATAU PETA SITUS BLOGGER 2019

Baca Juga

Baca Juga

TRIK JITU AGAR BLOG RAMAI PENGUNJUNG

Baca Juga

Baca Juga

CARA MEMBUAT TEKS BERJALAN DI BLOG ANDA

Baca Juga

Baca Juga

CARA MENDAPATKAN IKLAN MATCHED CONTENT ADSENSE

Baca Juga

Baca Juga

CARA MEMBUAT IKLAN PARALLAX DIAM KETIKA POSTINGAN DI SCROLL

Baca Juga