Latest Post

Setelah kemarin Google memperkenalkan Search Console versi Beta, kini Google menambahkan Ads.txt di Blogger.

Cara Mengaktifkan Ads.txt di Blogger

Apa Itu Ads.txt?


Ads.txt adalah sebuah inisiatif dari Interactive Advertising Bureau Tech Lab (IAB) untuk mempromosikan dan meningkatkan transparansi dalam periklanan program. Ini adalah cara mudah bagi penayang Adsense untuk menunjukkan dengan jelas kepada pembeli yang diberi wewenang untuk menjual inventaris mereka.

Sebenarnya untuk Blogger Ads.txt sudah ada sebelumnya namun sekarang sobat bisa mengedit Ads.txt sesuai keinginan dan bagi sobat yang mendapatkan pesan peringatan seperti ini

Penghasilan Anda berisiko - Satu atau beberapa file ads.txt Anda tidak berisi ID penayang AdSense. Perbaiki masalah ini sekarang juga untuk menghindari dampak yang serius pada pendapatan Anda.

Di dasbor Google Adsense, Google menyarankan sobat untuk mengaktifkan Ads.txt di blog.

Bagaimana Cara Mengaktifkan Ads.txt di Blogger?


Untuk mengaktifkan Ads.txt di Blogger, sobat bisa mengaturnya di Dasbor Blogger > Setelan > Preferensi penelusuran > Monetisasi > ads.txt kustom > Kemudian klik edit pilih Ya dan isi kode berikut di kolom ads.txt

Cara Mengaktifkan Ads.txt di Blogger

google.com, pub-0000000000000000, DIRECT, f08c47fec0942fa0

Ganti pub-0000000000000000 dengan ID Adsense sobat kemudian klik Simpan perubahan.

ID Adsense bisa didapatkan di dasbor Google Adsense sobat seperti contoh di bawah ini

Cara Mengaktifkan Ads.txt di Blogger

Untuk mengecek apakah Ads.txt sudah aktif, sobat bisa cek di tab pencarian browser dengan link seperti ini

http://www.nama_domain.com/ads.txt

Ganti nama_domain dengan alamat blog sobat.

Bagi sobat yang memiliki blog dengan sub domain dari domain utama, sobat tidak perlu mengaktifkan Ads.txt ini. Cukup hanya di blog dengan domain utama saja yang diaktifkan

Demikian tentang Cara Mengaktifkan Ads.txt di Blogger, semoga bermanfaat.

Light Gallery ini berfungsi untuk menampilan galeri dari gambar atau video saat kita membuka gambar atau video pada blog.

Cara Menambahkan Light Gallery di Tema Blog

Light Gallery adalah plugin untuk sebuah website dibuat oleh Sachin N di Github. Untuk fungsi menurut saya hampir sama dengan Lightbox yang sudah ada di Blogger, namun dengan fitur yang lebih baik. Sperti sudah support Responsive, galeri gambar yang bisa digeser, tampilan yang lebih menarik, tombol untuk mendownload gambar dan tombol fullscreen, transisi yang lebih smooth, serta kelebihan lainnya yang tidak dimiliki Lightbox standar Blogger.

Untuk menambahkannya ke dalam blog sobat, silakan ikuti Cara Menambahkan Light Gallery di Tema Blog berikut ini
Selengkapnya »


Apa kabar? Semoga dalam lindungan Allah dan dalam keadaan biak ya.... Pada kesempatan ini saya akan be...' name='twitter:description'/>

Assalamuallaikum wr,wb sahabat

Apa kabar?
Semoga dalam lindungan Allah dan dalam keadaan biak ya....

Pada kesempatan ini saya akan berbagi sedikit ilmu mengenai pengetahuan yang telah saya dapat pada/mengenai Search console/Webmastertool di Google.
Error ini sebenarnya rentan sekali terjadi diakibatkan oleh kita sebagai blogger menggonta-ganti template pada blog

Banyak blogger awam belum mengerti mengenai struktur data, struktur data ini sebenarnya adalah hal yang sangat penting karena memperbaiki struktur data di webmaster tools ini di halaman web sudah dilibatkan kedalam struktur kode istilah hal ini disebut dengan Schema Markup
Tujuan kode schema markup pada dasarnya ketika sahabat menyisipkan sebuah kode schema markup pada html adalah untuk memudahkan robot pencarian seperti google, yahoo dan bing di dalam memahami isi atau maksud apa yang terdapat pada halaman blog yang telah sahabat kelola

Semua mesin pencarian memiliki aturan penulisan struktur data atau schema markup yang sama karena sebuah halaman blog/web harus memiliki standar penulisan yang khiusus maka dari itu schema markup yang digunakan adalah salah satu aturan penulisan yang sudah banyak digunakan dan hasil dari kolaborasi perusahaan mesin pencarian raksasa terpopuler di dunia seperti misalnya saja google, bing, yandex dan yahoo bahkan hal ini juga digunakan media sosial seperti Twitter, facebook dan Google Plus untuk informasi yang pada saat itu pengguna internet melakukan share atau bagikan ke salah satu media sosial tersebut

Saya sebagai penulis blog pemula, saya bingung mengenai Schema.org yang harus dipasang/dibuat agar blog kita lebih dikenal dan cepat mendapatkan index dari Goolge, Setelah saya mencari tau kebebagai master, ada yang memberikan kode tertentu di dalam HTML blog dan kita bisa melihat hasilnya dengan mengecek data tersebut di halaman webmastertool, di dalam dashboard sahabat pilih Other Resources dan pilih Struktur Data Testing Tool seperti gambar dibawah ini.

membuat data struktur

Atau sahabat langsung menuju link Struktur Data Testing Tool akan terlihat seperti gambar dibawah ini.

membuat data struktur

Setelah sahabat memasukkan website/url sahabat dan menjalankannya maka sahabat akan dapat melihat hasil dari data blog sahabat apakah berjalan dengan baik alias sudah terstruktur atau terdapat beberapa error sehingga data sahabat tidak dapat berjalan dengan baik/tidak terstruktur.

Jika terdapat kesalahan maka terlihat seperti gambar dibawah ini.

membuat data terstruktur

Jika tidak terdapat kesalahan terlihat seperti gambar dibawah ini.

membuat data struktur


Berikut adalah sedikit gambar setiap kesalahan yang ad/ pesan Error disetiap barisn yang terdapat kesalahan.

membuat data struktur

Pertama sahabat harus berada di dalam Blogger, kemudian pilih Tamplate dan klik edit HTML.

membuat data struktur

Setelah sahabat masuk ke kode HTML silahkan sahabat tekan Ctrl+F dan tulis Kode yang sesuai dengan Error yang terjadi terlihat seperti gambar dibawah ini.

membuat data struktur

Lakukan sesuai dengan perintah yang diminta.


Dibawah ini adalah daftar kesalahan yang bisa diperbaiki.

1. Jika Error pada image_url

    Cari kode dibawah ini:

            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

    Pada tulisan berwarna merah, ganti dengan url_gambar sahabat dan jika tidak memiliki di hapus.



2. Jika Error pada Headline

    Cari kode dibawah ini:

            <h3 class='post-title entry-title' itemprop='name'>

    Pada tulisan berwarna merah, diganti dengan tulisan headline.



3. Jika Error pada property postId dan blogId not recognized

    Cari kode dibawah ini:

            <meta expr:content='data:blog.blogId' itemprop='blogId'/>
            <meta expr:content='data:post.id' itemprop='postId'/>

     Silahkan sahabat Hapus saja.



4. Jika Error pada Image 

    Cari kode dibawah ini:

            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

                    atau kode

            <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

           
     Lalu copy kode dibawah ini, dan pastekan kode tepat dibawah kode diatas:


            <b:if cond='data:post.firstImageUrl'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta itemprop="url" expr:content='data:post.firstImageUrl'/> <meta itemprop="width" content='700'/> <meta itemprop="height" content='700'/> </div> </b:if>



5. Jika Error pada maintEntityOfpage

    Cari kode dibawah ini:

            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

                    atau kode

            <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

    Lalu copy kode dibawah ini, dan pastekan kode tepat dibawah kode diatas:

            <div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>



6. Jika Error pada datePublished and dateModified

    Cari kode dibawah ini:

            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

                    atau kode

            <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

           
     Lalu copy kode dibawah ini, dan pastekan kode tepat dibawah kode diatas:

             <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><span class='updated'><data:post.dateHeader/>T<data:post.timestamp/></span></abbr></a>



7. Jika Error pada Publisher

    Cari kode dibawah ini:

            <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>

                    atau kode

            <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

           
     Lalu copy kode dibawah ini, dan pastekan tepat dibawah kode diatas:

              <div itemprop="publisher" itemscope='itemscope' itemtype="https://schema.org/Organization"> <div itemprop="logo" itemscope='itemscope' itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="http://mascholis7.blogspot.co.id"/> <meta itemprop="width" content="600"/> <meta itemprop="height" content="600"/> </div> <meta itemprop="name" expr:content="data:blog.title"/> </div>



8. Jika Error pada author dan name

    Cari kode dibawah ini:

               <data:post.body/>

    Lalu copy kode dibawah ini,dan pastekan tepat dibawah kode diatas:

               <!-- hCard"author and name" --> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <!-- hCard"author and name" -->



9. Jika Error pada Update

    Cari kode dibawah ini:

               <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>

     Lalu gantikan kode diatas dengan yang dibawah ini:

                <abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.timestamp/></span></abbr></a>



Terimakasih atas waktunya untuk mengunjungi dan membaca artikel ini.
Semoga bermanfaat dan salam sukses.

Wassalamuallaikum wr,wb sahabat.

Sebenarnya sudah lama saya ingin mengupdate postingan di blog Arlina Design ini, namun dikarenakan ada kesibukan offline dan juga mengurus blog lain jadi blog ini seakan terabaikan dan tidak terurus dengan sebagaimana mestinya. Oke sebelum memberikan Cara Mengaktifkan HTTPS di Blog dengan Custom Domain di sini saya akan menjelaskan sedikit apa itu HTTPS dan kelebihan dari HTTPS.

Cara Mengaktifkan HTTPS di Blog dengan Custom Domain

Apa itu HTTPS?


HTTPS (Hypertext Transfer Protocol Secure) adalah protokol yang menggunakan HTTP pada koneksi terenkripsi dengan keamanan transport-layer dan HTTPS merupakan versi aman dari HTTP. HTTPS digunakan untuk melindungi data yang ditransmisikan dari penguping. Ini adalah protokol standar untuk melakukan transaksi keuangan di web, dan dapat melindungi pengguna sebuah website dari sensor oleh pemerintah atau ISP.
Selengkapnya »

Pernahkah sobat bertanya-tanya bagaimana cara menambahkan tombol Pin It Pinterest di postingan blog? Nah, di sini Arlina Design akan berbagi Cara Mudah Menambahkan Tombol Pin It di Gambar.

Cara Mudah Menambahkan Tombol Pin It di Gambar

Fungsi dari tombol ini untuk memnagikan secara langsung gambar yang ada di blog sobat ke akun Pinterest sobat. Cara kerja dari Tombol share Pin It ini yaitu tombol akan muncul saat sobat memfokuskan kursor pada setiap gambar di dalam blog.
Selengkapnya »

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget