Panduan Lengkap Cara Menggunakan Slider Revolution Lengkap dengan Gambar

Panduan Lengkap Cara Menggunakan Slider Revolution Lengkap dengan Gambar

Slider Revolution adalah slider premium yang biasa digunakan sebagai plugin WordPress, plugin jQuery dan plugin Joomla. Plugin ini mendapatkan popularitas yang luar biasa di komunitas WordPress karena menyediakan beragam fitur keren dan kemudahan dalam penggunaannya.

Dalam postingan ini kami akan membahas fitur utama dari Plugin WordPress Revolution Slider, dan kami akan buktikan betapa mudahnya membuat slider dari awal hingga menjadi slider profesional dan keren.

Ada banyak fitur yang dapat dibangun di Revolution Slider untuk membuat slider dengan mudah. Berikut adalah beberapa yang kami rekomendasikan:

Responsive Layout

Plugin Revolution Slider menyediakan beberapa pilihan layout slider untuk mempermudah Anda. Anda bisa memilih jenis slider yang Anda inginkan: slider standar, hero scene (single slide) atau slider carousel. Kemudian pilih layout: otomatis, lebar penuh atau layar penuh.

Opsi layout otomatis memungkinkan Anda mengatur ukuran slider menggunakan resolusi yang tepat, dengan opsi tambahan untuk mengatur ukuran slider pada berbagai perangkat (desktop, laptop, tablet, dan telepon).

Opsi layout yang paling kami sering digunakan adalah opsi layar penuh. Dengan opsi ini Anda dapat membuat slider yang benar-benar menyesuaikan ukuran layar Anda, tidak peduli ukuran browser atau perangkat Anda (Anda bahkan dapat menggunakan opsi ini untuk menambahkan slider layar penuh dengan video). Biasa juga disebut sebagai slider responsive.

Multiple Content Sources

Ingin membuat slider untuk pos artikel Anda? Atau untuk produk WooCommerce Anda? Bisa kok, Anda bisa memilih dari 11 sumber konten berbeda saat membuat slider. Slider Revolution mendukung konten berdasarkan posting blog, posting tertentu, posting / halaman saat ini (Anda juga bisa menambahkan slider untuk posting blog atau item portofolio), Flickr, Instagram, WooCommerce, Twitter, Facebook , YouTube, Vimeo, atau slider default (unggah gambar / video Anda sendiri).

Pilihan Mudah

Slider Revolution memudahkan Anda untuk membuat slider kustom dengan menambahkan berbagaimacam opsi. Pilih slide delay, arrow navigasi, font kustom, tambahkan background paralax, lokasi slider (mengatur margin),  layer media, menambah tombol,  animasi transisi slide dan banyak lagi.

Anda dapat menyesuaikan sesuai dengan kebutuhan Anda, Anda juga dapat menyimpan setiingan Anda sendiri untuk menggunakan kembali style font, transisi slide dan animasi layer yang Anda sukai.

Dukungan Media

Tambahkan teks, tautan, gambar, dan video hanya dengan beberapa klik. Hal ini akan memberikan Anda kemampuan untuk membuat slide yang dapat diidentifikasi oleh pembaca dan klien Anda. Selain itu, setiap jenis media ini dapat ditambahkan dengan animasi, waktu, dan style unik yang telah Anda tetapkan dengan menggunakan Slider Revolution.

Anda bisa mendapatkan potongan harga hosting hingga 40% + 10% di Niagahoster dengan menggunakan kode promo Niagahoster a-GETDISC10 berlaku untuk segala jenis hosting.

Pemasangan Slider Revolution

Pertama Anda harus memiliki Plugin WordPress Revolution Slider. Ada beberapa metode berbeda untuk menginstal plugin sesuai dengan kondisi Anda, apakah Anda membeli plugin  sendiri atau apakah itu sudah paket dari tema premium Anda.

1. Instalasi Slider Revolution

 

Jika Anda membeli salinan Slider Revolution Anda sendiri dari log CodeCanyon ke akun Envato Anda dan masuk ke halaman unduhan Anda (Anda bisa mendapatkan halaman ini dengan melayang di nama pengguna Anda). Kemudian cari salinan Slider Revolution Anda dan pilih opsi unduhan untuk “Installable WordPress file only.”

Selanjutnya, masuk ke situs WordPress Anda dan arahkan ke Plugins> Tambah Baru dan klik tombol "Upload Plugin" di kiri atas layar Anda.

Dari sini, gunakan tombol "Pilih File" untuk memilih file plugin yang baru saja Anda unduh dari CodeCanyon, dan klik tombol "Pasang Sekarang". Setelah itu aktifkan plugin dan Anda siap untuk mulai membangun slider!

Catatan: Anda juga dapat menginstal plugin Anda melalui FTP dengan masuk ke server Anda menggunakan ftp dan mengupload plugin yang sudah diekstrak (unzip) ke folder server Anda yang terletak di wp-content / plugins.

2. Instalasi Slider Revolution dari Premium Theme

Banyak tema premium yang sudah menyertakan plugin berbayar untuk menarik pelanggannya. Jika anda ingin memasang plugin Slider Revolution yang disediakan dari tema, Anda tidak perlu khawatir karena sebagian besar pengembang telah mempermudah proses instalasi bahkan untuk orang awam sekalipun dapat melakukannya.

Misalnya, jika Anda menggunakan tema Total WordPress, Anda dapat melihat notifikasi untuk melakukan instalasi Slider Revolution (dan plugin lain yang disertakan dengan tema). Cukup klik tautan untuk mulai menginstal dan kemudian aktifkan plugin.

"Total Theme" juga menyediakan opsi demo import untuk menginstal sesuai dengan desain sample yang telah dibuat oleh pengembang. Jika Slider Revolution digunakan untuk membuat demo yang Anda impor, Anda akan diminta untuk menginstal plugin seperti yang terlihat di atas.

Kemudian pastikan pilihan untuk "Impor Sliders" telah dicentang, dan template secara otomatis akan mengimpor setiap slider dari demo. Mudah Bukan?

Tutorial Menggunakan Slider Revolution

Setelah menginstal plugin, Anda harus membuka halaman slider revolution dengan melakukan klik pada Menu Slider Revolution yang terdapat di pilihan navigasi sebelah kiri untuk dibawa ke halaman manajemen slider Slider Revolution.

Dari sini Anda dapat membuat atau mengedit slider, mengaktifkan lisensi Anda jika Anda membeli salinan plugin Anda sendiri (jika slider disertakan dengan tema Anda, Anda dapat mengabaikan bagian ini) dan melihat apakah salinan plugin Anda sudah diperbarui.

Pengaturan Global Revolution Slider

Sebelum memulai membuat, kami sarankan untuk mengunjungi opsi Pengaturan Global (yang merupakan submenu di bawah Slider Revolution).

Ada banyak opsi di sini untuk menetapkan grid responsif default (default), URL pemuatan teks kustom, membuat data dasar untuk plugin dan banyak hal lagi. Namun ada dua opsi yang kami rekomendasikan untuk Anda.

Opsi pertama yang harus Anda ketahui adalah opsi lihat Izin Plugin yang dapat Anda gunakan untuk mengatur akses plugin. Ini adalah cara mudah untuk mengetahui Anda, perancang web Anda atau admin lain adalah satu-satunya orang yang membuat slider di situs Anda (sangat membantu jika Anda memiliki penulis tamu di blog Anda).

Opsi kedua yang mungkin ingin Anda lakukan adalah opsi nonaktifkan adalah opsi untuk menonaktifkan Pemberitahuan. Jika Anda menggunakan Slider Revolution yang disertakan dengan tema premium, Anda mungkin akan melihat pemberitahuan "upgrade". Anda bisa menggunakan opsi ini untuk menyembunyikan pemberitahuan jika Anda merasa ini sangat mengganggu. Kemudian simpan perubahan Anda.

Sekarang Anda dapat mulai membangun slider! Anda memiliki tiga opsi - mulai dari awal, ambil file ekspor gratis dari "contoh penggunaan" Slider Revolution atau impor contoh slider yang disertakan dari tema Anda.

Import a Sample Slider

Jika Anda memilih untuk mengimpor slider dari contoh demo Revolution Slider, download dulu file slider dari situs mereka, lalu arahkan kembali ke WordPress Anda, klik pada opsi Impor Slider. Dari sini, telusuri file yang Anda download tadi dan klik Unggah. Tunggu hingga proses selesai, setelah menambahkan demo slider dan semua pengaturannya maka Anda dapat menggunakannya sebagai dasar untuk slider baru.

Buat Slider Baru

Jika Anda membuat penggeser dari awal, klik pada opsi Penggeser Baru. Sekarang mulai dari atas

Pilih sumber konten: pilih bagaimana Anda ingin menambahkan konten ke slider Anda. Ada 11 sumber konten untuk dipilih, tetapi untuk sebagian besar Anda akan ingin memilih opsi default.

Tambahkan judul slider & shortcode: Pilih nama untuk slider Anda yang akan membantu Anda mengingat apa yang ada di dalamnya atau halaman apa yang Anda gunakan. Ini juga tempat Anda akan menemukan kode pendek yang mudah untuk slider Anda untuk memasukkannya ke dalam posting dan halaman.

Pilih jenis slider: Pilih jenis slider, dan pilih preset untuk memuat preset yang termasuk dalam plugin.

Pilih layout slide: Pilih layout dan ukuran slider Anda (dalam piksel). Anda dapat mengatur ukuran khusus berdasarkan ukuran layar, meskipun layar penuh akan mengisi seluruh layar browser Anda. Terlepas dari opsi mana yang Anda pilih, Anda harus menambahkan lebar & tinggi slider yang akan menentukan ukuran penampung layout Anda.

Selanjutnya kembali ke bagian atas layar Anda untuk mulai mengedit slider Anda.

Pengaturan Slider

Di sebelah kanan Anda akan melihat banyak opsi slider. Berikut adalah penjelasannya:

Pengaturan Umum: Atur pilihan pertunjukan slide, atur durasi slide default Anda (lamanya waktu slide ditampilkan untuk), edit transisi / animasi dan latar belakang default, aktifkan bilah kemajuan (dan edit posisi dan gaya), edit pengaturan slide pertama, aktifkan slide berikutnya fokus dan nonaktifkan blur.

Tata Letak & Visual: Edit bayangan, overlay, latar belakang slider utama, aktifkan pemintal loader, nonaktifkan slider Anda di ponsel (atau di bawah lebar tertentu) dan pilih posisi slider di halaman.

Navigasi: Sesuaikan pilihan dan pengaturan untuk panah sider, bullet, tab dan thumbnail. Juga aktifkan navigasi sentuh, gesek, navigasi keyboard, dan gulir mouse.

Parallax & 3D: Aktifkan parallax dan / atau dukungan 3D plus sunting sensitivitas mouse dan level kedalaman paralaks.

Performa dan SEO: Aktifkan pemuatan yang malas dan monitor kinerja slider.

Penanganan Masalah: Aktifkan fallback dan pecahkan masalah kesalahan bilah geser apa pun.

Google Fonts: Muat khusus keluarga Google Fonts khusus untuk slider Anda (tambahkan font mana yang Anda inginkan atau perlu menambahkan layer teks yang cocok dengan sisa situs web Anda ke slide Anda).

Impor / Ekspor / Ganti: Impor template khusus, ekspor slider Anda saat ini untuk digunakan kembali di situs web lain dan gunakan opsi untuk mengganti url di slider Anda.

Fungsi API: Mengedit metode dan acara api (sebaiknya Anda mengabaikan tab ini kecuali Anda pengembang lanjutan).

Setelah selesai membuat pilihan, klik tombol hijau di bagian atas layar untuk menyimpan perubahan Anda. Setelah itu klik pada gambar pensil biru untuk mulai mengedit slide!

Add or Edit Slides

Sekarang Anda bisa mulai menambahkan slide Anda. Ada dua atau tiga opsi slide bergantung pada apakah Anda memulai dari awal atau menggunakan panel geser contoh: Lapisan Statis / Global, slide yang sudah dibuat, dan Tambahkan Slide.

Lapisan Statis / Global akan dilihat sebagai hamparan di atas semua salindia yang Anda buat. Ini adalah cara yang bagus untuk menambahkan logo atau tanda air, sertakan tombol "Beli Sekarang" untuk produk Anda atau bahkan tautan untuk berlangganan nawala Anda.

Pilih slide yang keluar untuk melakukan perubahan pada slide yang sebelumnya Anda buat atau impor sebagai bagian dari panel geser sampel. Ini adalah salah satu cara termudah untuk memulai dengan Slider Revolution jika Anda baru menggunakan plugin ini, karena slider contoh mereka menunjukkan cara menggunakan berbagai fitur plugin dengan baik untuk membuat slider yang mengesankan. Klik Tambah Slide untuk mulai membuat slide dari awal.

Pertama, gunakan opsi Background Utama untuk memilih latar belakang slide Anda: gambar, URL eksternal, transparan (catatan - jika Anda mengatur latar belakang slider utama dalam pengaturan slider umum maka akan terlihat), warna solid atau video. 

Kemudian gunakan opsi untuk pengaturan sumber media, filter, tingkat paralaks (%), dan Ken Burns (efek animasi panning dan zooming) jika Anda ingin menyesuaikan slide Anda lebih lanjut.

Selanjutnya pindah ke Pengaturan Umum. Ini adalah tempat Anda dapat menyetel slide jika Anda tidak ingin slider Anda beranimasi segera setelah memuat, mengedit opsi perulangan slide atau menambahkan tanggal kedaluwarsa (lebih baik jika Anda membuat penggeser untuk tema liburan atau promosi). Fitur keren lain yang ada pada tab ini adalah kemampuan untuk mengatur Status Slide Anda untuk tidak dipublikasikan, dengan cara ini Anda dapat mengedit 
slide dan melihat pratinjau di bagian belakang situs web Anda tanpa slide baru yang dapat dilihat oleh pengunjung situs web Anda.

Jika Anda menggunakan navigasi thumbnail untuk slider Anda, tab Thumbnail menawarkan opsi untuk memilih gambar dan dimensi slide kustom. Tetapi jika Anda memilih untuk tidak menggunakan style navigasi ini, Anda dapat melewati tab ini.

Setelah selesai, Anda dapat beralih ke tab Slide Animation untuk menyesuaikan animasi transisi slider Anda. Ada lebih dari 80+ animasi untuk memilih dari opsi plus untuk rotasi, durasi dan pelonggaran.

Revolution Slider juga menawarkan opsi untuk pengaturan Tautan & SEO, Info Slide (parameter dan deskripsi khusus) dan Penghapusan Navigasi untuk menambahkan panah navigasi khusus, bullet atau thumbnail khusus untuk slide Anda.

Sekarang adalah waktu yang tepat untuk mengklik tombol hijau di bagian atas layar untuk menyimpan pengaturan Anda sebelum menambahkan layer dan style ke slide Anda.

Tambahkan Slide Layers

Saat menambahkan atau mengedit slide, Slider Revolution dikemas dengan berbagai pilihan menarik. Anda dapat memilih dari 8 opsi Tambahkan Layer yang berbeda:

• Teks / layer HTML digunakan untuk menambahkan judul, deskripsi, atau bahkan tautan. Tambahkan apa pun yang ingin Anda katakan pada slide Anda.
• Gambar sangat bagus untuk memasukkan logo Anda, menambahkan kedalaman pada slide parallax, menyisipkan sebelum / setelah set, dan banyak lagi.
• Layer Audio & Video cukup lurus ke depan. Pilih media yang ingin Anda sisipkan dan pilih file dari pustaka media Anda atau masukkan tautan (YouTube, SoundCloud, dll.). Kemudian tambahkan pengaturan untuk mengaktifkan perulangan, putar otomatis, slide berikutnya pada akhir, volume dasar, segmen awal / akhir dan preloading. Ini adalah cara mudah untuk menambahkan testimonial nyata ke slider Anda, video intro atau tutorial.
• Layer Button Option mencakup 21 ukuran dan radius perbatasan kombo yang dapat Anda edit warna, latar belakang, warna batas, ikon, font, hover state dan teks. Selain itu ada sejumlah pra-set yang membantu untuk tautan sosial ikon gulir mouse animasi, menu hamburger atau bahkan play / pause.
• Shapes dapat digunakan untuk menambahkan efek (seperti pulsing atau memancarkan warna di belakang tombol), untuk menentukan bagian dari lapisan teks (gunakan bentuk untuk menyorot hanya satu kata atau frasa) atau untuk menambah minat visual. Pilih latar belakang Anda, warna batas / ukuran, bentuk batas radius (0 untuk persegi, 100 untuk lingkaran), ukuran bentuk dalam piksel dan padding.
• Layer object dapat digunakan untuk memasukkan png, jpg, svg, atau ikon dari pustaka sumber daya gratis di ThemePunch.
• Impor untuk menyalin lapisan atau geser dari bilah geser lain di pustaka Anda. Cepat dan sederhana!

Klik tombol "Tambahkan Layer" untuk memulai, lalu gunakan opsi untuk benar-benar menyesuaikan atau memberi lapisan.

Layer Options

Jika Anda melihat ke atas pada bagian pratinjau slider utama Anda akan melihat bilah putih dengan banyak pilihan yang dapat Anda gunakan untuk mengedit dan menyesuaikan layer Anda saat Anda menambahkannya.

Gunakan opsi Style untuk mengedit font, warna, dan lokasi lapisan Anda. Ini mencakup semua hal mulai dari font Google khusus, ukuran font, tinggi garis, warna teks, latar belakang lapisan, padding / margin, perspektif, hover, toggle, dan lainnya.

Tab Animasi sama seperti yang Anda harapkan - itu memegang opsi untuk menambahkan dan menyesuaikan animasi entri dan keluar untuk lapisan Anda. Pilih template animasi preset, tambahkan pelonggaran dan edit durasi animasi.

Loop Setting sangat sederhana: Anda bisa membiarkan settingannya dinonaktifkan sehingga layer Anda cukup memuat dengan animasi yang sudah Anda pilih, atau mengaktifkan perulangan dengan memilih jenis. Pilih dari bandul, rotate, sideloop, pulse dan wave untuk memberi layer Anda animasi yang konstan dan berputar.

Mobile Setting ditemukan di bawah Visibilitas. Dari sini Anda dapat menentukan apakah lapisan harus terlihat pada perangkat tertentu, tersembunyi di bawah lebar yang ditetapkan atau hanya muncul di hover.

Behavior mencakup beberapa matikan membantu untuk menyesuaikan pengaturan lapisan Anda. Yang pertama adalah pengaturan untuk mengaktifkan respon otomatis dan respons elemen anak. Secara default, lapisan slide akan menyusut ketika jendela browser menyusut, nonaktifkan pengaturan ini untuk mempertahankan ukuran lapisan. Anda juga dapat mengedit perataan layer Anda dan offset responsif dari sini.

Gunakan tab Actions untuk menambahkan pengaturan lapisan kustom pada klik, masukkan mouse atau cuti mouse. Tindakan termasuk menggulir, beralih, pemutaran media, jeda, masuk ke layar penuh, tidak bersuara, dan lainnya.

Untuk pengguna tingkat lanjut atau pengembang, bagian Atribut dapat digunakan untuk menambahkan ID, kelas, dan pembungkus Anda sendiri untuk ditargetkan dengan kode khusus.

Dan terakhir, Paralaks / 3D menawarkan slider dengan desain 3D. Jika Anda melakukan scrool kebawah, gambar dengan efek parallax akan bergerak dengan efek 3D. Semakin tinggi persentasenya, semakin banyak layer Anda akan bergerak.

Layer Frame Times

Di bawah pratinjau slider Anda, Anda akan melihat waktu tayangan frame. Dari sini, Anda dapat mengedit penundaan ketika layer Anda akan beranimasi pada slide Anda. Anda juga dapat melihat waktu visual yang menunjukkan waktu layer dibandingkan dengan panjang waktu keseluruhan slide. Bagian yang diblok adalah waktu animasi layer Anda berjalan, dan bilah berwarna yang lebih terang adalah lama waktu layer Anda akan tayang.

Untuk mengedit durasi keseluruhan slide, cukup klik dan seret tag biru di kanan atas tabel.
Setelah menambahkan beberapa lapisan, Anda juga dapat menggunakan bagian ini untuk mengatur ulang layer Anda dengan mengedit nomor posisi, waktu masuk, atau dengan menyeret dan menaruh layer ke dalam urutan. Anda juga dapat menggunakan bagian ini untuk memutar slide dan melihat waktu saat melakukan pengeditan.

Simpan Slide Anda

Langkah paling penting adalah menyimpan slide Anda! Pastikan Anda Menyimpan atau Memperbarui slide Anda setelah melakukan perubahan apa pun. 

Jika Anda keluar dari slide pada saat melakukan perubahan (meskipun itu ke slide lain), Anda mungkin kehilangan semua perubahan yang telah Anda buat sebelum di save. Jadi pastikan untuk menyimpannya ya!

Setelah menyimpan, Anda dapat melanjutkan dan bekerja pada slide atau slider lain.

Menggunakan Slider Anda

Untuk menambahkan slider revolution yang telah Anda buat ke pos atau halaman apa pun, gunakan shortcode Slider Revolution yang Anda buat sebelumnya. 

Kode pendek ini dapat ditemukan dengan mengklik pada item menu Slider Revolution di dashboard Anda. Kode pendek akan terlihat seperti [alias rev_slider] berdasarkan alias yang Anda berikan slider saat pertama kali membuatnya. 

Cukup tempelkan kode pendek ke posting atau konten halaman Anda. Atau jika tema Anda mendukung slider tambahan, Anda dapat menambahkan shortcode di sana. Beberapa tema WordPress bahkan menyertakan modul khusus untuk slider.

Sebagai contoh, Tema WordPress "Total" sudah menyediakan plugin Slider Revolution dan plugin builder page built-in, Anda dapat menambahkan slider ke posting atau halaman apa pun hanya dengan memasukkan modul Slider Revolution yang berada di halaman edit page. Yang harus Anda lakukan adalah menambahkan modul slider revolution di row yang telah disediakan, pilih slider dengan dropdown (ini akan menampilkan daftar semua slider yang sudah Anda buat), lalu seret & letakkan slider ke tempatnya. Mudah kan?

Wrapping Up

Slider Revolution adalah salah satu plugin slider premium yang paling mudah digunakan, mereka menyediakan sejumlah template gratis (tersedia juga template premium jika Anda membeli lisensi Anda sendiri), visual editor yang mudah digunakan, dan banyak fitur bawaan yang membuat Anda tidak perlu mengtutak atik CSS untuk mengatur tampilan slide Anda (button, font, warna, dan lainnya sudah tersedia). 

Slider Revolution merupakan plugin yang sangat kami rekomendasikan untuk dipakai di website Anda. Tidak ada plugin yang bekerja lebih baik dibandingkan Slider Revolution.

Semoga panduan kami dapat membantu Anda. Untuk mempelajari lebih lanjut (atau mengambil Demo Slider) kunjungi halaman Slider Revolution ThemePunch. Mereka akan menunjukkan contoh-contoh demo slider yang elegan dan tautan ke demo langsung di mana Anda dapat 
melihat apa yang dapat dilakukan oleh Slider Revolution.

(resolusiweb.com) - https://resolusiweb.com/post/panduan-lengkap-cara-menggunakan-slider-revolution

2 Cara Mudah Agar Artikel Postingan Blog Tidak Bisa Dicopy

Tips cara memproteksi isi artikel postingan blog agar tidak bisa dicopy paste. Bagaimana caranya agar isi artikel postingan blog tidak bisa dicopy? Caranya dengan menggunakan script css dan javascript yang fungsinya mendisable atau mematikan fitur Ctrl+U ; Ctrl+P ; Ctrl+C maupun klik kanan.

Mengapa kita harus memasang script anti copas?
Tujuan utamanya adalah agar artikel original yang kita buat dengan susah payah dan memeras otak tidak dicopy paste oleh pencuri konten yang tidak bertanggung jawab. Sebagai seorang penulis tentu kita tidak ingin artikel berkualitas kita muncul di blog lain tanpa izin maupun mencantumkan credit link aslinya tentu hal tersebut akan merugikan kita.

Cara memproteksi artikel postingan blog agar tidak bisa di copy
Tips yang bisa digunakan untuk menghindari pencurian konten dengan cara memproteksi artikel postingan blog agar tidak bisa dikopi paste secara langsung bisa kita gunakan kode CSS (Cascade Style Sheet) maupun menggunakan javascript, berikut langkah-langkahnya:

Memproteksi artikel menggunakan Script CSS
Cara pertama yang bisa kita gunakan agar artikel postingan tidak bisa dicopy paste adalah dengan menggunakan script CSS, cara ini sebenarnya digunakan untuk mengatur tata letak halaman situs sekaligus mengelola design atau mendekorasi halaman situs, namun CSS bisa kita gunakan untuk membuat artikel postingan tidak bisa dicopy paste secara langsung, berikut langkah-langkahnya:
1. Pertama Login dulu ke www.blogger.com
2. Setelah dari Dasbor => klik Template => klik Edit HTML.
3. Kemudian klik sembarang pada kotak script dan tekan Tombol CTRL + F
3. Cari Code ]]></b:skin>
4. Kemudian copas Code berikut tepat diatas ]]></b:skin>

.post {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-ms-user-select:none;-moz-user-select:none;}

5. Jika menambah pengecualian hanya blockquote yang bisa dicopy, tambahkan juga code berikut

.post blockquote {-webkit-touch-callout:text;-webkit-user-select:text;-khtml-user-select:text;-ms-user-select:text;-moz-user-select:text;}

6. Simpan template dan lihat demo hasilnya

Mendisable fungsi tombol Ctrl+U ; Ctrl+P ; Ctrl+C dan klik kanan

Cara kedua yaitu dengan mematikan fungsi tombol Ctrl+U ; Ctrl+P ; Ctrl+c dan klik kanan yang pada umumnya dipakai untuk mengcopy isi artikel postingan, berikut langkah-langkahnya:

1. Pertama Login dulu ke www.blogger.com
2. Setelah dari Dasbor => klik Template => klik Edit HTML.
3. Kemudian klik sembarang pada kotak script dan tekan Tombol CTRL + F
3. Cari Code <body>
4. Ganti kode <body> tersebut dengan code di bawah ini.

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Jika kode <body> pada blog sobat seperti <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> maka tambahkan saja di belakangnya menjadi seperti ini : 

<body expr:class='&quot;loading&quot; + data:blog.mobileClass' oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

5. Simpan Template dan Lihat demo hasilnya

Keterangan :
oncontextmenu='return false;' = code untuk mendisable klik kanan
onkeydown='return false;' = code untuk mendisable Ctrl+U ; Ctrl+P ; Ctrl+C
onmousedown='return false;' = code untuk mendisable fungsi block

Gunakan kode sesuai keperluan sobat (jika blog berisi tutorial disarankan hanya menggunakan fitur onkeydown='return false;')

[dikutip dari tips.lintaskota.com]

Referensi blogger

https://tips.lintaskota.com

Tutorial Adsense - Tutorial Lengkap Bisnis Google AdSense Bagi Pemula

Tutorial Adsense - Tutorial Lengkap Bisnis Google AdSense Bagi Pemula

Anda ingin belajar cara mendapatkan uang hingga ribuan dolar perbulan dari program Google Adsense melalui tutorial Adsense yang lengkap? 

Pada tutorial Adsense berikut ini saya akan tunjukan dasar-dasar program Google Adsense yang harus Anda pahami, seperti bagaimana cara memulainya, bagaimana cara mendaftar Adsense, apa saja yang diperlukan sebelum mendaftar Adsense, apa saja yang diperlukan untuk menjalankan Adsense, bagaimana cara membuat penghasilan dari Adsense, bagaimana cara membuat dan memasang iklan Adsense, dan lain-lain.

Saya harap tutorial Adsense ini bisa bermanfaat bagi Anda, terutama para pemula yang ingin segera memiliki akun Adsense dan mendapatkan uang ribuan dolar atau puluhan juta rupiah setiap bulannya dari internet. Baiklah, mari kita mulai...

What is Google Adsense / Apa sih Google Adsense itu? 

Adsense adalah sebuah program yang bisa diikuti oleh siapa saja yang ingin mendapatkan penghasilan uang tambahan dari internet dengan cara memasang iklan Google Adsense pada website atau blog milik Anda.

Isi Iklan Adsense yang nantinya muncul dalam blog Anda akan menyesuaikan dengan isi konten blog Anda. Misalnya, jika konten situs Anda membahas tentang mobil atau otomotif, maka kemungkinan besar iklan Adsense yang muncul pun adalah iklan-iklan tentang otomotif. Sistem Google akan men-scan isi blog Anda dan mengirim iklan yang relevan/sesuai. (Google sangat canggih!).

Apakah program Google Adsense Gratis? 

Ya, program Google Adsense adalah 100% gratis!


Apakah orang Indonesia boleh mengikuti program Google Adsense? 

Ya, siapapun dan tinggal dimanapun Anda bisa mengikuti program Adsense. Program ini telah diikuti ratusan ribu orang diseluruh dunia termasuk Indonesia.

Apakah saya harus menguasai bahasa Inggris? 

Tidak perlu, Anda bisa memasang iklan Adsense pada situs berbahasa Indonesia maupun pada situs berbahasa Inggris.


Apa saja yang diperlukan untuk mendaftar Adsense? 

Yang Anda perlukan adalah sebuah blog sederhana yang berisi konten bermanfaat. Untuk mendaftar program Adsense nantinya situs Anda harus didaftarkan, jika diterima nantinya Anda bisa memasang iklan Adsense pada situs tersebut dan situs-situs lainnya milik Anda. Tips membuat situs yang bagus adalah fokus pada satu topik bahasan saja dan isinya harus asli (original bukan hasil copy paste), Gampang!


Berapa banyak uang yang bisa saya dapatkan dari Google Adsense? 

Banyaknya penghasilan Adsense yang bisa Anda dapatkan akan tergantung pada beberapa hal, seperti banyaknya orang yang mengunjungi situs Anda, kesusuaian isi situs dengan iklan Adsense yang muncul, banyaknya klik yang diperoleh, dan lain-lain.

Semakin banyak jumlah trafik pengunjung suatu blog maka kemungkinan besar pendapatan Adsense-nya pun akan semakin besar. Komisi per klik iklan Adsense biasanya antara $0.01 hingga beberapa dolar, dan bahkan bisa mencapai $10 per klik-nya (jika Anda tahu trik rahasiannya).

Cara mendaftar Adsense

Jika Anda belum memiliki akun Google Adsense silahkan buat dulu, daftarkan situs terbaik Anda agar cepat diterima. Saya sarankan gunakan email Gmail untuk medaftar Adsense agar mudah diintegrasikan dengan Google account dan produk Google lainnya (All in one).

Setelah mendaftar Adsense Anda harus menunggu hingga beberapa jam atau hingga beberapa hari, nantinya Anda akan mendapatkan email pemberitahuan dari Google mengenai status pendaftaran Adsense Anda, jika Anda diterima maka Anda akan langsung bisa log in ke situs Adsense dan bisa mulai menghasilkan uang.

Sedangkan jika Anda ditolak, cobalah mendaftar lagi dengan terlebih dahulu memperbaiki kekurangan situs Anda. Ketika Anda ditolak, Google Adsense support akan memberi tahu kenapa Anda ditolak untuk mengikuti program Adsense. Perhatikan peraturan Google Adsense dan peraturan Google Webmaster Guideline.

Bagaimana cara memasang iklan Adsense? 

Pertama log in dulu ke akun Adsense Anda, lalu menuju menu iklan ("My Ads"), kemudian pilih "Ads for content" dan buat iklan sesuai keinginan Anda. Tipsnya pilihlah iklan Adsense dengan ukuran besar agar iklan mudah diklik oleh pengunjung situs. Tentaukan warna iklan Adsense agar sesuai dan matching dengan warna situs Anda.

Manfaatkan juga fitur "Channel" baik itu URL channel atau custom channel yang berfungsi untuk melacak kinerja suatu iklan. Jika iklan Adsense selesai dibuat dan di setting maka akan muncul kode HTML/Javascript iklan Adsense (atau bisa juga dengan klik “get code”). Kemudian copy kode iklan Adsense tersebut ke HTML editor pada situs Anda dan paste. Jika semuannya benar maka iklan Adsense akan segera muncul pada situs.


Peraturan Adsense: 

-  Jangan pernah mengklik iklan Adsense milik Anda sendiri

-  Jangan pernah menyuruh atau mempengaruhi orang lain untuk mengklik iklan Adsense pada situs Anda

-  Jangan memasang iklan Adsense pada situs dengan konten ilegal seperti konten dewasa (17+), konten tentang kekerasan, konten tentang hacker dan sejenisnya.

-  Jangan memasang iklan Adsense pada situs yang tidak memiliki konten (situs kosong).


Cara mencairkan penghasilan Adsense 

Caranya mudah, jika penghasilan Adsense dalam akun Anda sudah mencapai $100 atau lebih, nantinya akan ada pemberitahuan bahwa penghasilan Anda sudah bisa dicairkan (biasanya diakhir suatu bulan). Pencairan komisi Adsense bisa dicairkan menjadi rupiah di tempat-tempat berlogo Western Union (WU) seperti di berbagai Bank, pegadaian dan kantor pos.

Selain melalui Western Union, kini pembayaran penghasilan Google Adsense juga bisa langsung ditransfer ke rekening Bank Anda yang ada di Indonesia.

Itulah tutorial Adsense yang bisa saya sampaikan secara umum, jika Anda ingin mendapatkan tutorial Adsense yang lebih lengkap, lebih jelas, dan lebih detail Anda bisa mendapatkannya dalam sebuah ebook tutorial Adsense yang berjudul "Adsense Mentalis".


Tips & Rekomendasi:

Jika Anda ingin tutorial Google Adsense yang sangat lengkap, saya merekomendasikan Anda untuk mempelajari ebook Adsense Mentalis. Ebook tersebut merupakan sebuah ebook premium yang yang pernah saya beli beberapa bulan yang lalu.

Saya merekomendasikan ebook tutorial Adsense tersebut karena menurut saya isinya sangat bagus, lengkap dan berbahasa Indonesia sehingga mudah dipahami. Ebook tersebut berisikan informasi, strategi dan trik-trik terbaru dalam mendapatkan ribuan dolar dari Google Adsense dengan cara yang sederhana, mudah dan cepat.

Informasi-informasi yang ada didalamnya kebanyakan tidak akan Anda dapatkan dimanapun karena ebook Adsense Mentalis ditulis langsung oleh seorang Blogger Profesional berdasarkan pengelaman pribadinya. Dalam ebook ini juga disertai dengan contoh-contoh dan studi kasus nyata sehingga mudah dipahami.

Waktu saya membeli ebook ini beberapa bulan yang lalu harganya masih murah, tapi kurang tahu harganya saat ini. Untuk mengetahui harganya Anda bisa melihat disitusnya www.adsmentalis.com. Saran saya, jangan takut untuk mengeluarkan sedikit uang demi sesuatu yang bermanfaat dan menguntungkan, karena semakin Anda banyak menunggu Anda bisa semakin ketinggalan.

Akhir kata, terima kasih telah mengunjungi blog saya, semoga artikel ini bisa bermanfaat.

Selamat mencoba dan semoga sukses!
(dari berbagai sumber )

Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat

Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Selamat liburan dan Selamat Datang kembali di blog kesayangan kita ini. Blog yang mengulas mengenai Tutorial Blog, bagi pemula dan bagi kita semua. Beberapa hari lagi negara kita Indonesia akan merayakan Dies Natalis Kemerdekaan Indonesia yang ke 69 tahun. Wah... tidak sadar, bahwa Indonesia sudah merdeka selama itu yah. Semoga Hari Kemerdekaan Republik Indonesia ini menjadi momen penting untuk kita bangkit dan semakin jaya di republik ini dan di mancanegara. Amin...

Kali ini, Mas Bro akan membahas mengenai Cara Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Mungkin anda bertanya, memangnya ada cara lambat yah? Jawabnya ada saja, coba saja kita memasang gambar header sambil lari-lari di jalan... bisa-bisa lama jadinya heheheeh... (bercanda ya MasBaro dan MbakBro).

Kenapa kita harus mengganti Header Blog kita dengan Gambar atau Logo? Alasannya cuma klasik kok. Biar blog kita semakin menarik untuk dilihat oleh pengunjung juga oleh kita sendiri. Setuju... Disisi lain, blog yang kita kelola terlihat rapi.

Biasanya, ketika kita membuat sebuah blog, maka tampilan Header Blog kita adalah Nama Blog dan Deskripsi Blog. Coba bayangkan apabila Deskripsi Blog kita sangat panjang sekali... bisa-bisa akan memakan tempat dan kelihatannya tidak elegan. So... diperlukan ruang yang luas. Terkecuali Deskripsi Bloha hanya 4 kata saja, tentu akan pendek bukan. Tapi semua tergantung selera saja kok. Ada yang sukanya blog apa adanya, ada juga yang mengantinya dengan gambar. Contohnya Blog yang anda baca ini. Saya menggantinya dengan gambar sendiri.

Kembali ke topik permasalahan kita, yaitu Memasang / Mengganti Gambar Header Pada Blog Dengan Cepat. Yuk simak di bawah ini.

Yang harus kita persiapkan adalah : File / Gambar dengan Type JPG, JPEG, PNG, GIF dengan ukuran sesuai tampilan Template Blog (Widget Headernya).

Langkah-langkahnya:
1. Bukalah Akun Blogger Anda sendiri yah (seperti biasanya)
2. Masuklah ke Elemen Tata Letak atau Layout
3. Pilih / Klik Widget Header (lihat gambar di bawah)

4. Klik Pilih File (lihat gambar di bawah lingkaran warna merah) lalu masukkanlah File Gambar yang telah anda sediakan tadi.

5. Bila koneksi Anda cepat, maka File Gambar akan langsung masuk. Bila koneksi lambat ya sabar-sabar saja dulu sampai gambar tampil seperti di bawah ini.

6. Apabila File Gambar Anda sudah masuk / tampil seperti gambar di atas, maka jangan lupa untuk Centang Selain Judul dan Keterangan (lihat tanda panah merah yang ada angka 1)

7. Lalu Simpan Widget dengan mengklik tanda Simpan (lihat tanda panah merah yang ada angka 2)

8. Selesai dan lihat hasilnya.
(sumber : bos tutorial)

Cara Simpel membuat URL Gambar Berformat bp.blogspot.com