Coretanzone: Blogger

    Social Items

Kegiatan blogging merupakan salah satu aktifitas yang sudah banyak digermari oleh pecinta dunia maya dengan berbagai tujuan. Ada sebagian yang hanya ingin menyimpan cerita, ada sebagain yang ingin berbagi pengetahuan, dan adapula yang ingin mendapatkan penghasilan dari blog.

Cara memasang Iklan di Atas dan di Bawah Postingan Blog

Untuk blog yang dibuat dengan tujuan mendapatkan penghasilan, maka harus mengejar target dengan berbagai strategi yang dimiliki, salah satu strateginya adalah mencari lokasi terbaik untuk memasang iklan. Dari informasi yang penulis dapatkan, lokasi terbaik untuk memasang iklan seperti Iklan Adsense adalah di dalam postingan blog, baik itu di bagian atas postingan (di bawah judul), di bagian tengah postingan blog dan di bagian bawah postingan blog.

Untuk kali ini saya ingin membahas tentang cara memasang iklan di atas dan di bawah postingan blog, walaupun cara ini sudah banyak dibahas di blog lain, tetapi di blog ini belum ada maka tak ada salahnya untuk dibahas juga.

Pasang Iklan di Atas Postingan Blog


Berikut ini cara memasang iklan di atas postingan blog (dibawah judul postingan).

1. Login ke dasbord blogger

2. Klik Edit HTML

3. Cari kode <data:post.body/> dalam template tertentu kode ini lebih dari satu, gunakan yang ke-3 atau yang sesuaikan dengan blog anda.

4. Kalau sudah ketemu letakkan kode Iklan anda di atas kode tersebut.

Pasang Iklan di Bawah Postingan Blog


Berikut ini cara memasang iklan di atas dan di bawah postingan blog (diakhir postingan blog).

1. Langkah 1-3 sama dengan cara pasang Iklan di atas postingan blog

2. Kalau kodenya sudah ketemu letakkan iklan anda di bawah kode tersebut

3. Simpan template

Tambahan


Tambahkan kode berikut ini jika ingin membuat jarak antara postingan blog dengan iklan dan agar iklan berada di bagian tengah.

&lt;div style=&quot;display:block;text-align:center;margin:20px auto;&quot;&gt;
Letakkan Iklan ada di sini
&lt;/div&gt;

Ganti tulisan berwarna merah dengan iklan kode iklan yang anda miliki. Jika iklan yang ingin anda pasang adalah iklan adsense, maka parse terlebih dahulu iklan adsense tersebut. Demikianlah postingan kali ini yang simpel ini, semoga bermanfaat.

Cara memasang Iklan di Atas dan di Bawah Postingan Blog

Membuat blog di blogger sangatlah mudah sehingga setiap orang dapat membuatnya hanya dengan waktu 5 menit saja, terlebih saat ini tampilan dasbord blogger sudah diperbaharui sehingga simpel dan dapat ditelusuri dengan cepat, tanpa loading lambat dan tanpa memerlukan kuota internet yang banyak.

Bagi kamu yang baru memulai membangun sebuah blog untuk keperluan bisnis, perlu memperhatikan beberapa hal sebelum membuat blog.

Pertama, tentukan terlebih dahulu tema blog (niche blog) anda. Dalam menentukan tema blog atau lebih umum disebut niche blog ini sesuaikan dengan keahlian atau pengetahuan anda, jangan buat blog yang isi kontennya tidak anda pahami. Misalnya anda ahli dalam hal pertukangan, maka buat blog tentang tukang. Kedua, tentukan nama blog. Dalam menentukan nama blog ini anda bisa membuat nama blog sesuai dengan niche yang anda inginkan, atau bisa juga membuat nama blog dengan brend yang anda miliki sendiri, seperti menggunakan nama anda, atau brand keren lainnya yang belum dimiliki oleh orang lain. Ketiga, buat nama subdomain / domain sesuai dengan nama blog, hal ini dilakukan agar pengunjung akan lebih mudah mengingat url blog yang anda miliki.

Keempat, buat artikel yang unik - bebas dari copypaste - google suka dengan artikel unik, dan fresh, sehingga nantinya mudah diindeks. Kelima, abaikan statistik blog dan seo blog, untuk awal membangun blog lebih baik anda fokus dalam menulis artikel yang bermanfaat saja, jika artikel anda sudah banyak dan bagus, lama kelamaan statistik pengunjung anda akan membengkak. Keenam, setelah blog anda buat jangan lupa submit ke google webmaster, dan bing webmaster. Hal ini dilakukan agar kedua situs ini mengenal dan cepat mengindeks blog baru yang anda buat.

Untuk membuat blog di blogger sangatlah mudah, caranya akan saya bagi dalam dua tahap yaitu tahap pertama adalah tahap persiapan membuat blog, dan tahap kedua adalah tahap membangun blog.

Tahap Pertama Membuat Blog


1. Buka halaman blogger


2. Klik tombol buat blog

3. Masuk dengan menggunakan email google yang anda miliki, jika belum ada, buat terlebih dahulu

Cara membuat akun google (email google/gmail) 

4. Jika sudah masuk, anda akan diminta untuk mengkonfirmasi profil. Pilih salah satu diantara keduanya, yaitu Profil Google + (plus) atau Profil blogger. Dalam hal ini yang direkomendasikan adalah profil google +

Cara terbaru membuat blog di blogspot (blogger)

5. Klik buat Profil Google + kemudian isi data nama, jenis kelamin, dan tanggal lahir. Isi sesuai dengan yang anda miliki kemudian klik Buat Profil

Cara terbaru membuat blog di blogspot (blogger)

6. Setelah itu upload salah satu foto profil (foto avatar) terbaik anda, kemudian klik Simpan.

Cara terbaru membuat blog di blogspot (blogger)


7. Setelah itu anda akan diarahkan kembali ke halaman blogger dan klik Lanjutkan ke Blogger.

Cara terbaru membuat blog di blogspot (blogger)

Tahap Kedua Membangun Blog


1. Klik tombol Buat Blog Baru atau Blog baru

Cara terbaru membuat blog di blogspot (blogger)

2. Kemudian masukkan judul blog dan alamat url blog. Dalam hal ini subdomain blog.

Cara terbaru membuat blog di blogspot (blogger)

3. Pilih salah satu tema dasar dan klik buat blog.

4. Setelah itu anda akan diminta untuk membeli domain TLD langsung dari google. Jika anda mengingkan top level domain silahkan langsung beli, tapi jika tidak silahkan klik tomblo Lain Kali.

Cara terbaru membuat blog di blogspot (blogger)

Jika tahapan-tahapan di atas telah anda lakukan, maka blog atau bisa disebut juga mini website anda sudah jadi. Anda bisa melihat blog yang sudah jadi dengan menekan tombol lihat blog.

Hal yang perlu anda buat adalah jangan terburu-buru mengganti template blog. Pikirkan terlebih dahulu untuk membuat artikel kemudian barulah mengganti template blog yang caranya sangat mudah.

Demikianlah postingan kali ini tentang cara terbaru membuat blog di blogger dengan mudah, semoga bermanfaat.

Cara Terbaru Membuat Blog di Blogger dengan Mudah

Cara Memasang Iklan Google Adsense di dalam Postingan Blog
Dunia blogging memang sangat menjanjikan bagi setiap blogger yang serius dalam membangun blog yang dimilikinya. Sudah ada orang sukses dan kaya hanya dengan mengelola akun blog gratis, seperti blogger.

Terdapat macam-macam blog bisnis, seperti blog jual beli produk, jual beli buku, jual beli obat-obatan kesehatan, blog konsultasi kesehatan dan blog sejenisnya. Selain blog yang langsung menawarkan jasa dan produknya, ada pula blog yang berbagi tips, informasi, pengetahuan dan sebagainya. Lalu darimana blog seperti ini mendatangkan keuntungan?.

Ada pepetah mengatakan bahwa “banyak jalan menuju roma”. Pepatah ini menjadi salah satu pendorong atau motivasi setiap blogger untuk terus menulis. Blog atau situs yang tidak menawarkan langsung barang atau produk akan menawarkan jasa pemasangan iklan di blog yang dia kelola. Semakin ramai blog dikunjungi oleh viewers maka, semakin banyak datang penawaran iklan untuk dipasang di blog tersebut, atau semakin mudah diterima oleh google adsense.

Google adsense merupakan salah satu jejaring iklan nomor satu untuk saat ini. Banyak para blogger yang mendaftar untuk menjadi publisher. Mendaftar di google adsense bukanlah hal yang mudah, harus melalui berbagai macam usaha sampai blog bisa diterima. Kalau blog belum memenuhi sayarat atau tidak memenuhi kebijakan google maka, akan ditolak oleh tim google, begitu pula sebaliknya jika blog sudah sesuai dengan ketentuan maka akan diterima.

Banyak sekali aturan yang harus ditaati untuk mendapatkan iklan google adsense, salah satunya adalah artikel yang diposting di bog harus padat kata-kata, tidak perlu banyak gambar, artikel tidak boleh copy paste, dan lain sebagainya. Semakin sulit sehingga kebanyakan blogger gagal mendapatkan persetujuan dan melirik situs periklanan lain.

Penempatan Iklan di Blog


Penempatan Iklan google adsense bisa di mana saja pada blog, tetapi untuk mendapatkan klik yang banyak ada beberapa tempat yang sangat strategis untuk meletakkan unit iklan, diantaranya yaitu:

1. Di bawah judul postingan blog

2. Di bagian akhir postingan blog

3. Di bagian sidebar kiri blog

Pemasangan iklan google adsense untuk akun hosted (blogspot.com) biasanya terpasang secara otomatis setelah mendaftar, sedangkan pemasangan google adsense untuk akun non-hosted (.com, .net, .id dll), tidak secara otomatis. Pemilik blog sendiri yang akan memasangnya.

Jika anda salah seorang yang baru mendaftar google adsense dan ingin memasang iklan di dalam postingan blog, khusunya di bawah judul postingan dan di akhir postingan, maka ikuti beberapa langkah di bawah ini.

Pemasangan Iklan di Postingan Blog


Cara memasang iklan google adsense di dalam postingan blog dalam artikel ini penulis bagi menjadi dua langkah yaitu sebagai berikut.

Langkah Pertama

Untuk pemasangan kode iklan di sidebar kiri atau di badan blog, anda tidak perlu melakukan parse kode iklan. Beda halnya dengan anda ingin memasang iklan di dalam postingan melalui halaman HTML maka, terlebih dahulu kode iklan tersebut diparse menggunakan alat parse.

Lakukan parse kode iklan di situs-situs yang menyediakan alat parse, biarkan iklan tersebut berada di dalam kolom alat parse tersebut, dan ikuti langkah kedua.

Langkah Kedua

Cara Memasang Iklan Google Adsense di dalam Postingan Blog

Pada dasbord blog, klik tab Template > Edit HTML kemudian pasang kode di bawah ini tepat di atas atau di bawah kode ini <data:post.body/>.

&lt;div style=&quot;display:block;text-align:center;margin:20px auto;&quot;&gt;
<!-- Kode Banner/Iklan Anda Di sini -->
&lt;/div&gt;

Kembali ke halaman parse iklan pada langkah pertama. Copy seluruh kode iklan yang sudah diparse tersebut lalu ganti tulisan "<!-- Kode Banner/Iklan Anda Di sini -->" dengan kode iklan milik anda. Perhatikan gambar.

Catatan

Jika kode iklan tepat di atas kode "<data:post.body/>"  maka iklan akan berada di bawah judul postingan, sedangkan jika kode iklan tepat di bawah kode tersebut maka iklan berada di akhir postingan.

Pemasangan kode iklan google adsense yang baik di blog adalah pemasangan yang sesuai dengan peraturan google.

Cara ini bisa juga diterapkan pada iklan lain, yang anda miliki. Semoga artikle singkat ini dapat bermanfaat.

    Cara Memasang Iklan Google Adsense di dalam Postingan Blog

    Cara Membuat Kotak Subscribe Keren dan Responsive di Bawah Footer Blog
    Postingan yang saya bagikan kali ini terinspirasi dari postingan blog Arlina Design tentang subscription box yang sudah banyak digunakan oleh para blogger.

    Box subscribe ala Arlina Design ini dapat anda gunakan dengan bebas untuk memperindah blog dan mendatangkan pembaca melalui feedburner google. Untuk demo tentang postingan ini, silahkan sahabat pembaca lihat langsung pada bagian bawah blog ini.

    Untuk sahabat pembaca yang tertarik membuat kotak subcribe ini silahkan ikuti cara-caranya di bawah ini.

    Cara Membuat Kotak Subscribe di Blog


    Langkah-langkah membuat kotak subcribe pada blog adalah sebagai berikut:

    1. Masuk ke blogger kemudian klik Template > Edit HTML

    2. Tempatkan kode CSS di bawah ini tepat di atas kode ]]></b:skin> atau </style> (untuk mempermudah gunakan Ctrl+F untuk menemukan salah satu kode tersebut)
    
    /* Subscribe Box */
    #subscribe-css{position:relative;padding:20px 0;background:#374760;overflow:hidden;border-top:4px solid #eee;}
    .subscribe-wrapper{color:#fff;font-size:16px;line-height:normal;margin:0;text-align:center;text-transform:none;font-weight:400;width:100%}
    .subscribe-form{clear:both;display:block;overflow:hidden}
    form.subscribe-form{clear:both;display:block;margin:0;width:auto;overflow:hidden}
    .subscribe-css-email-field{background:#415471;color:#ccc;margin:10px 0;padding:15px 20px;width:35%;border:0}
    .subscribe-css-email-button{background:#3cc091;color:#fff;cursor:pointer;font-weight:700;padding:14px 30px;margin-left:15px;text-transform:none;font-size:16px;border:0;border-radius:3px;transition:all .6s}
    .subscribe-css-email-button:hover{background:#37b185;}
    #subscribe-css p.subscribe-note{margin:16px;text-align:center;color:rgba(255,255,255,.6);font-size:180%;font-weight:400;line-height:normal;}
    #subscribe-css p.subscribe-note span {position:relative;overflow:hidden;font-weight:700;transition:all .5s}
    #subscribe-css p.subscribe-note span.itatu {font-weight:400;font-style:italic;color:rgba(255,255,255,.6);text-transform:lowercase}
    #subscribe-css p.subscribe-note span.itatu:before,#subscribe-css p.subscribe-note span.itatu:after{display:none}
    #subscribe-css p.subscribe-note span:before{content:'';position:absolute;bottom:-2px;left:0;width:0;height:3px;margin:10px 0 0;background:rgba(255,255,255,.1);transition:all .5s}
    #subscribe-css:hover p.subscribe-note span:before{width:100%;}
    

    3. Selanjutnya tempatkan kode di bawah ini tepat di bagian atas kode footer-wrapper atau sesuaikan dengan kode blog anda.
    
    <div id='subscribe-css'>
    <p class='subscribe-note'><span>SUBSCRIBE</span> <span class='itatu'>TO</span> OUR NEWSLETTER</p>
    <div class='subscribe-wrapper'>
    <div class='subscribe-form'>
    <form action='http://feedburner.google.com/fb/a/mailverify?uri=coretanzone' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=coretanzone&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
    <input name='uri' type='hidden' value='coretanzone'/><input name='loc' type='hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email'/><input class='subscribe-css-email-button' title='' type='submit' value='submit'/></form>
    </div>
    </div>
    </div>
    

    4. Anda dapat mengubah warna dan lain-lain sesuai dengan yang anda inginkan dan ganti semua kode coretanzone dengan feedburn milik anda.

    5. Simpan template dan lihat hasilnya di blog anda.

    Demikianlah postingan kali ini tentang cara membuat kotak subscribe keren dan responsive di bawah footer blog semoga bermanfaat.

    Cara Membuat Kotak Subscribe Keren dan Responsive di Bawah Footer Blog

    Cara Mendaftar Google Adsense Melalui Blogger
    Salah satu cara untuk mendapatkan uang dari hobi atau kebiasaan menulis di blog adalah dengan mendaftar di google adsense. Google adsense merupakan salah satu situs periklanan yang paling banyak diminati oleh para pemilik akun blog atau website. Kejelasan pendapatan yang ada di adsense membuat banyak orang berebut untuk melamar atau memotise blog/website-nya. Walaupun terkadang harus ditolak berkali-kali, atau adapula sekali mendaftar langsung diterima.

    Paling banyak alasan ditolak ketika mendaftar adsense karena “konten tidak memadai” atau “situs belum mematuhi kebijakan google”. Saya juga sudah mendapatkan kedua pesan ini ketika mendaftar adsense dan sampai saat ini blog saya belum kunjung diterima oleh google adsense. Walaupun demikian saya terus berusaha untuk memperbaharui blog saya dan mudah-mudahan kelak adsense menerima lamaran saya. Amin.

    Salah satu akun hosted google yang paling gampang dan paling mudah diterima oleh google adsense adalah youtube, karena hanya dengan memiliki video original sudah bisa diterima untuk memasang iklan di video youtube. Pengalaman ini sudah saya rasakan.

    Iklan yang ditayangkan sangatlah beragam, disesuaikan dengan kebutuhan pengunjung, sehingga kemungkinan iklan yang diklik sangat besar. Iklan yang ditayangkan juga bisa menyesuaikan template blog baik dalam hal bentuk atau warna iklan.

    Untuk mendaftar di google adsense bisa dibilang gampang tetapi susah, gampangnya ketika situs yang kita miliki sudah sesuai dengan kebijakan google. Olehnya itu sebelum mendaftarkan situs anda di google adsense terlebih dahulu baca kebijakan google adsense.

    Bagi para pemilik akun blogspot (blogger), mendaftar google adsense bisa langsung melalui akun blognya.

    Cara Mendaftar Google Adsense Melalui Dasbord Blogger


    Cara mendaftar GA melalui dasbord blogger ini kami bagi menjadi dua tahap yaitu tahap kesiapan blog dan tahap pendaftaran sebagai berikut :

    Tahap Pertama


    Cara Mendaftar Google Adsense Melalui Blogger

    Pada tahap pertama anda perlu merubah pengaturan bahasa yang ada di blog, jika pengaturan bahasa blog menggunakan bahasa indonesia maka rubalah ke dalam bentuk bahasa Inggris. Caranya adalah;
      1. Masuk ke dasbor blogger anda, kemudian pilih tab Setelan dan pilih menu Bahasa dan Pemformatan

      2. Pada menu bahasa rubahlah format Bahasa Indonesia menjadi Bahasa Inggris.

      3. Setelah pengaturan bahasa dirubaha ke dalam format Bahasa Inggris, refresh dashbor Blogger anda kemudian akan muncul tab baru, yaitu tab “Penghasilan”.
        Klik tab baru tersebut (tab penghasilan) dan jika ada keterangan bahwa “Blog anda belum memenuhi syarat AdSense” maka, urungkan dulu niat anda untuk mendaftar AdSense, lebih baik tunggu saja sampai blog anda memenuhi syarat, waktunya bisa sampai satu bulan atau bahkan bisa sampai tiga atau enam bulan.

        Jika tab penghasilan diklik lalu tidak ada keterangan seperti pada poin 3 di atas, maka lakukanlah pendaftaran dengan mengklik tombol “Mendaftar Adsense”.

        Tahap Kedua

        Setelah mengklik tombol mendaftar adsense, anda akan dialihkan ke laman adsense, dan untuk mendaftar di laman adsense ada beberapa cara sebagai berikut :
          1. Di laman tersebut anda akan diminta untuk mengklik tomblo “ya gunakan (email anda)” atau “gunakan akun google lain atau buat baru”. Silahkan klik tombol yang pertama untuk melanjutkan ke tahap berikutnya.

          2. Tahap kedua hanya menjabarkan tentang informasi blog anda dan pilihan bahasa yang anda gunakan di blog. Setelah anda memilih bahasa klik tombol “Lanjutkan”.

          3. Pada tahap ketiga silahkan isi semua formulir permohonan dengan benar yang meliputi ; kolom Negara atau wilayah, Zona Waktu, Jenis Akun, Nama penerima pembayaran, Alamat Jalan, Kota, Provinsi, Kode Pos, No. Telepon, dan terakhir preferensi email.

          4. Setelah semua data terisi dengan baik dan benar, selanjutnya klik tombol “kirim permohonan saya” yang ada di bawah kolom formulir. Setelah semua proses di atas selesai, tunggulah balasan dari google tentang permohonan anda (biasanya hanya beberapa jam atau bahkan bisa sampai satu minggu, tergantung peluang blog anda).
              Mendaftar di adsense itu dari prosesnya sangat mudah, namun diterima atau tidaknya ini yang menjadi masalah besar bagi kebanyakan pemilik situs. Terkadang ketika situs tidak diterima lamarannya oleh google, pemilik blog menjadi malas untuk menulis dan mengelola blognya lagi. Namun sebenarnya sebagai seorang blogger sejati, butuh kesabaran dan ketekunan untuk terus memperbaiki kesalahan yang ada di blog, seperti saya ini yang terus mengelola blog saya ini walau sudah ditolak berkali-kali oleh adsense. Saya terus mengupdate informasi, dan memperbaiki kekuranga-kekurangan yang ada di blog saya ini.

              Review blog oleh google adsense biasanya dua kali. Jika tahap pertama sudah diterima, maka anda akan diminta untuk menempatkan iklan di blog untuk menunggu review tahap kedua oleh tim adsense. Iklan yang akan tampil hanyalah kotak iklan kosong, sampai anda diterima secara full barulah iklan tampil di blog.

              Cara Mudah Mendaftar Google Adsense Melalui Dasbord Blogger

              2 Situs Penyedia Gambar dan Vektor Secara Gratis Untuk Postingan Blog
              Membuat blog saat ini sudah menjadi hal yang mudah namun untuk membuat konten itu menjadi persoalan bagi yang baru memulai menggeluti dunia blogging. Konten berupa tulisan maupun gambar yang berhak cipta banyak diduplikat dari blog atau situs-situs tanpa mendapat izin secara resmi. Mengutip isi blog lain sebenarnya merupak pelanggaran intelektual atau sebuatan kerennya plagiat.

              Agar blog tidak terbaca sebagai blog plagiat maka, sebaiknya anda menulis sendiri postingan sesuai dengan pengetahuan yang anda miliki dan jika anda mengutip maka cantumkan juga sumbernya. Untuk gambar sebaiknya anda gunakan foto atau gambar yang anda miliki sendiri, namun jika anda tidak memiliki gambar atau foto yang mendukung postingan anda dapat mengunduhnya dari situs-situs penyedia gambar gratis.

              1. Pixabay


              Pixabay merupakan salah satu penyedia gambar gratis dengan kualitas tinggi, saya termasuk salah satu orang yang menggunakan gambar di situs ini untuk kepentingan penulisan artikel blog. Selain itu saya juga termasuk salah satu member yang menggunggah gambar untuk digunakan orang lain secara gratis. Silahkan kunjungi pixabay.com untuk mendapatkan gambar gratis.

              2. Freepik


              Para pecinta gambar vector mana yang tidak kenal salah satu penyedia gambar, vector dan foto berkualitas tinggi ini. Freepik menyediakan beragam gambar, foto dan vector yang dapat anda unduh secara gratis tanpa dipungut biaya. Saya juga termasuk salah satu orang yang menggunakan jasa website ini, namun saya belum berkontribusi untuk di dalamnya, mungkin suatu saat hal itu bisa terlaksana. Silahkan kunjungi freepik.com untuk mendapatkan gambar gratis.

              Untuk saat ini sudah banyak website yang menyediakan gambar gratis yang dapat anda download secara gratis. Gambar-gambar tersebut disediakan untuk berbagai kepentingan, termasuk bisni. Nah bagi kamu yang ingin memonotise blog di google adsense, harus benar-benar menggunakan gambar yang bebas hak cipta atau CCO Public Domain.

              Pada dasarnya mendapatkan gambar gratis itu sangat mudah, dua situs di atas hanya sebagai contoh saja. Untuk situs yang lain, anda bisa cari di google denga mengetik keyword gambar gratis maka, akan keluar situs-situs penyedia gambar gratis.

              Jangan lupa membaca aturan dan kebijakan kedua situs tersebut. Semoga artikel singkat tentang 2 situs penyedia gambar dan vektor secara gratis untuk postingan blog bermanfaat.

              2 Situs Penyedia Gambar dan Vektor Secara Gratis Untuk Postingan Blog

              Cara Membuat Iklan Melayang Responsive dengan Tombol Close di Blog
              Ketika seseorang mempunya keinginan untuk membangun sebuah blog, maka sudah pasti orang itu mempunyai tujuan. Ketika berbicara tentang tujuan membuat suatu blog maka tidak semua orang sama tujuannya. Ada orang yang membuat blog hanya untuk menghabiskan waktu senggang, ada juga yang membuat blog hanya untuk mencurahkan isi hatinya, ada juga yang membuat blog hanya sebagai hobinya saja, sedangkan ada sebagian yang membuat blog untuk kepentingan komsersial atau kepentingan bisnis.

              Orang yang membuat blog dengan tujuan bisnis, sudah pasti mempercantik blognya dengan beragam postingan yang menarik, dan membuat template blognya agar menjadi responsive dan SEO agar mudah berada di rank atas pencarian google.

              Salah satu hal pendukung dalam blog bisnis adalah iklan banner yang ada di blognya. Di beberapa blog atau website pasti anda sudah menemukan iklan banner melayang dengan tombol closenya. Tombol close sendiri berfungsi agar jika pengunjung blog tidak tertarik dengan iklan yang ditayangkan maka dia dapat mengclosenya tanpa harus keluar dari blog itu. Nah sekarang untuk sahabat saya akan bagikan cara memasang iklan melayang responsive dengan tombol close di blog dengan memanfaatkan kode script di bawah ini.

              Cara Memasang Iklan Melayang Responsive dengan Tombol Close


              1. Login ke blogger

              2. Masuk ke Editor template lalu cari kode </body> (gunakan ctrl+f untuk mempermudah pencarian)

              3. Setelah ditemukan Letakkan kode di bawah ini tepat di atas kode </body>
              
              <script type='text/javascript'>
              $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});});
              </script>
              <div id='fixedban' style='width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
              <div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div>
              <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
              <a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='#'/></a>
              </div>
              </div>
              

              4. Ganti kode yang diberi warna sesuai dengan ukuran iklan dan kode iklan yang anda miliki.

              5. Setelah selesai simpan template blog, lalu lihat hasilnya.

              Demikian tutorial singkat tentang cara memasang iklan melayang responsive dengan tombol close di blog semoga membawa manfaat bagi pembaca sekalian.

              Cara Memasang Iklan Melayang Responsive dengan Tombol Close di Blog dengan Mudah

              Cara Membuat Gambar Responsive dengan Kode CSS di Blog
              Sedikit cerita tentang gambar yang responsive dan tidak responsive. Awal-awal saya mengenal dunia blogging sekitar tahun 2010 lalu saya tidak menemukan artikel seperti ini Cara Mudah Membuat Gambar Responsive di Blog. Di saat itu dunia blogging belum mengenal istilah responsive. Waktu itu saya belum serius dalam dunia blog, hanya untuk iseng dan menghabiskan waktu luang untuk belajar seluk beluk blog.

              Seiring waktu berjalan, perkembangan zaman semakin maju, lahirlah smartphone, tablet, dan perangkat lainnya yang semakin canggih. Blog dan situs website membutuhkan penyesuaian diri, maka lahirlah istilah responsive dalam dunia blogger. Tempelate blog harus dibuat responsive agar bisa tampil menyesuaikan desktop perangkat, kalau tidak reseponsive maka blog atau website tampilannya akan jelek, terkadang terlalu lebar atau terlalu kecil.

              Tampilan yang responsive ini berpengaruh juga pada isi postingan yaitu gambar dan video yang ada dalam postingan. Keduanya harus responsive, kalau tidak ya tampilannya akan jelek lagi.

              Khusus untuk pengguna blogger terkadang template bawaan blog atau sebagian template blog gambarnya belum responsive. Seperti template yang saya gunakan ini. Saat pertama kali saya gunakan gambar yang ada di dalam postingan blog belum responsive sesuai dengan beberapa browser sehingga saya harus sedikit menambahkan kode CSS untuk membuat gambarnya menjadi responsive.

              Cara Pasang Kode CSS Gambar Responsive di Blog


              Pada dasbord blog klik tab "Template" kemudian klik tombol "Edit HTML, kemudian copy dan pastekan kode CSS di bawah ini sebelum kode ]]></b:skin> atau </style>.
              
              .post-body img {<br />
              &nbsp; max-width:100%;<br />
              &nbsp; height:auto;<br />
              }
              

              Cara membuat gambar sangat mudah kan? Karena hanya dengan menempatkan kode css di atas ke dalam html blog saja gambar sudah menjadi responsive, semoga bermanfaat.

              Cara Membuat Gambar Responsive dengan Kode CSS di Blog