KontenWeb

Google Sites: Cara Membuat Konten Atau Artikel - Konten atau post atau artikel merupakan bagian inti dari sebuah situs web, kualitas situs web / website biasa nya di ukur dari konten atau artikel yang di publikasikan "tergantung kategori situs", selain itu tingkat ke-akuratan informasi yang dibagikan juga mempengaruhi kualitas situs web.

Melanjutkan pembahasan cara buat website gratis di google sites sekarang kita telah sampai ke tahap membuat konten atau post untuk website yang telah kita buat di google sites.

Sekedar mengingatkan untuk mengikuti tutorial ini pastikan anda telah membuat menu navigasi situs pada website google sites baru anda karena metode / cara membuat konten website google sites akan berkaitan dengan menu navigasi.

Untuk mempersingkat waktu sebaiknya langsung saja kita simak panduan lengkap membuat konten atau post atau artikel untuk website yang di buat dari platform google sites.

Membuat Artikel di Website Google Sites

  1. Buka dashboard situs google sites, cara nya login ke google drive dan double klik situs tersimpan seperti yang di jelaskan pada artikel menu navigasi.
  2. Pilih (Klik) salah satu laman / menu website yang akan di isi post atau artikel misal; Laman beranda atau pada laman about us.
  3. Double click pada body atau lembar kosong situs maka akan muncul bulatan yang berisi pilihan fitur untuk menambahkan text, file, atau gambar.
Lihat contoh gambar dibawah ini
Selanjutnya isi kolom teks yang tersedia pada mode teks normal dengan judul dan paragraf artikel yang kamu ingin kan, Untuk menandai teks judul, drag/select teks judul dan tandai sebagai judul, lihat contoh gambar di bawah ini.
Google Sites: Cara Membuat Konten Atau Artikel
Google Sites: Cara Membuat Konten Atau Artikel
Setelah teks selesai di ketik kamu juga dapat menambahkan properti seperti gambar melalui tab "sisipkan" lihat fitur tambahkan gambar yang berwarna merah melalui google drive dan fitur upload gambar yang berwarna hijau seperti terlihat di sudut kanan atas pada gambar diatas.

Menambahkan (Embed) Video Youtube

  1. Klik satu kali di halaman/lembar kosong yang tersedia dibawah lembar teks
  2. Kemudian pilih Youtube untuk menyematkan/ menambahkan video
  3. Akan muncul tab pilihan yaitu "Penelusuran video" dan tab "Telah diupload", penelusuran video untuk mencari video di laman youtube sedangkan tab "telah diupload" untuk menyematkan video anda sendiri yang telah diupload ke youtube sebelumnya.
  4. Sesuaikan lebar video yang ditampilkan dengan cara menggeser kedalam garis pada sisi video.
Video youtube yang disematkan pada situs web google sites dapat mengikuti lebar halaman website secara otomatis, kamu juga bisa menyusunnya dua sejajar atau 3 sejajar agar terlihat lebih manis. Lihat contoh menyusun sematan video youtube pada link ini [Lihat Detail]

Untuk menambahkan kalender dan peta/map lakukan hal yang serupa seperti pada langkah cara menambahkan video ke artikel website google sites.

Menambahkan Slide Image dan document

Pada langkah ini kamu harus menyiapkan terlebih dahulu slide image melalui google slide, dan membuat document melaui google doc. Setelah slide ataupun document selesai dibuat harap setting file sharing menjadi publik (Siapa saja dapat melihat) seperti contoh berikut.

Setelah file sharing google slide dan google doc di setting ke publik "siapa saja dapat melihat" sepeti diatas maka kedua nya siap untuk disematkan.
  1. Kembali ke dashboard google sites
  2. Select atau klik laman kosong kemudian klik fitur add slide atau document pada menu samping kanan dashboard google sites.
  3. Select file untuk melanjutkan proses add / menambahkan slide image atau document google doc ke website google sites.
Selain slide image dan document kamu juga bisa menyematkan atau menambahkan Spreadsheet, Formulir by Google form dan menambahkan Diagram ke situs web google sites anda.

Nah, jika sudah selesai membuat konten/post atau artikel di halaman beranda situs web google sites anda, silahkan buat juga konten pada laman atau menu yang lainnya. Demikian penjelasan tentang Cara membuat post atau artikel situs web di google sites.

Selamat berkreasi dan sampai jumpa kemabali. Jangan lupa follow dan share artikel "Cara membuat post atau artikel situs web di google sites" jika menurut anda ini bermanfaat dan menambah pengetauhan.

Cara Buat Website di Google Sites (Gratis) - Google menyediakan platform khusus untuk membuat situs web secara gratis yaitu google sites. Google sites dirancang lebih mudah dalam penggunaan nya dan menjadikan g-drive sebagai web hosting / file hosting situs website yang di buat dari google sites.

Pengalaman yang baru akan anda rasakan ketika membuat situs web (website) di google sites karena google sites akan membuat anda merasakan sensasi punya hosting sendiri (seperti membuat website dengan self hosting).

Dan, tutorial ini akan membantu anda dalam membuat situs web gratis di google sites secara detail/komplit, meskipun sebenarnya saya meyakini siapa saja bisa membuat website sendiri dengan mudah menggunakan platform google sites ini. Mari kita simak panduan cara buat website gratis dari google sites berikut ini.

Cara Membuat Website Di Google Sites

  1. Pertama kunjungi link https://sites.google.com/, kemudian
  2. Login / masuk menggunakan akun google (G-mail)
  3. Klick "Buat / Create" dan pilih "In new sites" untuk membuat situs web
Lihat contoh gambar berikut ini.

Langkah Selanjutnya Membuat Website Dari Google Sites

Setelah melewati langkah diatas, kamu akan diarahkan ke dashboard google sites (laman untuk membuat situs), ikuti panduan lengkap nya dibawah ini.
  1. Buat "Nama Situs Web" dan tambahkan logo jika diperlukan
  2. Ganti gambar spanduk header situs atau lewati langkah ini (spanduk / barner header dapat di setting belakangan).
Lihat contoh berikut ini
Cara Membuat Website di Google Sites - gambar 2
Cara Membuat Website di Google Sites - gambar 2
Kemudian klik "Publikasikan" pada menu bar atas dashboard google sites dan buat "url situs (alamat situs)" tanpa spasi dan menggunakan huruf kecil semua seperti terlihat pada gambar berikut.
Cara Membuat Website di Google Sites - gambar 2
Cara Membuat Website di Google Sites - gambar 2

Keterangan:
  • Jika url situs tersedia maka akan terlihat tanda "Benar / centang" di samping nya, itu menunjukkan bahwa url (alamat situs) dapat digunakan.
  • Setelan Penelusuran - Jangan di centang atau biarkan kotak centang kosong agar situs dapat di telusuri oleh mesin penlusur (Bisa dilihat / ditemukan dilaman pencarian google)
  • Selanjut nya klik "Publikasikan" untuk membuat situs.
Pada tahap ini situs web sudah selesai di buat namun masih berbentuk laman kosong dan hanya terlihat logo, nama situs dan barner situs saja. Agar situs web benar-benar rampung saya telah menyediakan tutorial buat website gratis dari google sites tahap selanjut-nya yakni;
  1. Membuat Menu Navigasi
  2. Membuat Konten situs "text ,video, slide, document dan map"
  3. Membuat Footer situs web

Kelebihan Membuat Website via Google Sites

Ketika hendak membuat situs web sudah seharus nya kita mengenal keutamaan atau kelebihan palfom / hosting yang akan kita gunakan seperti Google Sites misalnya, kelebihan membuat website dari google sites adalah; platform google sites merupakan produk google sehingga kita tidak perlu khawatir mengenai masalah peng-index-an situs yang dibuat dari google sites, seperti g-plus dan youtube contohnya. post yang diterbitkan pada sosial media g-plus dan youtube lebih cepat ter index oleh penelusur google dibandingkan platform lainnya, selain itu masih ada beberapa kelebihan lagi dari google sites.
  1. Gratis (membuat website di google sites tidak dipungut biaya apapun alias free)
  2. Mudah digunakan (siapa saja bisa membuat situs web dari google sites)
  3. Tampilan situs / Theme google sites sangat propesional, modern dan elegant
  4. Support add file (gambar, video, slide, upload document) dari banyak jenis platform google "G-drive, youtube, google doc, google photo dll".
Nah, demikian penjelasan saya dan tutorial cara buat website gratis di google sites, ikuti terus perkembangan situs kami dengan cara mem follow situs melalui e-mail anda dan dapatkan pemberitahuan mengenai cara-cara membuat website geratis dari google sites dan blogger. Semoga ini bermanfaat dan menambah pengalaman serta pengalaman kita tentang situs web / website dan cara membuat nya, Good luck for you.

Situs web yang di monetisasi dengan iklan pihak ketiga seperti iklan google adsense pasti mengalami kemunduran kecepatan pemuatan halaman (loading situs web jadi lambat atau berat). Hal itu dikarenakan iklan pihak ketiga menggunakan script, image, css, dan lainnya yang di simpan di host pihak ketiga, sehingga server akan bekerja lebih keras lagi untuk memuat halaman web.

Teori nya sederhana, semakin banyak link dan file baik itu script, html, css, gambar dan multimedia lainnya yang berasal dari pihak ketiga, maka semakin banyak permintaan dan kunjungan keluar yang menyebabkan pemuatan atau loading situs web menjadi lebih lambat.
Tips Memasang Iklan AdSense Agar Loading Website Tidak Berat
Meskipun demikian hal itu masih bisa untuk diminalisir dengan beberapa tips speed up adsense berikut ini guna mengurangi beban server agar tidak terlalu terbebani dan efek positif dari itu loading situs web tetap stabil meskipun situs di monetisasi dengan iklan adsense atau iklan pihak ketiga lainnya.

Tips Memasang Iklan Adsense Agar Loading Situs Tidak Berat.
  1. Gunakan bundle javascript adsense asinkron.
  2. Pasang 1 satu saja bundle javascript untuk semua unit iklan.
  3. Internalisasi inline css pada iklan adsense.
  4. Minifikasi kode iklan adsense sebelum dipasang ke situs web.
  5. Batasi jumlah iklan yang ditampilkan.
  6. Gunakan lazyload adsense jika diperlukan.
Keterangan & Penerapan

Pertama - Gunakan bundle script asinkron - Adsense memang telah membuat semua bundle script asinkron di akun anda, hal itu dilakukan meningkatkan latensi web dan pengalaman pengguna yang lebih baik bagi pengunjung situs web. Jika diperlukan kode iklan adsense memang bisa dirubah dari asinkron menjadi sinkron, tetapi sebaiknya gunakan script asinkron saja dengan alasan diatas.
[code type="JavaScript"]<script data-ad-client="ca-pub-4209467777280582" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>[/code]
Ke-Dua - Gunakan 1 bundle script untuk semua unit iklan, setiap pengambilan kode iklan adsense akan selalu disertakan bundle javascript adsense seperti contoh diatas.

Jika anda sudah memasang 1 bundle script adsense atau kode iklan auto ads di header situs, maka untuk pemasangan unit iklan tidak perlu lagi menyertakan bundle script adsense. Sehingga ketika pemasangan unit iklan, anda hanya memasang kode seperti berikut ini.
[code type="Adsense"]<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4209467777280582"
     data-ad-slot="7680930151"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Ke-Tiga - Internalisasi inline css yang ada pada kode iklan adsense, inline css salah satu faktor yang menghambat perenderan situs web, maka dari itu meskipun inline css pada iklan adsense tergolong kecil sebaiknya di internalkan saja, untuk melakukan internalisasi inline css pada iklan adsense lihat panduan berikut; internalisasi inline css.

Ke-Empat - Minifikasi kode iklan adsense, minify kode iklan adsense, jika langkah 1,2 dan 3 sudah di lakukan maka sebenarnya anda telah melakukan minifikasi terhadap kode iklan adsense.

Ke-Lima - Membatasi jumlah iklan yang ditampilkan di situs web juga membantu meringankan loading atau pemuatan halaman website.

Praktik terbaik
  • Tampilkan iklan di halaman web anda 4 hingga 5 unit saja.
  • Jangan penuhi halaman web anda dengan iklan, selain memberatkan pemuatan halaman web, menampilkan iklan adsense dalam jumlah yang banyak juga tidak menguntungkan dari sisi pendapatan CPC.
Ke-Enam - Lazyload adsense - Lazyload adsense berfungsi untuk menunda perenderan iklan dan mengutamakan pemuatan halaman web. Jika anda masih menginginkan speed yang lebih, anda dapat menggunakan lazyload adsense untuk mempercepat loading halaman web.

Saya fikir 6 trik speed up adsense di atas sudah cukup untuk meringankan loading situs web yang di monetisasi dengan iklan adsense, bahkan jika anda melakukan lima saja tanpa menerapkan lazyload adsense sudah cukup untuk membuat pemuatan halaman web atau loading situs web stabil (nyaris sama sebelum menggunakan iklan pihak ketiga seperti adsense dan lainnya).

Halo publisher, apakah kamu pernah berfikir untuk memasang kode iklan adsense dari A ke situs B? Kira kira apa yang akan terjadi jika hal itu dilakukan? Pada kesempatan ini saya akan menjelaskan kepada teman-teman publisher mengenai eksperiment ini, yaitu memasang kode iklan konten yang sesuai (matched content) dari situs A ke situs B. Eeksperimen ini mungkin akan membuat anda tercengang karena dalam sejarah adsense tidak pernah menganjurkan hal ini, kode iklan konten yang sesuai harusnya dipasang pada situs yang didukung saja atau yang tertera di daftar kelayakan iklan yang sesuai (matched content).
Tetapi saya mencoba memberanikan diri untuk mencoba eksperimen ini dan hasilnya sungguh tidak diduga, widget iklan konten yang sesuai tayang di situs saya yang tadinya belum layak menampilkan iklan konten yang sesuai (matched content ads). Dan yang paling mencengangkan, tidak butuh waktu lama google adsense benar-benar menyetujui iklan konten yang sesuai untuk tayang di situs tersebut meskipun situs tersebut tidak update dan memiliki trafik yang relatif rendah.

Jika kamu ingin mencoba eksperimen serupa, sebaiknya baca terlebih dahulu penjelasan saya berikut ini, karena saya tidak menanggung resiko jika nantinya google mengambil tindakan tegas.

Studi Kasus

Baca dengan teliti dan pahami 2 poin dibawah ini yang saya jadikan studi kasus atau acuan keberhasilan dalam eksperimen ini.
  • Kedua situs berada dalam monetisasi akun adsense yang sama (satu akun adsense).
  • Widget konten yang sesuai (matched content) memang sudah tersedia untuk situs A, tetapi belum tersedia untuk situs B.
  • Kedua situs mematuhi semua peraturan yang menjadi kebijakan google adsense.
Kamu mungkin berfikir, hal apa yang mendorong saya melakukan eksperimen atau percobaan ini, saya tidak melakukan eksperimen ini secara buta, ada beberapa hal yang meyakinkan saya untuk melakukannya selain dari 3 poin yang telah saya jelaskan diatas.
  1. Kode iklan adsense selain widget matched content bisa atau boleh dipasang di situs mana saja yang sudah disetujui oleh adsense.
  2. Kode iklan adsense dengan kode iklan display misalnya hanya berbeda pada format ad dan id unit iklan saja.
  3. Google adsense hanya menghukum situs (tidak sampai banned akun adsense) jika pelanggaran yang dilakukan masih dalam kategori pelanggaran tingkat rendah, seperti kesalahan pemasangan kode iklan yang menutupi sebagian halaman.
Kekurangan & Kelebihan

Iklan konten yang sesuai memang bisa tayang di situs B yang belum disetujui, tetapi ada sedikit kekurangan dan kelebihan sebelum situs B benar-benar di acc oleh google adsense untuk menggunakan unit iklan konten yang sesuai, yaitu:
  • Meskipun belum ada persetujuan yang sah, konten yang sesuai yang ditampilkan pada widget matched content merupakan konten yang berasal dari situs masing-masing (tidak tercampur aduk).
  • Anda tidak dapat membedakan pengaturan iklan konten yang sesuai, keduanya berada dalam pengaturan yang sama.
  • Tampilan iklan konten yang sesuai tetap bisa dibedakan atau di edit melalui modifikasi kode iklan, sesuai dengan petunjuk google.
Artikel ini dibuat sesuai apa adanya, dan benar-benar saya lakukan dan akun adsense dan situs saya masih aman sampai sekarang, tidak ada pesan peringatan pelanggaran terkait eksperimen ini, Jika kamu ingin mencoba, maka coba saja tidak ada larangan untuk melakukan eksperimen ini, tetapi ingan konsekuensi atau resiko yang mungkin terjadi ditanggung oleh anda masing-masing.

Jika masih baru bermain adsense, sebaiknya abaikan eksperimen ini, dan baca artikel-artikel adsense saya yang lain, yang membahas tentang eksperimen adsense yang sesuai dengan kebijakan adsense (tidak melanggar pedoman kebijakan adsense).

Halo publisher adsense, kali ini saya akan berbagi trik atau cara mengatasi iklan adsense responsive yang tidak muncul atau blank, mungkin kamu salah satu yang pernah atau sedang mengalami hal ini. Untuk ini mari kita simak penjelasan berikut ini mengenai penyebab iklan adsense jika responsive tidak muncul padahal status iklan sudah aktif bahkan muncul jika posisi iklan dipindahkan ke tempat lain.

Penyebab Iklan Responsive Tidak Muncul

Script iklan adsense pada dasarnya dikembangkan dengan teknologi cangih dan ditangani oleh pakar-pakar pemograman dengan kemampuan di atas rata-rata.

Jadi jika iklan responsive google adsense tidak muncul atau tidak tampil, itu disebabkan oleh satu hal saja yaitu template website/blog yang kamu gunakan tidak mendukung style responsive adsense (true).

Tapi kamu tentang saja, kamu tidak perlu mengganti template untuk dapat menggunakan iklan responsive adsense karena disini saya akan memberikan solusinya dengan 3 cara yang berbeda sekaligus.

Cara Mengatasi Masalah Iklan Responsive Yang Tidak Muncul (Tidak Tampil).

  • Cara pertama - Edit kode iklan adsense dan hapus kode responsive (data-full-width-responsive="true")dari kode iklan adsense kemudian pasang kembali, Kemudian refresh halaman web untuk melihat apakah iklan responsive bisa tampil dengan cara itu.
  • Cara ke-dua - Gunakan iklan responsive dengan ukuran yang spesifik (memiliki nilai height dan width), kamu dapat melihat cara membuat iklan responsive dengan ukuran yang spesifik pada artikel saya yang sebelumnya. Lihat cara membuat iklan responsive dengan ukuran spesifik.
  • Cara ke-tiga - Buat container baru yang memiliki ukuran spesifik dan sisipkan kode iklan di dalam container tersebut seperti contoh dibawah ini.
[code type="HTML"]<div class="ad_container">

<--kode iklan adsense disini-->

</div>[/code]
Tambahkan juga kode css berikut ini untuk memberikan style responsive pada ad_container dengan ukuran yang spesifik.
[code type="CSS"].ad_container{min-width:400px;max-width:970px;width:100%;height:90px}[/code]
Saya fikir dengan salah satu cara di atas masalah iklan responsive yang tidak muncul (tidak tampil) akan teratasi. Jika masih belum muncul juga silahkan coba kombinasikan cara pertama dan cara ketiga yaitu membuat container baru yang memiliki nilai height dan width kemudian hapus style responsive data-full-width-responsive="true" dari kode iklan.

Baca Juga: Cara Menghilangkan Inline Css Kode Iklan AdSense

Bagaimana publisher? Mudah bukan untuk mengatasi masalah iklan responsive google adsense yang tidak muncul atau tidak tampil. Saya fikir cara ini lebih baik untuk mengatasinya daripada harus mengganti template yang belum tentu tidak memiliki permasalahan serupa.

Google adsense sangat merekomendasikan iklan responsive kepada pada para publisher karena iklan responsive memiliki potensi penayangan iklan yang lebih banyak dari pengiklan dibandingkan iklan dengan ukuran fixed. Maka dari itu saya akan menjelaskan cara merubah iklan adsense dengan ukuran fixed menjadi responsive.

Google adsense memang menyediakan fitur edit di dashboard adsense pada setiap unit iklan yang memudahkan publisher untuk merubah ukuran iklan stye iklan.

Tetapi disini saya bukan untuk menjelaskan itu, melainkan merubah ukuran iklan fixed menjadi responsive dengan melalui eksperimen pengeditan kode iklan adsense.
[Studi Kasus] - Di sidebar template blog yang digunakan website kontenweb.com tidak mendukung ukuran iklan responsive, jadi jika saya ingin memasang iklan adsense di sidebar, kode iklan harus memiliki nilai height dan width agar fitur sticky website saya tidak error.

Tetapi disisi lain saya juga ingin mendapatkan lebih banyak penayangan iklan, maka dari itu saya harus melakukan eksperimen ini yaitu merubah kode iklan ukuran fixed agar responsive dengan teknik codding yang sesuai dengan kebijakan google adsense.

Jika kamu mengalami hal serupa maka ini adalah solusi terbaik untuk menyelesaikan masalah anda. Simak dengan baik panduan eksperimen adsense ini.

Merubah Kode Iklan Adsense Ukuran Fixed Jadi Responsive.

Pertama coba perhatikan contoh kode iklan adsense dengan ukuran fixed atau ukuran tetap dibawah ini.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-0000005555111111"
     data-ad-slot="0006666666"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Selanjutnya tambahkan class_name baru pada tag pembukaan ins, misalnya ad_responsive1 dan hapus style css yang ada pada kode iklan yaitu: style="display:inline-block;width:336px;height:600px", sehingga kode iklan terlihat menjadi seperti berikut.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ad_responsive1"
     data-ad-client="ca-pub-0000005555111111"
     data-ad-slot="0006666666"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Kemudian buat style css @media screen yang disesuaikan dengan template website anda seperti contoh berikut.
[code type="AdCss"]<style>
.ad_responsive1{ width:300px;height:600px;}
@media screen and (max-width:460px){.ad_responsive1{width:336px;height:280px;}}
@media screen and (max-width:350px){.ad_responsive1{width:300px;height:250px;}}
</style>[/code]
Jika anda sudah ahli di bidang css dan html, anda dapat mengimpor langsung style css ad responsive ke dalam internal css situs web anda, Tetapi jika anda adalah pemula sebaiknya gabungkan kode iklan dan css responsive menjadi satu, sehingga pemasangan kode iklan akan menjadi seperti contoh dibawah ini.
[code type="AdCode"]<style>
.ad_responsive1{width:300px;height:600px;}
@media screen and (max-width:460px){.ad_responsive1{width:336px;height:280px;}}
@media screen and (max-width:350px){.ad_responsive1{width:300px;height:250px;}}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ad_responsive1"
     data-ad-client="ca-pub-0000005555111111"
     data-ad-slot="0006666666"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Eksperimen atau pegeditan kode iklan adsense seperti yang saya contohkan diatas sebenarnya sudah dijelaskan google pada halaman bantuan mereka dan dapat dipastikan ini tidak melanggar kebijakan google adsense.

Tips Membuat Iklan Responsive Dengan Ukuran Yang Spesifik

Dalam mengubah kode iklan adsense ukuran fixed menjadi responsive di semua ukuran layar smartphone, tablet maupun dekstop ada beberapa yang harus diperhatikan yaitu;
  • Ukuran iklan tidak boleh melebihi ukuran kueri css @media screen atau ukuran per lebar layar.
  • Gunakan size/ukuran iklan yang direkomendasikan oleh pihak google adsense, jangan sesekali membuat nilai width dan height secara sembarang (ukuran yang tidak didukung oleh adsense).
Lihat ukuran iklan yang didukung oleh adsense pada link dibawah ini agar anda tidak salah dalam merubah iklan adsense ukuran tetap (fixed) menjadi responsive.
https://support.google.com/admanager/answer/1100453?hl=id
Dengan teknik peng-kode-an iklan adsense seperti diatas, maka iklan dengan ukuran tetap (fixed) tetap bisa responsive di semua ukuran alayar baik itu layar smartphone, tablet maupun dekstop atau PC.

Terlebih lagi jika anda menglami hal yang sama seperti saya seperti studi kasus diatas maka ini adalah satu-satunya cara yang tepat untuk mengatasinya (merubah iklan adsense ukuran tetap (fixed) menjadi responsive atau membuat iklan responsive dengan ukuran yang spesifik).

Loading ketika pemuatan halaman web seringkali terbebani oleh kode iklan terutama kode iklan yang mengandung banyak inline css, kita semua mungkin sudah tahu bahwa inline css pada setiap elemen html apapun di situs web akan memberikan sedikit hambatan pada saat pemuatan halaman web. Untuk itu disini saya akan memberikan sedikit pengetahuan tentang bagaimana cara menghilangkan inline css khusus nya inline css yang ada pada html kode iklan AdSense.
Memang kita tidak bisa menghilangkan semua permasalahan perenderan yang disebabkan oleh inline css pada kode iklan adsense, karena sejatinya kita tidak punya akses yang luas untuk mengelola script, css dan kode html iklan adsense.

Tetapi setidaknya meskipun sedikit yang bisa kita akses, inline css pada kode iklan adsense tetap harus dihilangkan demi mengutamakan kelancaran pemuatan halaman web.
  • Apakah boleh mengedit dan merubah kode iklan adsense?
  • Apakah merubah kode iklan adsense akan menyebabkan pelanggaran kebijakan (FAQ) adsense?
  • Apakah merubah kode iklan adsense akan menyebabkan banned?
Pertanyaan-pertanyaan di atas mungkin ada dibenak kalian terutama publisher yang baru saja bermitra dengan adsense, untuk menghilangkan keraguan anda dalam melakukan eksperimen dengan kode iklan adsense maka saya akan menjawab pertanyaan-pertanyaan di atas sebelum kita sampai ke experiment yang sesungguhnya yaitu menghilangkan inline css dari kode iklan adsense.

Jawaban dari tiga pertanyaan di atas akan saya rangkum menjadi satu jawaban yang kongkrit dengan bukti valid. Google adsense tidak melarang publisher untuk bereksperimen (merubah kode iklan) selama eksperimen tersebut masih sesuai dengan kebijakan adsense. Lihat pedoman kebijakan adsense mengenai pengeditan kode iklan adsense.
https://support.google.com/adsense/answer/1354736?hl=id
Jika sebelumnya kamu telah membaca semua pedoman kebijakan adsense maka lewati langkah itu, dan kita mulai tutorial cara menghilangkan inline css pada kode iklan adsense. Berikut adalah kode standar iklan adsense.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Sebelum menghapus kode inline css pada iklan adsense yang harus dilakukan pertama sekali adalah menambahkan class name baru pada elemen ins (tag pembuka ins). Class name baru boleh menggunakan kombinasi huruf dan angka misalnya "iklan_sidebar336". Sehingga kode iklan adsense akan menjadi seperti berikut.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_sidebar336"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Setelah class name baru ditambahkan, silakan hapus kode inline css nya yaitu:
[code type="Css"]style="display:inline-block;width:336px;height:280px"[/code]
Sehingga kode iklan adsense menjadi seperti yang terlihat berikut ini.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_sidebar336"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]Notes: Penambahan class name yang lebih baik adalah menggunakan kata dengan bahasa inggris dan tidak mengarahkannya ke kata kunci tertentu.

Langkah itu belum selesai, selanjutnya anda harus mengganti kode inline css yang dihapus dengan kode internal css (non-inline) dan menambahkannya ke kumpulan internal css di dalam html template web anda. Jika kamu menggunakan platform blogger kode css ditambahkan tepat di atas kode ]]></b:skin>.

Kode Internal Css (Non-inline)
[code type="Css"]//kode wajib
.adsbygoogle{display:block}

//kode yang harus disesuaikan
.iklan_sidebar336{height: 280px;width: 336px}[/code]
Saya harap artikel ini dapat memberikan pemahaman yang baik dalam bereksperimen dengan kode iklan adsense seperti menghilangkan atau merubah inline css menjadi internal css. Prinsip dasarnya google adsense tidak terlalu membatasi keleluasaan publisher dalam melakukan eksperimen asal masih dalam batas yang wajar yang sesuai dengan kebijakan adsense.

Eksperimen ini benar-benar telah admin terapkan di situs ini, untuk melihat kebenarannya silahkan lihat view source halaman ini dengan menekankan tombol Ctrl + U atau melalui link dengan format view-source:url_halaman.

Kode iklan adsense pada bagian halaman dan sidebar website kontenweb.com benar-benar tidak menggunakan inline css, semua sudah di conversi dari inline ke internal css. Selamat mencoba dan sampai jumpa kembali di eksperimen-eksperimen adsense yang akan datang.