Cara Agar Artikel Postingan Anda tidak Dicopy Paste Oleh Orang Lain

Habib Syuhada June 04, 2017 0

Anti Copy-Paste Artikel

Pernahkah anda mengalami pengalaman dimana artikel yang telah anda buat dengan susah payah di salin (copy-paste) oleh orang lain yang tidak bertanggungjawab dan seenaknya meletakan artikel anda di blog/websitenya tanpa izin dari pemilik asli artikel tersebut. Rasanya pasti sangat sakit dan marah melihatnya. Terutama artikel yang salin adalah artikel terbaik anda. Dan setelah itu anda merasa tidak ingin hal yang serupa terjadi lagi dimasa yang akan datang.Maka andapun akan mencari cara agar artikel anda tidak disalin seenaknya lagi oleh orang lain. Jadi, kali ini SkyBamboox akan memberikan beberapa Cara Agar Artikel Postingan Anda tidak Dicopy Paste Oleh Orang Lain.
Stop Copy Paste. Stop PLagiarism.
Hentikan Kegiatan Plagiat. Gunakan kreativitasmu.


Cara Menyalin/Copy-Paste Artikel Orang Lain.

Sebelum mengatasi masalah "copy-paste" ini, kita harus tahu cara bagaimana orang lain menyalin artikel kita. Tapi saya harap anda tidak menyalahgunakan informasi ini. Dan juga kami tidak bertanggung jawab atas tindakan penyalahgunaan informasi ini. Baiklah, langsung saja bahwa ada dua cara untuik menyalin artikel orang lain.

Menyalin Artikel Orang Lain secara Automatis Menggunakan Feed

Apa itu feed? Feed itu dapat digunakan untuk menampilkan informasi suatu blog. Bagi anda yang pernah berlangganan pada blog tertentu lewat email, fitur itu juga menggunakan feed. Anda dapat melihat Feed anda dengan membuka alamat :
alamatbloganda.blogspot.com/feeds/posts/default
atau :
 alamatbloganda.blogspot.com/feeds/posts/default?alt=rss
Singkat cerita, si pelaku memiliki tools yang bisa menyalin semua postmu dari Feed, Sehingga setiap anda mempulish post baru, tools ini akan mengambil post tersebut dari Feed dan mempublishkannya di blog si pelaku.

Menyalin Artikel Secara Manual 

Untuk cara yang satu ini, sipelaku menyalin artikel dengan memblok semua artikel lalu menmcopy dan mempastekannya di postnya secara manual. Seperti saat anda sekolah dulu, mengerjakan tugas dengan mencari jawabnya di google, lalu copy pastekan ke word dan langsung print. Kira-kira seperti itulah caranya.

Lalu, Bagaimana Cara Agar Artikel Postingan Anda tidak Dicopy Paste Oleh Orang Lain?

Setelah anda tahu bagaimana cara si pelaku menyalin artikel anda, saatnya anda melakukan pencegahan. Untuk mencegah masalah ini, anda dapat melakukan banyak cara sesuai dengan cara yang dipakai oleh si pelaku sesuai yang telah sampaikan diatas.

Solusi Pertama : Mengatur Feed pada Blog

Seperti yang anda ketahui, dengan adanya feed para pelaku dapat dengan mudahnya menyalin artikel anda.Tetapi dengan melakukan sedikit pengaturan pada feed, anda dapat mencegah hal seperti ini terjadi. Terutama untuk blogger. Langsung saja caranya adalah...

Masuk ke dasboard blog anda dan pilih menu Setelan lalu Lainnya.
Cara Agar Artikel tidak Dicopy Paste dengan Melakukan Pengaturan Feed
Pilih Menu Setelan, lalu Lainnya. Untuk mengatur Feed pada Blogger
Lalu pada bagian Umpan Situs. Ubahlah Izinkan Umpan Situs? dari penuh menjadi singkat. 
Cara Agar Artikel tidak Dicopy Paste dengan Melakukan Pengaturan Feed
Ubah dari Penuh Menjadi Singkat.
Dengan mengubahnya menjadi singkat, para pelaku tidak akan menyalin artikel anda secara lengkap. Tetapi sebenarnya ini merupakan hal yang kurang baik bagi anda yang memiliki pengunjung yang berlangganan lewat email. Mereka hanya akan menerima sebagian dari keseluruhan artikel anda.

Ada yang harus anda ketahui, bahwa saya tidak menyarankan anda untuk merubahnya menjadi Tidak Satupun karena feed ini ternyata memiliki hubungan dengan beberapa script pada blog anda(Jika ada) yang membuat blog anda akan berjalan kurang normal. Jadi saya benar-benar tidak menyarankan untuk memlih pilihan tersebut.

Solusi Kedua : Memasang Script CSS Anti Copy Paste pada Bagian Tertentu

Selanjutnya untuk si pelaku yang menyalin artikel anda secara manual. Hal ini dapat dicegah dengan memasang Kode CSS pada template anda. Kode ini berfungsi untuk mencegah para pengunjung memblok tulisan artikel anda. Misalnya seperti pada blog ini, anda tidak dapat memblok tulisan pada setiap paragraf. Walaupun begitu masih ada beberapa bagian yang bisa dapat diblok seperti bagian dibawah ini.
Bagian ini dapat anda blok dan dapat juga dicopy.
Sekarang anda telah mengerti cara kerja Script ini. Langsung saja caranya adalah

Pertama Pilih menu Template dan plih Edit HTML.
Memasang Script CSS Anti Copy Paste pada Bagian Tertentu
Untuk Mengedit hmtl pilih menu Template.
Cari kode ]]></b:skin>
Untuk mempermudah gunakan fitur FIND Ctrl+F
]]></b:skin>

Lalu letakan script ini diatas kode ]]></b:skin>
.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;
}
Copy to ClipBoard
Jadinya seperti ini.
Memasang Script CSS Anti Copy Paste pada Bagian Tertentu
Tambahkan Script diatas kode ]]></b:skin>. Gunakan Ctrl+F untuk memudahkan pencarian.

Belajar HTML&CSS Dasar 1 : Software Pendukung Berserta Caranya

Habib Syuhada June 04, 2017 0
Bagi anda yang ingin belajar membuat website tapi masih pemula, saya yakin anda bingung harus mulai darimana pada awalnya. Menurut saya, yang perlu anda lakukan pertamakali adalah menyiapkan alat-alat (software) yang digunakan untuk membuat website. Dibawah ini ada beberapa software yang saya rekomendasikan untuk anda gunakan.

Notepad++

Yang pertama adalah Notepad++. Notepad++ merupakan aplikasi text editor yang sering digunakan untuk membuat serangkaian kode dalam berbegai jenis bahasa pemrograman. Jadi, notepad++ ini akan membantu anda dalam mengoding(menulis kode) nantinya. Sebenarnya anda bisa saja membuatnnya menggunakan Notepad biasa yang merupakan bawaan windows atau semacamnya. Tetapi dengan bantuan Notepad++, membuat web akan terasa lebih mudah dan cepat.
Belajar HTML&CSS Dasar 1 : Software Pendukung Berserta Caranya
Contoh Tampilan Notepad++

Untuk kelebihan Notepad++ dari text editor lainnya adalah:

  • Mendukung berbagai bahasa pemrograman termasuk HTML, CSS, PHP, SQL, JS, dan lainnya.
  • Setiap type syntax terlihat lebih jelas karena ditulis dengan warna yang berbeda-beda.
  • Memiliki fitur Tab seperti Web Browser
  • Memiliki fitur autocomplete, dimana saat anda mengetik tanda "(" maka akan secara automatis tanda ")" akan muncul. Tidak hanya tanda kurung, tanda kutip, kurung siku juga bisa.
  • Gratis
  • Mudah dalam mengatur konfigurasinya
  • Banyak addon yang tersedia
Anda dapat mendapatkan software ini secara gratis di web aslinya.

Xampp

Yang kedua adalah Xampp. Xampp berfungsi untuk menampilkan website yang anda buat dengan semestinya. Terkadang dalam menampilkan web yang anda buat, terdapat keanehan karena tampilan tidak sesuai dengan apa yang anda tulis. Dengan XAMPP ini masalah tersebut dapat teratasi. Untuk lebih lanjut, anda dapat surfing di internet karena banyak web/blog yang telah menjelaskan tentang XAMPP ini.
Belajar HTML&CSS Dasar 1 : Software Pendukung Berserta Caranya
Tampilan Xampp Control Panel
Anda dapat mendapatkan XAMPP secara gratis di web officialnya.
Untuk saat ini, anda tak perlu ambil pusing. Yang penting anda harus punya dua software diatas dan andapun bisa mulai belajar untuk membuat web. Untuk cara penggunaannya akan saya jelaskan nanti.

Selain kedua software diatas, saya juga merekomendasikan beberapa web yang akan membantu anda belajar untuk membuat web.

W3School

Situs ini adalah perpustakaannya bahasa pemrograman web, mirip seperti kamus. Isinya terdapat syntax berbagai bahasa pemrograman lengkap dengan cara penggunaannya. Jadi apabila anda lupa atau tidak tau cara pengguanan suatu syntax, anda dapat melihatnya disitus ini. Situs ini bisa anda gunakan sebagai referensi nantinya.
Situs : W3schools

Codecademy

Codecademy adalah sebuah aplikasi web yang berfungsi untuk membantu kita dalam mempelajari bahasa pemrograman. Anda dapat belajar di web ini langkah perlangkah. Sayangnya anda harus mengupgrade akun anda ke akun pro untuk menikmati semua fitur yang ada.
Situs : Codecademy

StackOverflow

StackOverflow adalah sebuah forum atau komunitas berbasis web yang beranggotakan para programmer. Biasanya jika saya mengalami kesulitan dalam pemrograman, saya akan tanyakan di situs ini. Jadi, nantinya programmer lain akan menjawab dan memberikan solusi terhadap masalah yang saya tanyakan.
Situs : StackOverflow

Kesimpulan

Jadi kedua software diatas harus anda miliki untuk belajar membuat web. Karena untuk tutorial selanjutnya kita akan menggunakan kedua software tersebut, Xampp dan Notepad++. Sambil menunggu tutorial selanjutnya, silahkan anda buka ketiga website yang telah saya sarankan.

Omong-omong saya juga sedang belajar bahasa pemrograman web. Karena dikampus hanya diajarkan dasar-dasarnya saja. Jadi saya belajar secara otodidak untuk bahasa pemrograman web lanjut. Jadi kita sama-sama belajar disini.

Apabila ada pertanyaan atau pendapat seputar topik yang dibahas diatas, silahkan ditulis dikolom komentar. Insyaallah saya akan menjawab secepatnya. Terimakasih....

Harus Mulai Darimana Jikalau Mau Menjadi Web Development

Habib Syuhada March 24, 2017 0

Web Development

Saya yakin anda sering atau setidaknya pernah mendengar kata ini. Web Development adalah seseorang yang membangun sebuah website dengan menggunakan bahasa pemograman tentunya. Untuk lebih detailnya, anda bisa mencari tahu ditempat lain karena sudah banyak web yang menjelaskan hal ini. Hanya saja, tidak diberitahu cara agar bisa menjadi web development. 
Harus Mulai Darimana Jikalau Mau Menjadi Web Development
Ayo Menjadi Seorang Web Development!

Disini saya ingin menjelaskan Bagaimana cara menjadi Web Development. Bukan berarti saya sudah pro dalam hal ini, karena saya juga sedang belajar untuk menjadi Web Development.

Perbedaan Web Development dan Web Designer

Sebagian orang mengatakan bahwa Web Development dan Web Designer itu sama, tetapi menurut saya tidak. Kenapa? Karena bagi saya seorang Web Development adalah orang yang membangun sebuah website yang lebih ditunjukan untuk membuat sistem / fungsi di web. Seperti jika pengunjung mengklik suatu tombol, maka apa yang terjadi? Jika Mengklik itu, apa yang terjadi? Mengklik ini? dan sebagainya

Sedangkan Web Designer adalah orang yang lebih difokuskan untuk menciptakan tampilan visual website agar lebih cantik, menarik, dan enak dipandang oleh pengujung. Biasanya berhubungan dengan tataletak, desain grafis, dan sebagainya.

Jadi Web Developement dan Designer adalah dua istilah yang berbeda tetapi memiliki tujuan yang sama, yaitu membangun sebuah web yang bagus.

Belajar untuk Menjadi Web Development

Tidak tahu harus mulai darimana? Dimana belajarnya? Apa-apa saja yang harus anda persiapkan? dan Sebagainya. Pertanyaan-pertanyaan inilah yang muncul saat pertamakali anda ingin menjadi seorang web development. Dibawah ini merupakan langkah awal yang harus anda lakukan untuk menuju keinginan anda.

Niat

Yang pertama pastinya adalah niat. Niat kan diri anda, bahwa anda ingin menjadi seorang developer yang handal. Niat ini yang akan menjadi pondasi anda untuk melangkah kedepan. Apalagi jika dibarengi do'a, insyaallah tujuan cepat tercapai.

Tentukan Tujuan

Tentukan tujuan/target/alasan ingin menjadi web development. Setelah itu, tulis disecarik kertas sebesar-besarnya dan letakan ditempat yang mudah dan sering anda lihat. Misalnya di dinding kamar, pintu wc, atau anda juga dapat menjadikannya sebagai wallpaper laptop/smartphone anda.  Ini akan menjadi motivasi anda ketika anda malas melanjutkan tujuan anda. Jadi, saat anda malas melanjutkan semua ini, kertas ini akan mengingatkan anda tujuan anda dan akan membuat semangat lagi.

Ketahui Apa yang Akan Dipelajari

Anda harus tahu apa yang akan dipelajari untuk menjadi seorang web development.
Harus Mulai Darimana Jikalau Mau Menjadi Web Development
HTML, CSS, JavaScript, Angular, Vue.js, PHP, Ruby, Phyton, Java, Github
Banyak bahasa pemrograman yang bisa anda pelajari sebagai seorang web development. Tetapi tidak semua bahasa pemrograman wajib untuk dipelajari. Menurut saya, setidaknya ada 5 bahasa yang harus anda pelajari, yaitu HTML, CSS, JavaScript, PHP, dan MYSQL. Lalu sisanya anda dapat memilih mana yang akan dipelajari.

Mulai Belajar HTML dan CSS Dasar

Mau itu Web Developer atau Web Designer, kedua bahasa ini wajib anda ketahui. Karena dua bahasa  ini adalah bahasa yang selalu dipakai dalam pembangunan website. Sekurang-kurangnya bahasa pemrograman anda, setidaknya anda harus tahu 2 bahasa ini walaupun dasarnya saja. 

Menjaga Konsistensi

Inilah point terpenting dan tersulit untuk dilakukan. Yaitu menjaga konsistensi. Maksudnya anda harus konsisten dalam menekuni bidang ini. Sudah seminggu anda belajar HTML, tiba-tiba anda malas untuk menjutkannya. Inilah yang disebut tidak konsisten. Memang merutinitaskan belajar memang bagus, tapi menjaga konsistensi lebih bagus. Konsisten = Teguh pada Pendirian.

Stop Thinking, Let's Do It...

Mungkin anda sudah banyak membaca artikel yang sejenis ini. Dan mungkin sekarang anda masih membaca dan berpikir. Jadi anda hanya membaca tanpa mengamalkan/mempraktikan apa yang anda baca. Maka dari itu, hentikan semua kegiatan anda. Dan lakukan apa yang telah anda baca sebelumnya. Anda dapat memulainya dengan menguatkan niat anda dan membuat tujuan/alasan anda untuk ditempelkan/diletakan ditempat yang mudah terlihat.

Penutup...

Mungkin untuk post kali ini menjelaskan tentang persiapan yang dilakukan untuk memulai tujuan baru anda. Yaitu menjadi seorang Web Development yang Handal. Saya juga sedang belajar. Berarti kita sama. Mungkin sekian dari saya, untuk selajutnya saya akan membahas tentang HTML. Terimakasih.

Cara Memasang/Memakai Template Sendiri ke Blog

Habib Syuhada March 22, 2017 0

Template Sendiri

Template Sendiri yang saya maksudkan disini adalah template yang bukan disediakan dari blogger. Mungkin anda pernah membuat template buatan anda sendiri dan ingin memasangkannya ke blog anda. Atau anda juga dapat mendownload dari internet template gratis yang keren. Tapi anda tidak tahu bagaimana cara memasangkannya ke blog.

Cara Memasang/Memakai Template 

Untuk memasang template ke blogger sangatlah mudah. Pertama siapkan tamplatenya. Anda dapat mencarinya di internet atau membuatnya sendiri. Anda dapat mencarinya dengan bantuan search engine google, dengan kata kunci pencarian Template Blog. Anda juga dapat menambahkan kata kunci lain seperti Keren, Simple, Cantik, atau SEO. 

Atau anda dapat membuat template sendiri. Anda dapat membuatnya dengan bantuan software web design/template maker seperti Artisteer, Adobe Dreamweaver, dan sebagainya.

Setelah anda punya templatenya, buka dasboard lalu pilih menu Template/Tema dan klik Cadangkan/Pulihkan
Cara Memasang/Memakai Template Sendiri ke Blog
Pilih Menu Tema lalu Cadangkan/pulihkan
Maka akan muncul tampilan seperti dibawah ini.
Cara Memasang/Memakai Template Sendiri ke Blog
Download Tema digunakan untuk Backup, Upload digunakan untuk memasang template.
Sebelum anda memasang template baru, saya sarankan untuk membuat backup-an dari template anda sebelumnya. Karena setelah anda memasang template baru dan ternyata template tersebut tidak cocok untuk blog anda, maka anda dapat kembali ke template lama yang telah anda backup. Untuk membuat backup, caranya klik Download tema, secara automatis anda akan mendownload file tema lama anda dengan format .xml.

Untuk memasang template, klik Choose File lalu buka direktori file template anda. Pilih file template lalu tekan Open. Setelah itu tekan Upload untuk memasang template.
Cara Memasang/Memakai Template Sendiri ke Blog
Misalnya filenya adalah Template SkyBamboox.xml maka klik filenya dan tekan Open.
Setelah itu, maka template anda pun telah diperbarui. Bila template yang baru saja anda pasang ternyata tidak sesuai dan ingin kembali menggunakan template yang lama. Maka anda hanya perlu memasang kembali template lama yang telah di backup tadi.

Penutup...

Berdasarkan pembahasan diatas, dapat disimpulkan bahwa memasang template sangatlah mudah bagi blogger. Yang menjadi masalah adalah template seperti apa yang harus dipasang? Template seperti apa yang sebaiknya anda gunakan? Menurut saya, suatu template haruslah memiliki tampilan yang simple tapi enak dilihat, responsive, fast load, dan SEO. Walaupun begitu, keputusan tetaplah berada ditangan anda maunya pakai template yang mana. Saya yakin, anda dapat memutuskan dengan bijak terutama setelah membaca artikel ini. Salam....

Cara Memasang Label Dipost/Membuat Kategori Di Blog

Habib Syuhada March 21, 2017 0

Label pada Blog

Label adalah suatu tanda yang digunakan untuk mengelompokan post pada kategori tertentu. Dengan adanya label, pengunjung dapat dengan mudah mencari artikel sesuai topik/kategori yang ia inginkan.

Jadi label itu mirip seperti pengelompokan buku di perpustakaan/toko buku. Misalkan anda pergi ke perpustakaan/toko buku untuk mencari buku tentang panduan menggunakan CorelDraw. Apakah anda akan mencarinya ke tempat rak buku novel? Atau mungkin ke rak buku psikologis? Pasti anda akan ke rak buku komputer atau desain grafis. Lalu begitu pula dengan label. Label diblog itu sama dengan rak buku. Sedangkan post adalah bukunya.

Memberi Label Suatu Post di Blog (Cara 1)

Saat anda sedang menulis post baru, coba anda perhatikan menu disamping kanan. Disana anda akan melihat tulisan Label lalu klik.
Cara Memasang Label Dipost/Membuat Kategori Di Blog
Klik Menu Label di sebelah Kanan WorkSheet saat membuat post baru untuk memberi label.
Lalu tuliskan label yang diinginkan. Misalkan post yang anda buat tentang internet maka tulis Internet.
Cara Memasang Label Dipost/Membuat Kategori Di Blog
Anda juga dapat memberi label lebih dari satu pada post yang sama. Penulisan label dipisahkan dengan tanda koma.
Apabila telah selesai, maka klik Selesai.

Memberi Label Beberapa Post di Blog Sekaligus (Cara 2)

Buka dasboard, pilih menu pos. Disana anda akan melihat semua post yang telah anda buat. Disetiap judul post, anda akan melihat checkbox di sampingnya. Ceklis semua post yang ingin anda tambahkan label.
Cara Memasang Label Dipost/Membuat Kategori Di Blog
Tandai semua post yang ingin anda beri label baru.
Setelah itu klik gambar   , maka akan muncul nama-nama label yang telah anda buat.
Cara Memasang Label Dipost/Membuat Kategori Di Blog
Anda juga dapat membuat label baru dengan memilih Label Baru...
Pilih label mana yang ingin anda tambahkan ke post. Atau anda juga dapat menambahkan label baru dengan memilih Label baru...

Cara Menampilkan Daftar Label Di Blog

Setelah anda memberi label ke post-post yang anda miliki. Sekarang yang harus anda lakukan adalah menampilkan semua label tersebut diblog. Sehingga para pengunjung dapat melihat dan menggunakannya untuk memudahkan navigasi di blog anda.

Untuk manampilkannya anda dapat menggunakan widget Label. Anda dapat memasangnya dengan masuk kemenu Tata Letak lalu pilih Tambahkan Gadget.
Baca Juga : Cara Memasang Widget Blog Untuk Pemula
Cara Memasang Label Dipost/Membuat Kategori Di Blog
Untuk Menampilkan list Label, anda dapat menggunakan widget Label.

Penutup

Kesimpulannya Label merupakan hal yang menurut saya sangat penting untuk digunakan diblog anda. Karena dengan label dapat merapikan post-post anda dengan mengelompokannya berdasarkan kategori tertentu. Hal ini akan mempermudah pengunjung anda dalam mengeksplorasi blog anda.

Cara Memasang Widget Blog Untuk Pemula

Habib Syuhada March 17, 2017 0

Apa Sih Itu Widget?

Widget adalah fungsi tambahan yang dapat dipasang diblog anda. Misalnya anda ingin menampilkan jumlah pengujung di web anda, atau menampilkan jumlah orang yang sedang membaca di blog anda pada saat itu juga, dan sebagainya.

Widget ini biasanya terletak disidebar, disamping kanan konten. Tetapi anda juga dapat meletakannya dibagian bawah, diatas, dimanapun anda ingin meletaknnya.
Cara Memasang Widget Blog Untuk Pemula
Contoh Widget diblog yang diletakan di sidebar. Widget didalam kotak merah. 

Bagaimana Memasang Widget Di Blog?

Untuk memasang widget diblog sangatlah mudah. Anda hanya perlu masuk ke dasboard, lalu pilih menu  Tata Letak 

Cara Memasang Widget Blog Untuk Pemula
Pilih Menu Tata Letak untuk memasang widget.
Setelah itu anda akan melihat layout blog anda. Biasanya akan terdapat sidebar disamping Blog Posts.  Tentunya anda dapat mengubah layoutnya. Misalkan siderbarnya ada 2. Hal ini dapat anda ubah di menu Tema > Sesuaikan. Ini hanya sekilas info. Abaikan.
Cara Memasang Widget Blog Untuk Pemula
Tampilan Menu Tata Letak.

Selanjutnya klik Tambahkan Widget.
Cara Memasang Widget Blog Untuk Pemula
Tombol untuk menambah/memasang widget baru.
Maka setelah itu akan muncul jendela baru yang berisi sekumpulan widget yang disediakan oleh google. Widget yang disediakan sangat banyak dan lengkap. Bahkan anda juga dapat menggunakan widget buatan orang lain yang telah dibagikan.
Cara Memasang Widget Blog Untuk Pemula
Anda cukup pilih widget yang diinginkan dengan mengklik tandah "+" atau klik nama widgetnya. Jangan lupa Simpan Setelan Setelah anda memasang widget baru.

Terus, Widget Apa Yang Sebaiknya Dipasang?

Kabanyakan orang yang baru pertama kali masuk ke dunia blog, biasanya mereka akan memasang banyak widget untuk blog mereka. Pedahal, hal yang seperti ini kurang baik. Karena dengan banyak widget akan membuat blog anda tampil acak-acakan, rumit sehingga para pengunjung kebingungan saat membaca postingan anda. Selain itu, semakin banyak widget maka semakin lama waktu loading saat membuka blog anda. Jadi pastikan widget yang anda pilih benar-benar sangatlah dibutuhkan.
Cara Memasang Widget Blog Untuk Pemula
4 Widget Yang Sebaiknya Anda Pasang
Ada empat widget yang sebaiknya anda pasang yaitu

Profil 

Widget profil berguna untuk menunjukan identitas diri anda sebagai pemilik blog kepada pengunjung. 

Arsip Blog

Widget berfungsi untuk mempermudah pengunjung menavigasi blog anda dengan tautan ke pos lama. Jadi semua pos anda akan ditapilkan berurut berdasarkan waktu.

Label

Widget ini akan menampilkan semua label/kategori dari postingan dalam blog anda. Jadi para pembaca akan mudah mencari postingan anda yang berkategori sama. Misalnya sama-sama tentang panduan blogger.

Entri Populer

Menampilkan daftar pos anda yang paling populer/yang paling banyak dikunjungi. Widget ini harus anda pasang, karena para pembaca berkemungkinan besar untuk membaca post terpopuler diblog anda.

Sekian Terimakasih...

Kesimpulannya, banyak-banyaklah bereksperimen karena iilmu terbaik didapatkan melalui pengalaman.

Cara Membuat Sistem/Efek Zoom saat Diklik Untuk Gambar di Blog

Habib Syuhada March 14, 2017 4

Pengenalan

Karena ukuran gambar lebih besar dibandingkan ukuran website/blog, sistem secara automatis akan memperkecil ukuran gambar tersebut. Sedangkan anda khawatir bahwa gambar yang telah kita masukan tidak terlihat jelas oleh pembaca. Apabila gambar kurang jelas, maka pembaca pasti ingin memperbesar gambar tersebut dengan mengklik untuk melihat gambar secara penuh. Dan akan membuat pengunjung meninggalkan blog kita sementara waktu untuk melihat gambar tersebut. Hal ini kurang baik untuk blog karena ini adalah nilai minus untuk blog di SEO.
Cara Membuat Sistem Zoom saat Diklik Untuk Gambar di Blog
Sistem Zoom Di Blog. Untuk demo anda dapat mengklik gambar diatas.

Cara Kerja Sistem

Cara kerja dari sistem ini, saat anda mengklik gambar maka gambar tersebut akan ditampilkan dengan ukuran originalnya dan tidak meninggalkan website/blog. Setelah selesai melihat gambar anda dapat menutup gambar tersebut dengan mengklik tanda X diujung kanan atas atau menekan esc. Untuk lebih jelasnya, coba anda klik gambar diatas. Kebetulan blog ini juga menggunakan sistem zoom tersebut.
Cara Membuat Sistem Zoom saat Diklik Untuk Gambar di Blog
Tampilan dari Sistem Zoom pada Blog

Script Sistem/Efek Zoom

.post img{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 1;
margin: 0 2px 2px 0;
}

Cara Pemasangan Script Sistem Zoom

Untuk pemasangan script cukup mudah. Anda hanya harus menambar script pada template anda dengan memilih menu Template dan pilih Edit HTML.
Cara Membuat Sistem Zoom saat Diklik Untuk Gambar di Blog
Untuk Mengedit hmtl pilih menu Template.
Cari kode ]]></b:skin>
]]></b:skin>
Lalu copy script diatas(script Sistem Zoom), dan letakan diatas kode ]]></b:skin>.

Cara Membuat Sistem/Efek Zoom saat Diklik Untuk Gambar di Blog
Hasil Paste Script di Edit HTML Blogger. Ingat harus tepat diatas ]]></b:skin>
Setelah itu klik Simpan Template untuk menyimpan temaplate anda. Dan coba Hasilnya.

Pengaturan Lanjutan

Sebenarnya apabila anda telah menyalin script diatas maka telah selesai. Tetapi jika anda ingin melakukan penambahan fungsi misalnya akan memperbesar(zoom) gambar secara auto saat kita meletakan pointer diatas gambar tersebut, maka salinlah script dibawah ini dan letakan di bawah script tadi.
.post img:hover{
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
opacity: 1;
}
Jadinya akan seperti ini.
.post img{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-o-transform:scale(1);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 1;
margin: 0 2px 2px 0;
}
.post img:hover{
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-o-transform:scale(1.5);
opacity: 1;
}
Tulisan dengan warna merah merupkan keadaan awal gambar sebelum diletakan pointer mouse diatasnya. Sedangkan tulisan yang berwarna biru adalah keadaan gambar saat diletakan pointer mouse diatasnya.
-webkit-transform:scale, moz-transform:scale, -o-transform:scale merupakan pengatuan ukuran gambar. Sendangkan opacity merupakan pengatuan tranparasi gambar.
Misalkan anda ingin saat gambar disentuh mouse, gambar akan membesar 2 kali lipat dari sebelumnya. Maka ganti 1,5 menjadi 2.

Terima Kasih

Itulah cara untuk membuat efek zoom pada blog. Bila ada yang ingin ditanyakan silahkan bertanya dikolom komentar.👀