{"id":96,"date":"2019-11-20T10:02:10","date_gmt":"2019-11-20T03:02:10","guid":{"rendered":"https:\/\/bikin.website\/kb\/?p=96"},"modified":"2019-11-21T14:58:57","modified_gmt":"2019-11-21T07:58:57","slug":"cara-mengatur-slider","status":"publish","type":"post","link":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/","title":{"rendered":"Cara Mengatur Slider Menggunakan Plugin Smart Slider"},"content":{"rendered":"\r\n<p>Slider adalah salah satu fitur penting yang ada di hampir semua jenis website. Elemen yang berbasis javascript ini banyak dipilih para webmaster karena mudah diinstal dan dijalankan. Selain itu, perannya juga sangat fleksibel karena mampu menampilkan banyak informasi dalam satu layout secara bergantian.<\/p>\r\n\r\n\r\n\r\n<p>Kendati memiliki peran yang cukup beragam, sayangnya WordPress sendiri masih belum memiliki fitur slider bawaan, sehingga kita harus menginstal plugin atau melakukan coding secara manual untuk mulai mengaktifkan fitur tersebut.<\/p>\r\n\r\n\r\n\r\n<p>Nah, pada kesempatan kali ini kita akan membahas tutorial cara mengatur fitur slider yang diaktifkan menggunakan plugin <strong>Smart Slider 3<\/strong>.<\/p>\r\n<figure id=\"attachment_98\" aria-describedby=\"caption-attachment-98\" style=\"width: 593px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-98 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88.png\" alt=\"plugin smart slider 3\" width=\"593\" height=\"293\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88.png 593w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88-300x148.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88-320x158.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88-360x178.png 360w\" sizes=\"(max-width: 593px) 100vw, 593px\" \/><figcaption id=\"caption-attachment-98\" class=\"wp-caption-text\">plugin smart slider 3<\/figcaption><\/figure>\r\n\r\n\r\n\r\n<p>Mengapa kami memlih plugin ini? Selain mudah digunakan, <strong>Smart Slider 3<\/strong> merupakan salah satu plugin slider kekinian yang menawarkan berbagai fitur handal untuk membuat tampilan website menjadi semakin elegan.<\/p>\r\n\r\n\r\n\r\n<h2>Cara Mudah Membuat Slider di Website<\/h2>\r\n\r\n\r\n\r\n<p><strong>Langkah 1: Membuat slider baru dan Menambahkan Media yang Ingin Ditampilkan<\/strong><\/p>\r\n\r\n\r\n\r\n<p>Setelah menginstall dan mengaktifkan plugin <strong>Smart Slider 3<\/strong>, silakan Anda cari tab <strong>Smart Slider<\/strong> di dashboard WordPress. Di tab ini nantinya Anda akan menemukan daftar semua slider yang aktif di WordPress namun jika ini baru pertama kalinya, maka daftarnya hanya berisi sample slider.<\/p>\r\n\r\n\r\n\r\n<p>Langsung saja klik \u201c<strong>New Slider\u201d<\/strong> untuk membuat slider baru.<\/p>\r\n\r\n\r\n\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-99 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89.png\" alt=\"\" width=\"1170\" height=\"519\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89.png 1170w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-300x133.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-1024x454.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-768x341.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-320x142.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-640x284.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-360x160.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-720x319.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-1080x479.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_89-800x355.png 800w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\r\n<p>Akan muncul halaman pop-up <strong><em>Create Slider<\/em><\/strong> yang berisi kolom slider name, ukuran, preset, serta menu import sample sliders. Jangan lupa isi data-data sesuai yang dibutuhkan menggunakan panduan berikut ini:<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-100 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_90.png\" alt=\"\" width=\"542\" height=\"535\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_90.png 542w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_90-300x296.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_90-320x316.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_90-360x355.png 360w\" sizes=\"(max-width: 542px) 100vw, 542px\" \/><\/p>\r\n\r\n\r\n\r\n<ul>\r\n<li><strong>Slider name<\/strong>: nama untuk slider, bisa diisi bebas. Contoh: Slider 1 homepage, Slider 2 Post, dst.<\/li>\r\n<li><strong>Ukuran<\/strong>: width untuk menentukan lebar, sementara Height untuk mengatur ketinggian. Biarkan saja dalam pengaturan default jika Anda belum mengetahui cara menentukan ukuran slider.<\/li>\r\n<li><strong>Preset:<\/strong> di sini Anda bisa menentukan mau menggunakan slider default, full-width, atau tumbnail horizontal.<\/li>\r\n<li><strong>Import Sample Slider<\/strong>: pada menu ini Anda bisa menggunakan desain slider yang sudah ada dan nantinya tinggal mengganti dengan Media\/Gambar sesuai keinginan.<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\n<p>Pada artikel kali ini kami hanya akan membahas cara membuat slider sederhana menggunakan salah satu demo dari menu <strong>Import Sample Slider<\/strong>. Jadi, pastikan Anda mengikuti keseluruhan proses dengan baik dan benar.<\/p>\r\n\r\n\r\n\r\n<p>Untuk memilih demo slider dari menu <strong>Import Sample Slider<\/strong> Anda cukup mengarahkan kursor ke bagian\u00a0 baris terakhir di tab <strong>Create Slider<\/strong>, setelah itu klik tombol <strong>View<\/strong>.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-101 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_91.png\" alt=\"\" width=\"544\" height=\"540\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_91.png 544w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_91-300x298.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_91-150x150.png 150w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_91-320x318.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_91-360x357.png 360w\" sizes=\"(max-width: 544px) 100vw, 544px\" \/><\/p>\r\n\r\n\r\n\r\n<p>Berikut ini merupakan beberapa pilihan desain Slider yang bisa Anda gunakan secara gratis maupun berbayar. Untuk mulai mengaktifkan desain Anda tinggal klik di salah satu kolom.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-102 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92.png\" alt=\"\" width=\"1334\" height=\"609\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92.png 1334w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-300x137.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-1024x467.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-768x351.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-320x146.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-640x292.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-360x164.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-720x329.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-1080x493.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-800x365.png 800w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_92-1280x584.png 1280w\" sizes=\"(max-width: 1334px) 100vw, 1334px\" \/><\/p>\r\n\r\n\r\n\r\n<p>Pilih salah satu desain kemudian klik <strong>Import<\/strong>. Setelah berhasil melakukan proses import, Anda akan diarahkan ke halaman <strong>dashboard<\/strong> baru yang berisi sejumlah pengaturan mulai dari A-Z. Silakan sesuaikan dengan kebutuhan.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-103 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94.png\" alt=\"\" width=\"1167\" height=\"506\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94.png 1167w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-300x130.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-1024x444.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-768x333.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-320x139.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-640x277.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-360x156.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-720x312.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-1080x468.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_94-800x347.png 800w\" sizes=\"(max-width: 1167px) 100vw, 1167px\" \/><\/p>\r\n\r\n\r\n\r\n<p>Agar slider bisa tampil di halaman website, terlebih dahulu Anda harus memasang script <strong>shortcode<\/strong> atau <strong>PHP code<\/strong> ke bagian layout website yang diinginkan.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-104 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95.png\" alt=\"\" width=\"1170\" height=\"324\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95.png 1170w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-300x83.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-1024x284.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-768x213.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-320x89.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-640x177.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-360x100.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-720x199.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-1080x299.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_95-800x222.png 800w\" sizes=\"(max-width: 1170px) 100vw, 1170px\" \/><\/p>\r\n\r\n\r\n\r\n<p>Selesai<\/p>\r\n\r\n\r\n\r\n<h2>Cara Edit Gambar Slider di Website<\/h2>\r\n\r\n\r\n\r\n<p>&nbsp;<\/p>\r\n<p>1. Login ke halaman dashboard WordPress dengan cara mengakses <strong>namadomain.com\/wp-admin<\/strong> dan memasukkan informasi login.<\/p>\r\n\r\n\r\n\r\n<p>2. Setelah berhasil masuk, pilih menu <strong>Smart Slider<\/strong> untuk mengakses desain Slider yang ada di dalam website.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-105 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96.png\" alt=\"\" width=\"1329\" height=\"582\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96.png 1329w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-300x131.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-1024x448.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-768x336.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-320x140.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-640x280.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-360x158.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-720x315.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-1080x473.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-800x350.png 800w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_96-1280x561.png 1280w\" sizes=\"(max-width: 1329px) 100vw, 1329px\" \/><\/p>\r\n\r\n\r\n\r\n<p>3. Jika sebelumnya Anda sudah pernah membuat Slider, maka akan tampil tumbnail dengan nama Slider di halaman paling bawah.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-106 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97.png\" alt=\"\" width=\"1181\" height=\"451\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97.png 1181w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-300x115.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-1024x391.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-768x293.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-320x122.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-640x244.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-360x137.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-720x275.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-1080x412.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_97-800x306.png 800w\" sizes=\"(max-width: 1181px) 100vw, 1181px\" \/><\/p>\r\n\r\n\r\n\r\n<p>4. Pilih desain Slider yang Anda ingin edit caranya tinggal menekan klik sekali.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-107 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98.png\" alt=\"\" width=\"1187\" height=\"455\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98.png 1187w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-300x115.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-1024x393.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-768x294.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-320x123.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-640x245.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-360x138.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-720x276.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-1080x414.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_98-800x307.png 800w\" sizes=\"(max-width: 1187px) 100vw, 1187px\" \/><\/p>\r\n\r\n\r\n\r\n<p>5. Setelah itu Anda akan dibawa ke halaman baru yang berisi pengaturan controler. Untuk menambah gambar pada slider Anda bisa memilih menu <strong>Add Slide. <\/strong>Di dalam Slider ini terdapat tiga buah Media, kita akan coba mengganti gambar <strong>Slide 1<\/strong>.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-108 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99.png\" alt=\"\" width=\"1139\" height=\"208\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99.png 1139w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-300x55.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-1024x187.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-768x140.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-320x58.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-640x117.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-360x66.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-720x131.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-1080x197.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_99-800x146.png 800w\" sizes=\"(max-width: 1139px) 100vw, 1139px\" \/><\/p>\r\n\r\n\r\n\r\n<p>6. Klik pada gambar <strong>Slide 1<\/strong> untuk masuk ke menu pengaturan Media. Kemudian pilih tombol <strong>Background <\/strong>untuk mengupload gambar ataupun mengganti dengan yang baru.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-109 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100.png\" alt=\"\" width=\"1132\" height=\"183\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100.png 1132w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-300x48.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-1024x166.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-768x124.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-320x52.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-640x103.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-360x58.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-720x116.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-1080x175.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_100-800x129.png 800w\" sizes=\"(max-width: 1132px) 100vw, 1132px\" \/><\/p>\r\n\r\n\r\n\r\n<p>7. \u00a0Scroll ke bawah untuk menemukan form untuk upload gambar seperti di bawah ini.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-110 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101.png\" alt=\"\" width=\"1127\" height=\"366\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101.png 1127w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-300x97.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-1024x333.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-768x249.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-320x104.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-640x208.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-360x117.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-720x234.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-1080x351.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_101-800x260.png 800w\" sizes=\"(max-width: 1127px) 100vw, 1127px\" \/><\/p>\r\n\r\n\r\n\r\n<p>8. Untuk prses pergantian gambar Slider menggunakan <em>custom banner<\/em> Anda tinggal menyiapkan file gambar lalu mengupload seperti proses upload Media pada umumnya.<\/p>\r\n\r\n\r\n\r\n<p>9. Selesai. Jangan lupa untuk menekan tombol <strong>Save<\/strong> jika dirasa gambar yang diedit sudah cukup memuaskan.<\/p>\r\n<p><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter wp-image-111 size-full\" src=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102.png\" alt=\"\" width=\"1166\" height=\"533\" srcset=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102.png 1166w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-300x137.png 300w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-1024x468.png 1024w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-768x351.png 768w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-320x146.png 320w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-640x293.png 640w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-360x165.png 360w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-720x329.png 720w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-1080x494.png 1080w, https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_102-800x366.png 800w\" sizes=\"(max-width: 1166px) 100vw, 1166px\" \/><\/p>\r\n\r\n\r\n\r\n<p>Itulah panduan cara membuat dan mengedit fitur Slider di Website menggunakan Plugin Smart Slider 3. Bagaimana? Apakah masih ada langkah-llangkah yang kurang jelas? Jika ada pertanyaan jangan sungkan untuk meninggalkan pesan di kolom komentar.<\/p>\r\n\r\n\r\n\r\n<p>Selamat mencoba.<\/p>\r\n","protected":false},"excerpt":{"rendered":"<p>Slider adalah salah satu fitur penting yang ada di hampir semua jenis website. Elemen yang berbasis javascript ini banyak dipilih para webmaster karena mudah diinstal &hellip; <span class=\"read-more-link\"><a class=\"read-more\" href=\"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/\">Read More &rsaquo;<\/a><\/span><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[25,3],"tags":[16,15,17],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.2.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Mengatur Slider Menggunakan Plugin Smart Slider | Bikin.website Manual Knowledge Base<\/title>\n<meta name=\"description\" content=\"Bikin.website Manual Knowledge Base | Cara Mengatur Slider Menggunakan Plugin Smart Slider Tutorial\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Mengatur Slider Menggunakan Plugin Smart Slider | Bikin.website Manual Knowledge Base\" \/>\n<meta property=\"og:description\" content=\"Bikin.website Manual Knowledge Base | Cara Mengatur Slider Menggunakan Plugin Smart Slider Tutorial\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/\" \/>\n<meta property=\"og:site_name\" content=\"Bikin.website Manual Knowledge Base\" \/>\n<meta property=\"article:published_time\" content=\"2019-11-20T03:02:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-21T07:58:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88.png\" \/>\n<meta name=\"author\" content=\"Andy\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andy\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Mengatur Slider Menggunakan Plugin Smart Slider | Bikin.website Manual Knowledge Base","description":"Bikin.website Manual Knowledge Base | Cara Mengatur Slider Menggunakan Plugin Smart Slider Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/","og_locale":"en_US","og_type":"article","og_title":"Cara Mengatur Slider Menggunakan Plugin Smart Slider | Bikin.website Manual Knowledge Base","og_description":"Bikin.website Manual Knowledge Base | Cara Mengatur Slider Menggunakan Plugin Smart Slider Tutorial","og_url":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/","og_site_name":"Bikin.website Manual Knowledge Base","article_published_time":"2019-11-20T03:02:10+00:00","article_modified_time":"2019-11-21T07:58:57+00:00","og_image":[{"url":"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/Screenshot_88.png"}],"author":"Andy","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Andy","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/#article","isPartOf":{"@id":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/"},"author":{"name":"Andy","@id":"https:\/\/bikin.website\/kb\/#\/schema\/person\/3a5665ab219f734a37b8b2133a06bc4b"},"headline":"Cara Mengatur Slider Menggunakan Plugin Smart Slider","datePublished":"2019-11-20T03:02:10+00:00","dateModified":"2019-11-21T07:58:57+00:00","mainEntityOfPage":{"@id":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/"},"wordCount":655,"commentCount":0,"publisher":{"@id":"https:\/\/bikin.website\/kb\/#organization"},"keywords":["cara manage slider","cara mengatur slider","plugin smart slider"],"articleSection":["Manage WordPress","Tutorial"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/bikin.website\/kb\/cara-mengatur-slider\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/","url":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/","name":"Cara Mengatur Slider Menggunakan Plugin Smart Slider | Bikin.website Manual Knowledge Base","isPartOf":{"@id":"https:\/\/bikin.website\/kb\/#website"},"datePublished":"2019-11-20T03:02:10+00:00","dateModified":"2019-11-21T07:58:57+00:00","description":"Bikin.website Manual Knowledge Base | Cara Mengatur Slider Menggunakan Plugin Smart Slider Tutorial","breadcrumb":{"@id":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bikin.website\/kb\/cara-mengatur-slider\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/bikin.website\/kb\/cara-mengatur-slider\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/bikin.website\/kb\/"},{"@type":"ListItem","position":2,"name":"Cara Mengatur Slider Menggunakan Plugin Smart Slider"}]},{"@type":"WebSite","@id":"https:\/\/bikin.website\/kb\/#website","url":"https:\/\/bikin.website\/kb\/","name":"Bikin.website Manual Knowledge Base","description":"Bikin.website Manual Knowledge Base","publisher":{"@id":"https:\/\/bikin.website\/kb\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bikin.website\/kb\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/bikin.website\/kb\/#organization","name":"Bikin.website","url":"https:\/\/bikin.website\/kb\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/kb\/#\/schema\/logo\/image\/","url":"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/logo-blue-scaled.png","contentUrl":"https:\/\/bikin.website\/kb\/wp-content\/uploads\/2019\/11\/logo-blue-scaled.png","width":2560,"height":313,"caption":"Bikin.website"},"image":{"@id":"https:\/\/bikin.website\/kb\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/bikin.website\/kb\/#\/schema\/person\/3a5665ab219f734a37b8b2133a06bc4b","name":"Andy","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/bikin.website\/kb\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9ae509f9672b601e324430c787bc1731?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9ae509f9672b601e324430c787bc1731?s=96&d=mm&r=g","caption":"Andy"},"url":"https:\/\/bikin.website\/kb\/author\/andy\/"}]}},"_links":{"self":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts\/96"}],"collection":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/comments?post=96"}],"version-history":[{"count":4,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts\/96\/revisions"}],"predecessor-version":[{"id":133,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/posts\/96\/revisions\/133"}],"wp:attachment":[{"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/media?parent=96"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/categories?post=96"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bikin.website\/kb\/wp-json\/wp\/v2\/tags?post=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}