Search results for: “label/Wordpress”

Cara Menggunakan Pinterest untuk Meningkatkan SEO dan Traffic Situs

Tangkapan Layar

– Belajar Membuat Pin Otomatis Artikel blog kamu yuk! Jejaring sosial media Pinterest bisa dibilang memiliki pangsa pasar berbeda dibanding sosial media lain seperti Facebook dan Instagram. Kemampuannya untuk membuat Pin dan board membuatnya lebih mudah diklasifikasikan dibanding instagram.

Pinterest memiliki kemampuan visual yang cukup menggugah seseorang untuk melakukan sesuatu, mulai dari membuat pin sejenis, mengumpulkan pin berdasarkan ide, dan tentu saja, pinterest ini bisa kita gunakan untuk menampilkan foto produk sebuah toko online.

Lebih jauh lagi hubungannya dengan konten kreator blogger, pinterest bisa digunakan untuk melakukan pin otomatis dari setiap artikel yang baru tayang di blog kamu. Artinya kamu bisa menambah backlink gratis ke blog kamu setiap kamu update artikel terbaru.

Wah caranya gimana?

Cara Membuat Pin Otomatis Artikel Blog di Pinterest

Untuk membuat auto share otomatis ke pinterest setiap kita melakukan update artikel blog. Ada beberapa ketentuan yang harus kita perhatikan terlebih dahulu

Pra Setting

Ketentuan agar artikel blog kamu tershare otomatis ke pinterest

1. Artikel mengandung image visual, mengingat pin pinterest merupakan layanan pin gambar, maka artikel kalian wajib memiliki minimal satu gambar, syukur berupa featured image

2. Sudah melakukan klaim website kalian di Pinterest

3. Website minimal merupakan second level domain (subdomain blogspot dan wordpress accepted)

4. Menggunakan RSS berformat RSS 2.* atau RSS 1.* bukan atom

5. Halaman RSS berupa XML bukan HTML

Lalu bagaimana Cara melakukan klaim website di Pinterest?

Buka profil kalian dan klik tombol edit

Pilih setting

Pilih klaim

Masukan alamat website kalian kemudian klik confirm website

Klik tombol save setting

Tangkapan Layar

Selanjutnya Pinterest akan memberikan kode yang harus kita masukkan ke dalam tag heading kita

Tangkapan Layar

6. Kembali ke Pinterest dan klik tombol Finish

Jika kalian menggunakan WordPress selfhosting kalian bisa juga menggunakan plugin Simple Site Verify dan cukup mengkopikan id domain content berikut ke dalam plugin.

Tangkapan Layar

Cara Membuat Setting Pin Otomatis dari Update Artikel Blog

Klik panah di sudut kanan atas Pinterest

Pilih opsi Pengaturan

Buka opsi Buat Pin Masal pada menu yang tampil

Pada bagian Terbitkan Otomatis Hubungkan Sajian RSS

Masukkan url RSS feed kalian kesana

Pilih board yang akan kalian gunakan sebagai board tujuan share pin artikel otomatis

Klik Simpan

Menariknya, Pinterest mendukung multisite RSS jadi kalian yang memiliki beberapa board bisa menggunakan semua RSS blog kalian untuk membuat pin otomatis, yang penting jangan lupa klaim websitenya satu persatu dengan cara di atas

Setelah ini setiap kalian melakukan update artikel di blog kalian yang terhubung ke Pinterest, maka pin akan ditambahkan dalam rentang waktu 24 jam. Yup gak bisa secara instan saat itu juga seperti Push Notification sih, tapi mending lah karena pinterest ini kan sifatnya publik, bisa diakses siapa saja dan tentu saja, menambah backlink berkualitas ke blog kalian.

February 11, 2022
Cara Menampilkan Jumlah View atau Pembaca Setiap Postingan di Blog atau Web
ilustrasi | Net

– Artikel ini dibuat khusus untuk kamu yang menggunakan Template Blogger dan ingin mengetahui jumlah pembaca pada setiap postingan artikel yang kamu buat. Blogger sedikit berbeda dari lainnya, sebut saja WordPress yang kaya akan Plugin, Thema serta cara penggunaannya yang cukup mudah.

Jika di WordPress untuk menampilkan/ mengetahui jumlah berapa kali artikel kamu cukup dengan install plugin seperti Wp Postview berbeda dengan blogger yang harus menggunakan Pihak ketiga yaitu Firebase, dan untuk saat ini cara ini yang Wort It dilakukan jika menggunakan blogger sebagai website kamu, dan untuk caranya kamu dapat mengikuti seperti dibawah ini:

Pertama sekali kamu kunjungi https://firebase.google.com/?hl=id

Kemudian akan tampil seperti berikut kamu cukup klik Mulai

Tangkapan Layar

Selanjutnya Add Project dan buatlah nama project yang kamu inginkan, kemudian Klik Continue. Pada bagian Enable Google Analytics for this project hilangkan Centangnya.

Selanjutnya akan tampil dashboard firebase, kamu pilih menu Realtime Database dan kamu pilih Buat Database disini kamu diminta untuk membuat sub project lagi, Selanjutnya pilih Mode Pengujian dan Aktifkan. maka akan akan tampil url firebase kamu Contohnya seperti ini https://freehost-view-post-id.firebaseio.com/

Tangkapan Layar | Net

Sampai disini kamu sudah berhasil untuk membuat URL Firebase kamu sendiri, selanjutnya kamu masuk kedalam Blogger dan masukan Kode ini diatas tag </body>
```
    
<script src='//cdn.firebase.com/js/client/2.2.1/firebase.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$.each($(".post-view[data-id]"), function(a, e) {
var l = $(e).parent().find("#postviews").addClass("view-load"),
i = new Firebase("https://freehost-view-post-id.firebaseio.com/pages/id/" + $(e).attr("data-id"));
        i.once("value", function(a) {
            var n = a.val(),
                t = !1;
            null == n && (n = {}, n.value = 0, n.url = window.location.href, n.id = $(e).attr("data-id"), t = !0), l.removeClass("view-load").text(n.value), n.value++, "/" != window.location.pathname && (t ? i.set(n) : i.child("value").set(n.value))
        })
    });
    //]]>
</script>
 
```
Ubah URL yang berwarna biru dengan URL Firebase milik kamu sendiri yang sudah kamu buat sebelumnya, Selanjutnya kamu masukan kode dibawah ini di dalam tag post kamu agar tampil disetiap postingan yang kamu buat. (Untuk letaknya disesuaikan dengan template)
```
    
    <span class='post-view' expr:data-id='data:post.id'><i class='fa fa-eye'/> 
<span class='view-load' id='postviews'>0</span> Dilihat</span>
     
```
Maka, jika kamu sudah benar melakukan step by step cara diatas maka jika kamu buka postingan Artikel kamu akan tampil seperti gambar berikut ini:

Tangkapan Layar

Setelah berhasil tampil seperti diatas, selanjutnya pada bagian Rules pada Realtime Database kamu harus merubah kode yang bersifat mode sementara tersebut menjadi seperti kode dibawah ini. Gunanya agar kode tersebut akan menjadi permanent.
```
    
    {
  "rules": {
    ".read": "true", 
    ".write": "true",
  }
}
     
```
Menurut pengamatan laborblog.my.id, data view akan ditampilkan mulai dari nol ya 🙂 dan untuk mengetahui berfungsi atau tidaknya fitur ini dengan merefresh postingan dan cukup akurat walaupun delay.
February 9, 2022
Cara Membuat Blog Pribadi yang Menarik, Gratis dan Menguntungkan

Ilustrasi

Di era digital ini semua orang bisa bebas berkarya bahkan ikut menyambut kemajuan teknologi, semakin banyak kebebasan berekspresi yang bisa diekspresikan lewat blog atau wordpress juga bisa memberikan keuntungan yang lumayan menggiurkan jika dikelola dengan baik.

Buat kamu yang lagi berimajinasi dan ingin menuangkannya dalam bentuk tulisan, membuat blog adalah solusi untuk kamu, selain bisa mengeksplorasi imajinasi dengan menulis, kamu juga bisa mengasah kemampuan menulismu.

Salah satu platform yang bisa digunakan untuk blog adalah blogspot, meskipun Blogspot sendiri jika dijalankan dengan baik akan memberikan keuntungan. Tidak masalah siapa yang sudah berpengalaman atau pemula, blogspot bisa menghasilkan keuntungan salah satunya membuat dompet anda jadi berisi. Apalagi cara memulai blogspot cukup sederhana, sehingga memungkinkan bagi siapa saja yang ingin mencoba memiliki blog pribadi.

Berikut cara membuat blog pribadi yang menarik, gratis, dan menguntungkan, yang dirangkum dari berbagai sumber:

Cara Mudah Membuat Blog Sederhana

Cara pertama untuk membuat blog pribadi yang menarik, gratis, dan produktif adalah dengan menggunakan blogger.com atau blogspot.com. Cara membuat blogspot ini adalah yang paling mudah dilakukan. Hal ini dikarenakan blogspot sendiri merupakan platform blogging yang ramah bagi pemula, selain itu blogspot juga merupakan platform yang dibuat oleh google sehingga banyak sekali fitur yang ditawarkan.

Ada dua cara untuk membuat blog pribadi: yang pertama adalah membuat blog menggunakan smartphone dan yang kedua menggunakan komputer atau PC.

Cara Membuat Blog Menggunakan Smartphone

Cara pertama untuk membuat blog pribadi yang menarik, gratis, dan produktif adalah dengan memulai blogspot melalui smartphone. Berikut kami rangkum cara membuat blogspot melalui smartphone:

1. Unduh aplikasinya. Untuk membuat blog melalui mobile, Anda harus terlebih dahulu mendownload aplikasi blogspot. Aplikasi yang tersedia untuk blogspot adalah Blogger.com. Anda dapat mengunduhnya melalui Google Play Store atau melalui App Store.

2. Masukkan alamat email Anda Setelah aplikasi diunduh dan diinstal, langkah selanjutnya adalah memasukkan alamat email Anda untuk membuat akun.

3. Daftar dengan alamat email Langkah selanjutnya adalah mendaftar dengan alamat email dan kata sandi Anda.

4. Edit Profil Setelah Anda berhasil login ke dalam aplikasi, Anda dapat mulai mengisi profil yang ada sesuka Anda dengan panduan pada halaman edit profil, dan kemudian Anda dapat memilih untuk membuat blog baru.

5. Tulis Alamat Blog dan Judul Blog Setelah melihat halaman Buat Blog Baru, Anda dapat menuliskan alamat blog. Saat mengisi alamat blog, Anda diminta untuk menuliskannya dengan nama yang belum pernah digunakan oleh pengguna lain.

6. Klik pada template desain. Jika Anda telah menuliskan alamat dan judul blog Anda, Anda dapat memilih template desain yang cocok untuk Anda.

Cara Membuat Blog Menggunakan PC atau Laptop

Langkah selanjutnya adalah membuat blog hanya dari apps di pc atau laptop anda, anda perlu menyiapkan alamat email google. Langkah-langkah yang dapat dilakukan antara lain:

1. Buka halaman browser. Langkah pertama adalah membuka halaman browser di PC atau laptop Anda. Kemudian ketik alamat https://www.blogger.com pada kolom alamat website.

2. Klik Buat blog Anda/create your blog. Setelah halaman blogger.com ditampilkan, Anda dapat mengklik tombol Buat blog Anda untuk mulai membuat blog baru.

3. Buat akun dengan email. Anda kemudian dapat memasukkan alamat email dan kata sandi Anda untuk membuat akun baru di blogspot Anda. Bahkan jika Anda membuat akun baru, Anda tidak perlu mendaftar. Karena blogspot akan langsung tertaut dengan data akun gmail anda.

4. Lengkapi profil Anda. Setelah masuk ke akun blogger.com Anda, Anda akan diminta untuk melengkapi profil di blog Anda. Bahkan jika Anda diminta untuk melengkapi profil, Anda dapat menyelesaikannya nanti.

5. Pengaturan dasar di dasbor. Pada halaman profil, Anda bisa langsung menuju dashboard untuk menentukan tampilan awal blog yang akan Anda buat. Di dasbor ini, Anda dapat menulis judul dan alamat blog, serta tema yang ada. Kemudian klik Buat blog/create blog. Jika Anda ditawari untuk membeli domain, Anda dapat menolaknya dengan mengklik Tidak, No Thanks di layar.

6. Setting posting blog. Pada langkah selanjutnya, Anda akan masuk ke dashboard untuk mengatur blog dan menulis konten blog Anda. Kemudian Anda dapat mengklik Publish setelah selesai menulis konten blog.

7. Lihat Hasil Akhir Postingan, jika Anda ingin melihat seperti apa tampilan postingan blog Anda, Anda bisa mengklik kunjungi blog atau ketik alamat blog yang Anda buat.

Cara Menghasilkan Uang dari Blogging

Cara membuat blog pribadi yang menarik tentunya tidak lepas dari niat menggunakan blog untuk menghasilkan uang.Bagi anda yang berkeinginan bisa menghasilkan uang dari blog, berikut beberapa cara yang bisa dilakukan.

1. Jadi Publisher Iklan

Publisher iklan adalah orang yang menempatkan iklan di situs web seseorang atau web yang anda kelola. Salah satu layanan yang biasa digunakan blogger adalah Google Adsense.

Google Adsense sendiri merupakan jaringan periklanan yang disediakan oleh Google. Untuk pemilik situs web, mereka dapat menempatkan iklan Google di situs web mereka. Setiap klik dan view yang didapatkan akan terakumulasi jadi uang yang kemudian dapat dicairkan jika sudah memenuhi target minimal pencairan.

2. Memberi Ulasan Produk Tertentu

Cara memulai blog pribadi yang bisa menghasilkan uang selanjutnya adalah dengan meng-endorse atau mereview produk tertentu. Pemilik merek akan memposting produk atau menawarkan layanan yang dapat dinikmati blogger secara gratis. Bahkan cukup banyak blogger yang dibayar untuk mereview produk tersebut di blog pribadi mereka.

December 21, 2021
Cara Mencegah Copy Paste Artikel Kecuali Kode dan Blockquote

Ilustrasi

Mencegah tindakan copy paste artikel dapat dilakukan dengan mudah dengan plugin atau script tertentu, lalu bagaimana cara mencegah copy paste kecuali tanda kutip atau kode pada artikel tersebut?

Tindakan mengcopy paste konten blog orang lain mungkin bukan hal yang aneh lagi Saat ini banyak blogger yang menginginkan kesuksesan instan tanpa kerja keras.

Untuk menghasilkan uang dengan blogging, kita membutuhkan lalu lintas. Traffic dapat dicapai dengan menyajikan konten viral atau berkualitas. Sayangnya, tidak semua blogger yang mengharapkan hasil langsung ingin bersusah payah membuat konten mereka sendiri.

“Kalau ada yang mudah kenapa khawatir, toh semua yang ada di internet itu gratis, sudah jadi resikonya”. saya kira, ini adalah kalimat pembelaan dari banyak blogger yang melakukan kecurangan.

Bagaimana mencegah copy dan paste posting blog?

Ada cara mudah untuk mencegah orang lain menyalin postingan yang kita buat. laborblog.my.id sendiri sudah membuat cara untuk mencegah blogger mengcopy paste konten dengan menambahkan script tertentu. Cukup dengan menambahkan kode berikut di gadget HTML/JAVASCRIPT, pengunjung tidak akan bisa menggunakan shortcut CTRL+A untuk memilih konten artikel.

<script src=’demo-to-prevent-copy-paste-on-blogger_files/googleapis.js’></script> <script type=’text/javascript’> if (typeof document.onselectstart!=”undefined” ) { document.onselectstart=new Function (“return false” ); } else { document.onmousedown=new Function (“return false” ); document.onmouseup=new Function (“return true” ); } </script>

Selain itu, anda juga dapat menambahkan kode berikut untuk mencegah pencuri mengambil gambar dalam artikel dan menonaktifkan klik kanan menggunakan mouse.

<script language=JavaScript>
var message=”©laborblog.my.id 2021″; //Ganti dengan pesan kamu sendiri
function clickIE4() {
if (event.button==2) {
alert (message);
return false;
}
}
function clickNS4(e) {
if (document.layers||document.getElementById&&!document.all) {
if (e.which==2||e.which==3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
} else if (document.all&&!document.getElementById) {
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function(“alert(message);return false”)
</script>

Walaupun judulnya khusus untuk pengguna Blogger, cara ini juga bisa digunakan oleh pengguna WordPress – cukup tambahkan widget CUSTOM HTML di sidebar atau footer Anda, lalu salin kode di atas dan simpan.

Bagi Anda yang lebih suka menggunakan plugin, Anda juga dapat mencegah copy paste artikel dengan plugin khusus seperti WP Content Copy Protection with Color Design, WP Content Copy Protection atau WP Content Copy Protection, dan No Right Click. secara otomatis sudah bisa melindungi konten blog Anda.

Cara Mencegah Copy Paste Artikel Kecuali Kode dan Blockquote

Satu masalah yang saya temui di kedua metode di atas adalah tidak ada kontrol atas apa yang diblokir – menggunakan skrip atau plugin akan membuat semua item blog tidak dapat disalin, sedangkan jika saya membagikan artikel dengan quote/blockquote atau kode? akan sangat merepotkan pembaca, jika ingin menyalin kode pada artikel tentang tutorial.

Di beberapa plugin terdapat fungsi untuk memfilter bagian artikel mana yang bisa dicopy oleh pembaca, namun sayangnya fungsi ini hanya tersedia pada versi premium, untungnya ada cara yang murah!

Untuk mencegah agar postingan tidak tercopy paste kecuali kode dan tanda kutip (blockquote), kita bisa menambahkan kode CSS berikut di template Blogger

.post-outer {

-webkit-touch-callout:none;

-webkit-user-select:none;

-khtml-user-select:none;

-ms-user-select:none;

-moz-user-select:none;

}

.post blockquote,.post pre,.post code{

-webkit-touch-callout:text;

-webkit-user-select:text;

-khtml-user-select:text;

-ms-user-select:text;

-moz-user-select:text;

}

Sedangkan untuk pengguna WordPress kamu bisa menggunakan kode berikut:

.entry-content {

-webkit-touch-callout:none;

-webkit-user-select:none;

-khtml-user-select:none;

-ms-user-select:none;

-moz-user-select:none;

}

.entry-content blockquote, .entry-content pre, .entry-content code {

-webkit-touch-callout:text;

-webkit-user-select:text;

-khtml-user-select:text;

-ms-user-select:text;

-moz-user-select:text;

}

CATATAN: Setiap tema/template memiliki class CSS yang berbeda. Dalam kode di atas menggunakan contoh yang paling umum. Jadi, jika kode ini tidak berfungsi, gunakan fungsi INSPECT browser Anda untuk menentukan class yang benar.

December 16, 2021

More posts