Jumat, 18 Oktober 2019

3 Cara Mengalihkan (Redirect) Link Lama ke Link Baru di Blogspot

3 Cara Mengalihkan Redirect Link lama ke link baru di blogspot
Cara Mengalihkan (Redirect) Link Lama ke Link Baru di Blogspot - Ketika saya mengenal Blog dan mencoba memakai Top Level Domain (TLD) dari calok atau penyedia domain murah non resmi dari penyedia domain langsung, karena kantong tidak mendukung untuk membeli dari penyedia domain resminya. Tanpa diketahui calok tersebut mendapatkan domain dari mana dan bagaimana cara mendapatkannya. Akhirnya domain yang sudah pakai tersebut hanya bertahan 2 minggu saja atau domain tersuspend.

Mau tidak mau saya harus mencari cara bagaimana domain yang tersuspend, harus di buat redirect ke url blogspot kembali agar postingan yang sudah terindex tetap bisa terbuka dan Blog masih bisa di akses oleh pengunjung. Sejak tersuspendnya domain akibat tergiur atau tergoda dengan domain murah, saya memiliki pengalaman untuk di ceritakan ke blogger lain yang ingin membeli domain murah bukan dari situs resminya dan sebagai pengalaman untuk keadaan apapun harus membeli/menyewa dari situs resmi penyedia domain untuk menghindari hal yang tidak di inginkan lainnya.

Para Blogger biasa menyebut metode ini dengan Redirect 301, yaitu sebuah kode atau script yang digunakan dan di pasang pada template tema Blog nya untuk mengalihkan suatu URL ke URL baru secara permanent selama script tersebut masih terpasang di tema Blog itu. Redirect 301 juga biasa digunakan oleh Blogger untuk berpindah Blog dengan alasan tertentu dan untuk menghindari terjadinya penurunan pengunjung.

3 Cara Membuat Redirect Link di Blogspot

Berikut adalah 3 Script Redirect yang dapat di gunakan dengan fungsi yang sama, yaitu untuk mengalihkan Domain atau Blog.
  • Login akun Blogger
  • Masuk ke Menu Tema dan pilih Edit HTML
  • Copy salah script dibawah ini yang ingin digunakan dan paste dibawah <head>

1. Menggunakan Meta Tag Refresh Untuk Redirect Link

Ketika pengunjung datang membuat postingan dengan link masih yang lama atau membuka Link yang sudah terindex di mesin pencarian, sedangkan Link tersebut sudah tidak ada. Maka Halaman akan otomatis refresh (memuat ulang) untuk mengganti Link yang dituju menjadi Link terbaru.
<meta content='2;url=http://www.masrinaldo.com' http-equiv='refresh'/>
Sesuaikan berapa lama Blog akan refresh untk mengalihkan link Blogspot dengan mengganti nilai pada content='2; dalam satuan detik dan ganti www.masrinaldo.com dengan URL baru.

2. Menggunakan Redirect URL Untuk Beralih ke Blog/Domain Baru

Cara kedua ini otomatis akan langsung redirect jika sudah merubah atau mengganti domain yang tersedia, karena link atau url blog awal akan terbaca otomatis dimana script berikut di pasang.
<script type='text/javascript'>
var d='<data:blog.url/>';
d=d.replace(/.*\/\/[^\/]*/, '');
location.href='http://www.masrinaldo.com';
</script>
Pada URL www.masrinaldo.com, silahkan sobat sesuaikan dengan URL tujuan atau Blog akan dialihkan kemana.

3. Membuat Redirect Postingan ke Postingan Lain

Cara Redirect Link Blogspot yang terakhir ini digunakan untuk Mengalihkan suatu postingan lain, dengan alasan tertentu seperti Link mati atau sudah dihapus dan alasan lainnya.
<script>
if (window.location.href=='http://www.masrinaldo.com/linkawal.html')
{
window.location.href="http://www.masrinaldo.com/linktujuan.html";
}
</script>
Pada Link www.masrinaldo.com/linkawal.html ganti dengan Link/postingan yang akan dialihkan dan Ganti www.masrinaldo.com/linktujuan.html dengan Link halaman/postingan tujuan.

Demikian artikel mengenai "3 Cara Mengalihkan (Redirect) Link Lama ke Link Baru di Blogspot" yang semoga dapat membantu sobat untuk mengalihkan sebuah Blog atau Halaman.

Rabu, 16 Oktober 2019

Cara Membuat Postingan Blog Hanya Bisa di Copy Bagian Tertentu Saja

cara Membuat Postingan Blog Hanya Bisa di Copy Bagian Tertentu saja
Cara Membuat Postingan Blog Hanya Bisa di Copy Bagian di Tertentu Saja- Di postingan sebelumnya mas rinaldo sudah pernah mempublikasikan artikel Cara Otomatis Mengganti TeksYang di Copy Pengunjung. Tetapi tutorial yang sudah saya buat tersebut tidak dapat menentukan bagian mana saja yang dapat dicopy dan bagian mana yang tidak dapat dicopy. Sedangkan jika postingan yang memuat konten tutorial seperti postingan yang berisikan script atau kode yang harus dicopy. Karena postingan tersebut tidak bisa di copy oleh pengunjung, mau tidak mau pengunjung tersebut harus mengetik ulang script tersebut.

Tentunya hal itu akan membuat pengunjung menjadi kesal dan bisa saja pengunjung ada kesalahan ketika mengetik ulang script tersebut, akhirnya pengunjung menutup blog sobat karena susahnya tutorial yang diakibatkan pengunjung tidak bisa mengcopy

Dan tujuan dibuatnya postingan ini adalah sebagai alternatif dari tutorial anti copas yang sudah pernah dibuat yaitu Membuat Postingan Blog tidak Bisa di Copy kecuali di Bagian Tertentu jika didalam postingan terdapat script atau hal yang penting untuk pengunjung harus mengcopy script tersebut.

Cara Memasang CSS Akses Copy kecuali Bagian Tertentu

Meskipun ini termasuk bisa membuat pengunjung kesal, tetapi setidaknya cara ini dapat mencegah Copaser dan pengunjung masih tetap bisa mengcopy di bagian tertentu.

1. Login akun Blogger
2. Masuk ke menu Tema dan pilih Edit HTML
3. Copy CSS berikut dan paste di sebelum </b:skin> atau </style>
Untuk menambahkan bagian tertentu untuk bisa di copy. Silahkan sobat tambahkan nama ID atau Class di bagian kedua Sebelum .post blockquote,.post pre,.post code dan sebagai contoh sobat ingin menambahkan agar komentar bisa copy. Maka sobat bisa menambahkan .comment_body p,.post blockquote dan id lainnya.
4. Klik Simpan Tema
5. Cobalah buat postingan apa saja dan coba bungkus atau tambahkan class dibagian tertentu dengan salah satu id class yang sudah di tentukan sebelumnya untuk mencoba apakah berfungsi atau tidak.

Demikian postingan mengenai "Cara Membuat Postingan Blog Hanya Bisa Di Copy Bagian Tertentu Saja" yang semoga dapat membantu sobat untuk mencegah copaser, tetapi tidak terlalu membuat pengunjung kesal

Cara Membuat Fitur Catatan Keren Sebagai Blockquote di Postingan Blogger

Membuat fitur catatan keren sebagai Blockquote di postingan Blogger
Cara Membuat Fitur Catatan Keren Sebagai Blockquote di Postingan Blogger - Untuk sobat yang akan membaca postingan membuat fitur catatan blockquote. Sebaiknya melakukan backup template untuk menghindari terjadinya kesalahan menghapus, merubah atau mengganti css yang sudah ada yang membuat blockquote yang akan dipasang ini menjadi berantakan.

Blockquote yang sering digunakan Blogger sebagai Note sesuatu yang penting atau biasa disebut juga dengan fitur catatan. Umumnya Blockquote ini memiliki tampilan yang berbeda atau tergantung pada template yang sobat gunakan.

Dengan memberikan tampilan mencolok atau berbeda dengan tampilan yang ada didalam postingan, Blockquote ini tentunya akan menarik perhatian atau mengundang mata untuk dibaca. Seperti dengan memberi tampilan kotak dengan warna, membuat jenis huruf berbeda dan Huruf menjadi miring. Secara tidak langsung dengan adanya tampilan yang berbeda blockquote tersebut, pengunjung pasti sudah tahu kalau fitur catatan blockquote tersebut adalah sesuatu yang penting untuk dibaca ketika sedang membaca postingan tutorial.

Cara Mengganti Tampilan Blockquote Menjadi Catatan Keren di Blogger

Diingatkan kembali untuk sobat yang mengganti blockquote bawaan template yang sudah dipakai, agar membackup atau menyalin template sebelum mengikuti tutorial ini.

1. Login ke akun Blogger
2. Pilih menu Tema dan Masuk ke Edit HTML
3. Carilah CSS blockquote bawaan pada template yang sobat pakai dan biasanya dengan letak secara berurutan seperti :
.post-body blockquote .post-body blockquote:before dan .post-body blockquote:after
4. Ganti ketiga CSS tersebut dengan kode CSS Catatan Blockquote berikut :
5. Klik Simpan Tema
6. Silahkah coba membuat postingan dengan membungkus kalimat tertentu dengan Blockquote melihat tampilan fitur catatan keren yang sudah sobat ganti.

Karena masrinaldo.com sudah mengganti blockquote menjadi catatan keren di blognya. Maka sobat bisa melihat hasilnya seperti ini. Pastinya sobat akan membaca catatan berikut tanpa harus diminta, karena memiliki penampilan yang berbeda ketika membaca postingan.

Demikian postingan dari Mas Rinaldo mengenai "Cara Membuat Fitur Catatan Keren Sebagai Blockquote di Postingan Blogger" yang mudah-mudahan dapat menambah ganteng fitur-fitur yang ada di Blog sobat.

Senin, 14 Oktober 2019

Cara Menambahkan Fitur Baca Juga (Artikel Terkait) di Tengah Postingan Blogger

cara menambahkan fitur baca juga artikel terkait di tengah postingan blogger
Cara Menambahkan Fitur Baca Juga (Artikel Terkait) di Tengah Postingan Blogger - Ketika sobat membaca dan berkunjung di Blog lain. Pasti sobat pernah menemukan Baca Juga atau artikel terkait di tengah postingan. Awalnya saya mengira itu dibuat manual disetiap membuat artikel dan berfikir, ini admin kalau sudah mempublikasikan artikel sampai ratusan apakah harus mencari satu persatu dan memasukan link pilihan tersebut.

Ada beberapa Blogger yang memang menggunakan cara manual membuat fitur baca juga tersebut agar dapat memilih postingan mana yang benar-benar berhubungan atau relevan. Dan ada juga yang menggunakan cara otomatis menampilkan artikel terkait atau baca juga di tengah postingan, karena tidak mau susah dan ribet mencari postingan.

Menambahkan fitur baca juga di tengah postingan ini bisa dikategorikan sebagai internal link yang berguna meningkatkan Pageview dari pengunjung karena akan menampilkan postingan lainnya pada label yang sama. Tetapi fitur baca juga atau artikel terkait yang dibuat otomatis ini, banyak yang tidak menyarankan karena link yang tampil dari fitur artikel terkait tersebut tidak akan terindex dan SERP di mesin pencarian tidak akan meningkat.

Maka tidak heran jika Blogger senior banyak yang menggunakan Fitur baca juga dengan cara menambahkan manual ketika membuat artikel di bandingkan di buat otomatis dengan menambahkan script pada template.

  • Memasang Baca Juga atau Artikel Terkait di Tengah Postingan

Hanya sekedar saran dari masrinaldo.com untuk sobat yang ingin menggunakan fitur baca juga otomatis di postingan, sebaiknya menambahkan internal link lainnya yang di tambahkan manual juga.

Langkah - langkah Menambahkan Baca Juga Otomatis

  • Login akun Blogger
  • Masuk ke Menu Tema dan Buka Edit HTML
  • Copy script dibawah ini dan paste dibawah atau setelah <data:post.body>
Biasanya kode <data:post.body> ini ada lebih dari satu dalam template dan cobalah paste script tersebut di bagian ke dua atau ketiga (Coba satu persatu agar fitur baca juga hingga tampil di tengah postingan)
  • Memperganteng tampilan fitur baca juga dengan menambahkan CSS. Copy script dibawah ini dan paste sebelum </b:skin> atau </style>
Karena CSS diatas masih menggunakan fontawesome. Pastikan template sobat sudah terpasang javascript dari fontawesome agar icon dapat tampil dan menjadi lebih ganteng.
  • langkah terakhir copy semua script berikut dan paste diatas atau sebelum </head>
  • Klik Simpan Tema

Demikian artikel mengenai artikel mengenai "Cara Menambahkan Fitur Baca Juga (Artikel Terkait) di Tengah Postingan Blogger" yang semoga dapat membantu sobat untuk menampilkan artikel terkait pada label yang sama secara otomatis di dalam postingan.

Source code : https://www.arlinadzgn.com/2017/01/memasang-artikel-terkait-di-dalam-postingan.html

Minggu, 13 Oktober 2019

Cara Memasang Fitur Show atau Hide Komentar di Blogger

Cara memasang fitur show hide comments blogger
Cara Memasang Fitur Show atau Hide Komentar di Blogger -  Di postingan sebelumnya masrinaldo.com sudah membuat postingan Membuat Blog menjadi kencang dengan lazy load iklan Google Adsense. Jadi seorang Blogger memang tidaklah mudah, selalu berusaha untuk meningkatkan kualitas Blognya untuk kenyamanan pengunjung dan salah satunya adalah merapihkan fitur komentar di blogger menggunakan fitur show hide untuk meminimalisir kapasitas halaman yang dapat mengganggu pengunjung.

Artikel yang sudah memiliki komentar cukup banyak di sebuah postingan akan biasa saja jika dilihat dan dibaca oleh pengunjung menggunakan mode desktop atau komputer. Tetapi tanggapan itu berbeda dengan pengunjung yang tidak berniat untuk melihat komentar karena menggunakan smartphone, sedangkan di postingan tersebut sudah memiliki dan menampilkan banyak komentar.

Tentunya pengunjung yang sebelumnya ingin menjangkau navigasi related post atau navigasi lainnya tanpa harus kembali ke halaman sebelumnya akan menjadi susah, karena pengunjung harus melewati semua komentar di blog tersebut.

Dan itulah tujuan utama di buatnya postingan ini yang berguna untuk meningkatkan kembali kenyamanan pengunjung, dengan memasang fitur show atau hide komentar di blogger.

Fitur Show atau Hide Comments Blogger

Fitur ini bisa dikatakan menyembunyikan komentar di blog dan jika pengunjung ingin membaca atau berkomentar, maka pengunjung bisa klik Show menampilkan komentar. Sebagai contoh, sobat bisa melihat komentar di postingan masrinaldo.com ini yang sudah menggunakan fitur show hide komentar juga sebagai Demo.

1. Login akun Blogger
2. Perhatikan tabel berikut terdapat 4 menu, yaitu HTML - CSS - JS - Result
See the Pen showhidecommentsblogger by William Rinaldo (@masrinaldo) on CodePen.
3. Copy semua script di Menu HTML
4. Cari kode <div class='comments' id='comments'> atau id='comments' dan ganti kode tersebut dengan script yang sudah di copy pada langkah ke 3
Biasanya markup (comments) tersebut ada dua di template. Maka ganti keduanya oleh script langkah ke 3 dan jika sobat mencari hanya menggunakan id='comments' saja, sobat tetap harus mengganti satu markup tersebut (bukan id='comments' nya saja).
 5. Memperganteng tampilan fitur show atau hide komentar di blogger dengan menambahkan gaya. Copy semua script di Menu CSS pada tabel di atas
6. Cari dan paste script langkah ke 5 sebelum /b:skin atau /style
7. Menambahkan fungsi Onclick di fitur show or hide comment blog. Copy semua script di Menu JS pada tabel diatas
8. Paste script tersebut sebelum atau diatas /body
9. Klik Simpan Tema

  • Mungkin ada beberapa template yang menggunakan markup comment berbeda, jadi sobat harus dapat menyesuaikan markup yang ada di template.
  • jika fitur show atau hide komentar ini tidak ingin ditampilkan di halaman tertentu. Sobat bisa menambahkan Tag kondisional yang diletakan diatas markup dan jangan lupa untuk menutup tag tersebut.

Demikian postingan mengenai "Cara Memasang Fitur Show atau Hide Komentar di Blogger" semoga dapat membantu sobat untuk meningkatkan kenyamanan pengunjung.

Source code : https://www.arlinadzgn.com/2015/10/show.and.hide.comments.blogger.dengan.onclick.event.html

Sabtu, 12 Oktober 2019

Blog Jadi Kencang Dengan Lazy Load Google Adsense di Blogger

blog jadi kencang dengan memasang script lazy load adsense di blogger
Blog Jadi Kencang Dengan Lazy Load Google Adsense di Blogger - Ketika sobat sudah di terima jadi publisher Google Adsense dan sudah menampilkan iklan di Blog. Pastinya kecepatan Blog akan menjadi berkurang atau Blog menjadi berat. Maka tidak heran banyak Blog yang memasang Lazy load dan disarankan juga oleh Blogger senior untuk menyeimbangkan kembali kecepatan walaupun tidak sepenuhnya.

Singkat cara kerja javascript lazy load google adsense ini adalah iklan yang sudah dipasang di blog tersebut akan ditunda untuk sementara waktu saja dan iklan akan tampil ketika pengunjung sudah melakukan scroll atau mengeser halaman sampai bagian yang terpasang iklan.

Dengan memasang lazy load ini, sobat akan tetap mempertahankan kualitas Blog. Diantaranya adalah mempertahankan kecepatan Blog untuk kenyaman pengunjung agar tidak pergi karena menunggu blog terbuka sepenuhnya dan Script Lazyload juga dapat membantu menghindari terbannednya Google Adsense akibat traffic invalid dari pengunjung sampai ulah jahil dari j**gling,

Karena traffic invalid tersebut biasa terjadi, pengunjung yang salah membuka postingan kemudian langsung menutup halaman atau pengunjung mencari sesuatu di postingan soba tapi tidak menemukan yang dicarinya. Begitu juga dengan ulahnya j**gling yang terkenal dapat mengakibatkan terbannednya adsense.

Baca : Cara Memasang Adblock Killer di Blogger

2 Cara Memasang Lazy Load Untuk Meningkatkan Kecepatan Blog

Lazy Load ini akan berfungsi jika sobat sudah menghapus javascript external dari Goolge adsense yang terdapat di template blog sobat untuk semua jenis iklan maupun tag atau juga yang terpasang di Tata Letak. Cari dan hapus Javascript adsense seperti berikut, karena javascript yang dihapus tersebut nantinya akan dipasang kembali didalam script lazy load.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Setelah menghapus javascript external adsense tersebut, sobat lanjut ke langkah selanjutnya.

1. Lazy Load Iklan Adsense Tampil Untuk di Device

Script lazy load pertama ini bekerja akan menampilkan iklan disemua device seperti Smartphone, Seluler, Desktop/Pc dan Laptop
  • Login ke akun Blogger
  • Masuk ke Tema dan buka Edit HTML
  • Copy semua script dibawah ini dan paste sebelum </body> atau /body
  • Klik Simpan Tema atau Save Template

2. Lazy Load Iklan Adsense Khusus Device Desktop

Script lazy load kedua ini bertujuan akan menampilkan iklan Google Adsense hanya pada Desktop saja seperti (Komputer/pc dan Laptop)
  • Login akun Blogger
  • Buka menu Tema dan masuk ke menu Edit HTML
  • Copy semua script berikut dan paste sebelum </body> atau /body
  • Klik Simpan Tema / Save Template

Untuk menghindari menurunnya penghasilan Google adsense, sebaiknya sobat menggunakan script lazy load untuk menampilkan disemua device. Karena iklan yang tampil tidak akan memandang pengunjung menggunakan jenis device.

Demikian artikel mengenai "Blog Jadi Kencang Dengan Lazy Load Google Adsense di Blogger" dapat membantu sobat untuk mempertahankan performa blog meskipun sudah menampilkan iklan Google Adsense dengan memasang lazy load, karena tertundanya tampil iklan tersebut sebelum pengunjung menggeser halaman.