Tutorial and Education

CARA MENGATUR EDGE PANEL DI SAMSUNG GALAXY Z FLIP4, BESERTA FUNGSINYA

2022-10-12T21:54:00.000-07:00

Samsung Galaxy Z Flip4 merupakan smartphone lipat yang kabarnya dapat membantu pengguna melakukan multitasking. Hal ini dikarenakan Samsung Galaxy Z Flip4 memiliki beragam fitur, termasuk Edge Panel. Fitur Edge Panel pada Samsung Galaxy Z Flip4 merupakan lokasi yang strategis yang dapat digunakan oleh pengguna untuk mencari barang dengan lebih mudah. Dalam acara Flex Ground Trip di Bali (9/10), dibahas penggunaan fungsi dan tujuan penggunaannya. Menurut Samsung, Edge Panel adalah panel semi-transparan di desktop yang menyediakan akses cepat ke aplikasi, dasbor, widget, dan bahkan utilitas yang hanya dapat digunakan sekali atau dua kali tanpa perlu menggesek kedua untuk mengakses menu, layar beranda. , atau laci aplikasi. Hanya pengguna yang dapat menggunakan fitur ini, yang telah ada selama beberapa waktu pada model smartphone Samsung Galaxy.

hampir tidak pernah senang menyebutkan namanya. Fitur Edge Panel pada Samsung Galaxy Z Flip4 dapat digunakan untuk keperluan lain selain untuk meluncurkan aplikasi yang sering Anda gunakan. Antara lain memuat informasi tentang clipboard, bookmark, dan cuaca. Setelah memasang Panel Tepi, Anda akan melihat ikon untuk mengatur kondisi yang diinginkan di bagian bawah tali. Anda dapat mengikuti petunjuk di bawah ini untuk membuat dan mengganti Edge Panel yang Anda butuhkan. Untuk mengaktifkan fitur Edge Panel cukup mudah dengan melihat dempul transparan di bagian atas atau bawah panel. Setelah mengenalinya, Anda dapat melanjutkan untuk pindah ke area berikutnya dengan mudah. Misalnya, jika Anda memiliki Panel Tepi di kaleng, Anda dapat memindahkannya ke tepi panel untuk menampilkan ikon pengaturan di bagian bawah laci.

Kemudian, lanjutkan ke bagian pengaturan tersebut di atas dan pertimbangkan kasus penggunaan lebih lanjut. Atau Anda dapat menonaktifkan Panel Tepi pada Samsung Galaxy Z Flip4 menggunakan pengaturan aplikasi atau kontrol lainnya. Setelah memilih Tampilan, pilih Panel Egde selanjutnya. Di Panel Tepi, Anda juga dapat mengakses jenis akses cepat lainnya di luar apa yang telah disebutkan Nextren. Dengan demikian, Anda dapat mengakses Galaxy Store dari bagian perjanjian yang disebutkan di atas. Ada hal-hal yang dapat Anda akses secara gratis serta hal-hal yang cepat dan membutuhkan biaya. Bagaimana dengan Anda, menurut Anda? Apakah fitur Edge Panel smartphone Galaxy secara konsisten menyebabkan masalah?

Cara Membuat Meja 3D Menggunakan 3D #Blender

2021-12-09T06:10:00.003-08:00

hai sobat Blender tutorial, di artikel kali ini saya akan memberikan tutorial menarik dan sangat keren. Untuk artikel tentang cara membuat meja dengan menggunakan software 3d blender adalah hal yang mudah. Jika kalian sudah tidak sabar dengan artikel tutorial nya, silahkan simak tutorial di bawah ini.

Pertama yang harus kalian lakukan adalah dengan membuka software 3d blender kalian, disini saya menggunakan software 3d blender dengan versi 2.76. Jika software 3d blender kalian sudah terbuka, sekarang kalian saatnya untuk menambahkan objek baru yaitu objek kubus dengan cara menekan tombol SHIFT + A dan kalian pilih MESH kemudian kalian klik pada CUBE. Setelah objek kubus mucul, kalian harus melakukan sedikit perubahan pada kubus dengan cara menipiskan objek kubus.

( Lihat gambar contoh di bawah )

Setelah objek sekiranya sama dengan gambar di atas, sekarang saat nya kalian memanjangkan objek nya. Panjangkan saja secukupnya!!.

Ini adalah hasil buatan saya.

Jika objek kalian sudah seperti gambar di atas, sekarang saat nya kalian memberi kaki untuk meja nya. Cara nya sangat mudah, kalian tinggal masuk ke Edit mode dan kalian tekan CTRL + R untuk menambah garis baru atau Loop Cut And Slide. Beri garis pada pinggiran objek!!..

Ini hasil animasi meja saya.

Setelah itu kalian seleksi pada bagian Ujung-ujung objek nya, kemudian kalian tekan tombol E pada keyboard kemudian kalian tarik ke bawah.

Ini hasil buatan saya.

Jika sudah begitu tinggal kalian beri Kaca pada bagian atas meja. Cara nya adalah dengan menyeleksi bagian atas nya kemudian kalian beri warna transparan. Cara agar bagian atas menjadi tranparan seperti kaca adalah dengan merubah mode render ke Cycles Render agar hasil animasi terlihat lebih nyata. Jika kalian sudah berada pada Cycles render, selanjutnya kalian harus pergi ke bagian material dan kalian tambah warna baru. Setting warna nya agar menjadi transparan.

(lihat gambar di bawah, yang di lingkari warna merah itu adalah bagian paling penting yang harus kalian lakukan)

Jangan lupa, bahwa yang saya lingkari merah dengan tulisan Assign di dalam nya adalah step terakhir yang harus kalian lakukan.

Setelah itu kalian coba render animasi kalian, dan lihat hasil nya akan menjadi transparan. Untuk warna lainya kalian warnai sesuka hati kalian.

Gambar di bawah adalah hasil akhir dari animasi meja saya.

Cara Membuat Pohon Menggunakan 3D Blender

2021-12-09T06:09:00.002-08:00

Kali ini saya akan memberikan sedikit tutorial yang akan berguna untuk kalian. Bila kalian membaca judul blog ini, pasti kalian bingung dan mungkin kalian juga berfikiran bahwa membuat pohon menggunakan 3D Blender itu sulit. Tetapi nyatanya tidak juga. Tetapi jika kalian ingin mencoba praktek di rumah, kalian harus pastikan bahwa laptop atau komputer kalian memiliki spesifikasi di atas Core i 3. Mengapa demikian?. Karna untuk membuat pohon agar terlihat seperti nyata, kalian harus membuat batang pohon memiliki banyak cabang dan memberi texture pada batang katu kemudian kalian juga harus membuat daun nya.

"Lalu bagaimana jika kalian tidak memiliki komputer dengan spesifikasi yang memadai?. "

Tenang saja, karna kalian juga bisa melakukan atau praktek di rumah menggunakan komputer dengan spesifikasi di bawah standart tetapi sedikit agak lemot atau kadang-kadang malah software 3d blender nya not responding atau lebih parah lagi ketika tiba-tiba laptop nge hang dan proyek animasi pohon kalian belum di save dan kalian terpaksa untuk merestart komputer kalian. Maka untuk menghindari kejadian yang di luar dugaan, sebaiknya kalian biasakan untuk men-save proyek animasi kalian setiap kalian melakukan banyak perubahan pada animasi kalian. Jadi jika tiba-tiba komputer kalian hang atau tiba-tiba secara otomatis kalian keluar dari software 3d blender maka kalian tidak perlu memulai nya dari awal, kalian tinggal melanjutkan proyek animasi yang telah kalian simpan tadi.

Baiklah sekarang kita ke inti dari artikel ini. Karna ini adalah tutorial 3d blender, maka kalian sebaik nya segera membuka software 3d blender kalian dan mulai praktek nya.

Jika software telah kalian buka, sekarang saat nya kalian membuka user preferences yang ada di

Langit Musik?

2017-11-09T10:02:00.000-08:00

Image : Official Yotube Langit Musik

Ihsan Magazine - Zaman Sekarang, Mendengarkan Musik Bisa dimana saja kapan saja Mau Streaming ataupun Langsung Download Semua nya bisa kalau kamu Pakai Aplikasi Langit Musik di Ponsel Kamu.

Di Aplikasi Langit Musik Sendiri menyediakan Jutaan Lagu terbaru, lirik, tangga lagu terpopuler, Playlist musik pilihan, Dan masih banyak Lagi yang Bisa bikin Hidup kamu lebih Hidup dan Serasa Hanyut kedalam Lagu Favorit mu.

Apa Itu Langit Musik?

Langit Musik adalah layanan untuk mengunduh dan streaming lagu secara legal, tanpa dikenakan biaya data dan tanpa batas via Android, iOS, Laptop Bahkan Hingga Nokia loh.

Kenapa Sih Saya Harus Download dan Pakai Langit Musik?

Ini dia guys alasan nya :

Koleksi Lagu terlengkap Lebih dari 6 Juta Lagu Baru dan Populer tersedia di Langit Musik

Dari Lagu zaman 80an,90an,2000an dari Band dan Penyanyi dalam dan Luar Negeri, Mulai dari Lagu Rock, Jazz Hingga Indie! Pas Saya coba cari lagu kesukaan saya yang anti mainstream pun tetep ketemu loh di Langit Musik, jarang jarang nih ada Aplikasi Streaming Musik Seperti ini, Semua ada di Langit Musik !

DOWNLOAD VIA PLAYSTORE

Koleksi Playlist Sesuai dengan Mood & Momen Kamu !

Lagi Galau, butuh Mood Booster, lagi naik motor atau mobil ataupun Bosan di tempat kerja, Langit Musik bisa mewarnai harimu lebih bewarna seindah langit yang biru loh (sebiru hatiku hehehe), jadi gausah menanti kabar yang kamu tunggu lagi seperti Mbak Melly, Oia Jika kamu cuma mau dengerin Lagu yang Sesuai Genre kamu juga bisa kok, Karena di Langit Musik tersedia Musik By Genre dari yang pop, jazz, reggae, metal hingga dangdut ada semua kok, jadi gausah takut bosen, dan dijamin gak bakal kecewain kamu!. ini dia Musiknya hidup kamu!

Bisa Karaokean! Lirik On The Screen

Pas banget nih buat kamu yang suka Nyanyi dijalan ataupun di kamar mandi, jadi gausah buka aplikasi lainnya cuman buat cari lirik, dijamin kamu bakalan hafal lirik dan gak malu pas lagi nyanyi karena Denger Lagu + Lirik nya di Langit Musik .

Gampang Buat Cari Lagu Yang Sedang Trending, Nge Hits, Bahkan Lagu Favorit Kamu

Dijamin Bikin Kamu Gak Mati Gaya! Karena Kamu Gak Bakalan Ketinggalan Lagi Sama Yang Nama nya Perkembangan Lagu terbaru dan Nge Hits Saat ini! Enak nya lagi pakai aplikasi yang satu ini, salah satu nya adalah Fitur nya yang Lengkap Banget alias Paket Komplit yaitu :

Tag Station

Yuk dengerin Rekomendasi lagu dari sesama pengguna Langit Musik di Hape Kamu Berdasarkan Hastag dan Quotes yang Siapa tahu cocok sama keadaan kamu saat ini.

Fitur Trending Map

Kamu bisa tahu lagu yang sedang trending saat ini berdasarkan kota dan daerah di indonesia lho! hasil bisa bervariasi atau bisa juga sama, tergantung kondisi pasar musik saat ini.

juga Fitur Explore nya yang bikin saya betah dan Gak Uninstall Aplikasi ini.

Ini Bukti nya yang saya test sendiri tentu nya :

Karena Kebetulan saya ini Pecinta Musik Nirvana dan Grunge, untuk pas saya cari ada di LangitMusik, bahkan hingga lagu yang gak populer di Nirvana tapi saya suka seperti Serve the Servant dan Dumb, ada loh di LangitMusik!

Streaming Jutaan Lagu Ga Ngabisin Kuota, Kualitas Suara Jernih, Bisa Dengerin Offline Lagi!

Ini dia salah satu Keunggulan yang bikin saya Jatuh Cinta dengan Langit Musik! Buat orang yang Miskin Kuota Seperti saya, Fitur Lagu Offline ini sangat membantu sekali apalagi pas gak punya kuota data alias paket data sudah habis! Aplikasi ini Membantu banget!

Pastinya gak bikin memori kamu penuh loh jika kamu save lagu kamu secara Offline, saya jadi bingung gimana yah cara bikin Aplikasi Sehebat ini? Hahahaha

Keren nya lagi sudah Support Dolby Audio Quality, jadi dijamin kualitas suara yang kamu dapatkan jernih, clean, High Quality, Suara nya seakan akan terdengar surround atau keluar mengelilingi telinga kita layaknya menonton film di bioskop guys !

Pokoknya Kamu Bisa Dengerin Musik Gratis Kapan Saja Gak Pake Ribet, Apalagi Mudah Di Dengar ataupun di Download Lewat Hape Apapun.

Aplikasi Streaming Musik terbaik di Playstore

Di Playstore saja sudah kebukti kalau Aplikasi Langit Musik ini Sangat Worth it banget kamu Instal di Smartphone kamu, apalagi ukuran nya kecil banget loh, dijamin gak bikin hape kamu lemot ataupun bikin penuh memori hp kamu.

Oia dengan aplikasi ini kamu juga bisa Follow teman teman kamu yang juga memasang Langit Musik di HP nya, juga bisa Follow dan Mengetahui Info Lengkap Artis & Band Favorit kamu.

Impresi Awal Ketika Saya Memakai Aplikasi Langit Musik di Ponsel Saya.

Dari Segi Tampilan Eye Catching banget, Menarik dan Gak Ngebosenin, Banyak Keseruan yang Bikin Hidup Lebih Hidup lagi! yang pastinya sudah saya bahas diatas tadi dan Ingat sudah saya coba sendiri jadi saya berani untuk Recommended aplikasi ini di Blog ini, dan saya juga baca baca di Jalan Tikus, Tanggapan nya Juga Bikin Heboh.

Yuk Buruan Download Langit Musik di Smartphone Kamu! , Cara Baru Menikmati Lagu Yang Kamu Banget, Apalagi ini aman dan legal loh! yuk dukung anti pembajakan khusus nya buat Lagu lagu Karya Anak Bangsa.

DOWNLOAD VIA PLAYSTORE

For more information:
Website: www.langitmusik.co.id
Email: cs.langitmusik@melon.co.id
Twitter: @langitmusik616
IG: langitmusik_616
Fanpage : langitmusik616

Feedback :

Pastinya Langit Musik ini Boleh diadu dengan Aplikasi Musik Lainnya seperti Joox, Sportify dan Soundcloud, Hingga saat ini saya masih nyaman dengan Langit Musik dan Musixmatch di Android saya.

Sedikit masukan saja, halaman awal sudah oke karena kita langsung paham melihat sekilas keunggulan nya, akan tetapi memang seperti beberapa komentar di Playstore, bahwa akan lebih mudah jika ada Tutorial Singkat Interaktif tapi gak ribet dan gak bikin kesel biar orang orang pasti makin cinta dan makin banyak download dan aktif menggunakan aplikasi ini dan dibikin lebih Real time juga pilihan rekomendasi lagu nya lebih dibuat akurat lagi dan yang paling penting itu PROMO NYA KURANG BANYAK.

Akhir kata, Terima kasih untuk Langit Musik yang telah Memberikan Satu Lagi Aplikasi yang Paling Berguna Asli Karya Anak Bangsa Indonesia.

Cara Desain Tema Blogger Template

2017-09-08T07:12:00.000-07:00

Cara Desain Tema Blogger Template

Cara Membuat Blog Gratis Dengan Mudah Untuk Pemula

2017-09-07T23:45:00.000-07:00

Cara Membuat Blog Gratis dengan Mudah di Blogspot.com

Langkah 1: Membuat email dari gmail.com (tapi jika sudah ada email dari gmail.com lewati cara ini) klik disini untuk membuat email, klik Buat Akun lalu lanjutkan dengan mengisi kolom-kolom yang ditunjukkan pada kolom di bawah ini.

Langkah 2: Buka blogger.com, lalu login menggunakan akun gmail.com yang telah anda buat tadi.

Langkah 3: Mulai membuat blog baru, yaitu mengklik Blog Baru, maka akan muncul tampilan seperti gambar di bawah ini, perhatikan penomoran pada gambar.

Keterangan gambar:

Nama blog
Url blog, jika belum ada yang menggunakan maka aka nada tanda centang di sebelahnya
Template untuk blog
Melanjutkan rangkaian pembuatan blog baru

Langkah 4: Mulailah blogging dengan mengklik Entri Baru di bagian dashboard blog.

Dengan begitu anda sudah mempunyai satu blog baru yang nanti sebagai tempat untuk menuangkan unek-unek anda. Jika ingin mengganti template blog, silahkan pilih template di ThemeRespo, siapa tahu ada template yang cocok dengan kriteria anda.

Demikian tutorial cara membuat blog gratis kali ini, mudah-mudahan blog anda berkembang pesat, informatif dan motifatif, juga mudah-mudahan akan mendapat penghasilan dari blog tersebut.

Apa itu Social Media Marketing

2017-09-05T22:59:00.000-07:00

Ingin menjadi Social Media Specialist atau Digital Marketing ? Anda harus paham dulu apa itu SMM Alias Social Media Marketing dan disini Saya akan katakan secara terang-terangan :

Social media itu sarana pemasaran yang terlalu dibesar-besarkan.

Coba lihat statistiknya, sepertinya luar biasa…

Di Tahun 2016 Saja ada Sekitar 43 juta pengguna internet di Indonesia, 82% di antaranya aktif menggunakan social media minimal sekali sebulan.

Tetapi Banyak yang Menyerah ketika sudah 1 bulan atau 3 bulan berjalan, ada yang alasan nya susah, kena tipu, kurang bonafit dan masih banyak lagi

Kenapa rata rata 8 dari 10 Orang Gagal di Social Media Marketing? Karena hanya ini yang biasa mereka dapat dari Seminar seminar ataupun Pelatihan online disana :

Buat akun, hiasi dengan foto & lengkapi profilnya
Buat post yang menarik untuk mendapatkan like/retweet

Itu saja tidak cukup. Sangat tidak cukup.

Agar upaya yang anda lakukan tidak sia-sia silahkan lanjutkan membaca. Dalam panduan ini anda akan mempelajari seperti apa strategi pemasaran social media yang sesungguhnya.

1. Tentukan SATU social media utama

Satu, tidak lebih.

Mengapa cuma satu? Bukannya lebih banyak lebih bagus?

Memang betul. Idealnya semakin banyak kita muncul di hadapan orang lain, akan semakin cepat kita dikenal.

Tapi ada beberapa pertimbangan yang harus dipikirkan:

Waktu
Biaya
Tenaga manusia
Ilmu

Kalau anda tidak punya masalah dengan keempatnya, silahkan pilih lebih dari 1.

Social media marketing itu tidak sederhana. Bukan cuma sekedar posting tweet yang lucu atau upload gambar meme. Dan yang terpenting, tidak diotomatiskan dari social media A ke B.

Anda akan sadar alasannya dalam bab 2.

Intinya, anda sebagai pemain baru tidak akan bisa langsung aktif di banyak social media sekaligus. Ini justru akan berdampak buruk.

Karena itu, pilih social media berdasarkan:

Ukuran: lebih besar lebih baik, tapi belum tentu
Audiens: dimana mayoritas orang-orang yang anda targetkan
Konten: tempat yang efektif untuk video, gambar/foto, teks tidak sama

Mari kita bahas satu per satu.

Ini grafik penggunaan social media di Indonesia dari We Are Social:

Facebook menempati posisi tertinggi sebagai social media dengan jumlah pengguna terbanyak, disusul oleh Twitter.

Lebih lanjut, grafik berikut adalah grafik penggunaan social media di Indonesia berdasarkan rentang umur (2015):

Dari 2 grafik ini, terlihat bahwa Facebook merupakan social media yang paling superior dibandingkan beberapa saingan yang lain.

Apakah ini artinya Facebook paling bagus?

Bisa jadi…tapi belum tentu.

Ukuran dan umur memang 2 faktor utama dalam menentukan social media untuk keperluan pemasaran. Dalam hal ini, Facebook dan Twitter lebih unggul.

Tapi ini masih dipengaruhi lagi oleh audiens dan industri anda.

Untuk semakin memastikan pilihan anda, mari kita lihat karakteristik dari masing-masing social media:

Gunakan Facebook kalau:

Anda tidak ingin ambil pusing.

Hampir semua orang ada di Facebook dalam berbagai minat dan usia. Kemungkinan besar target pasar anda juga ada di Facebook.

Tetapi karena volume yang sangat besar, Facebook punya filter yang ketat. Secara organik, hanya kurang dari 1% dari orang yang mengikuti Page anda akan berinteraksi.

Maka dari itu, anda mungkin akan sangat mengandalkan iklan.

Selain itu, jenis konten di Facebook lebih beragam. Ada banyak pilihan mulai dari sekedar teks, gambar, video, dan link. Kalau anda memanfaatkan Facebook, ada baiknya anda tidak fokus hanya di salah satu jenis.

Terakhir. Frekuensi konten di Facebook rendah, tapi kualitasnya harus tinggi.

Gunakan Instagram kalau:

Apa yang anda pasarkan bisa disajikan dalam foto yang indah.

Kalau anda tidak bisa menyediakan foto yang indah atau kalau sesuatu yang anda pasarkan tidak mampu dijadikan foto, jangan gunakan Instagram.

Golongan usia di Instagram juga saat ini lebih rendah. Berdasarkan grafik di atas, pengguna Instagram di Indonesia yang berusia lebih dari 45 tahun hampir tidak ada.

Instagram mudah untuk dikelola bersama Facebook atau Twitter.

Ini karena konten di Instagram sebagian besar hanya berupa gambar. Gambar yang anda upload di Instagram bisa digunakan kembali untuk konten di Facebook atau Twitter.

Selain itu, tingkat interaksi oleh follower di Instagram jauh lebih tinggi.

2. Tetapkan kepribadian yang anda gunakan

Kalau anda mengikuti beberapa akun brand di social media, akan pasti sadar bahwa kepribadian dari akun-akun tersebut berbeda.

Ada yang santai:

Ada yang serius:

Tidak ada yang salah, keduanya bagus. Tapi ada 2 hal yang harus diperhatikan:

Mana yang mencerminkan bisnis anda
Mana yang tepat untuk audiens anda

Terutama karena di Indonesia kita punya bahasa baku dan bahasa pergaulan. Pastikan anda memilih yang tepat, dan gunakan secara konsisten.

Kalau target pasar anda berusia dewasa, akan aneh kalau menggunakan bahasa yang terlalu santai.

Oh ya, ‘serius’ bukan berarti ‘kaku’.

Kata-kata yang anda gunakan di social media akan mencerminkan bisnis anda. Tidak ada yang suka berteman dengan orang yang bicaranya kaku seperti robot.

Ini beberapa kepribadian yang harus anda tentukan di awal:

Untuk memilih kepribadian mana yang sebaiknya anda gunakan, jawab pertanyaan-pertanyaan berikut:

Kalau brand anda adalah manusia, seperti apa kepribadiannya?
Seperti apa karakter dan gaya bicara dari audiens anda?
Seperti apa hubungan yang ingin anda bangun dengan mereka?
Apa tujuan konten anda? Kepribadian apa yang tepat untuk konten tersebut?
Kesan apa yang ingin anda peroleh dari orang lain?

3. Strategi konten untuk social media

Inilah bagian terpenting dalam social media marketing.

Tanpa memiliki konten yang menarik, semua hal yang anda lakukan di social media akan percuma.

Ada banyak hal yang bisa dibahas mengenai konten. Lebih spesifik untuk masing-masing social media akan dibahas dalam bab selanjutnya.

Untuk sekarang, kita akan bahas konsep dasarnya.

Kesuksesan dalam social media marketing ditentukan oleh 3 hal:

Kualitas konten
Pemilihan waktu posting
Frekuensi posting

Meskipun kualitasnya tinggi, tapi kalau anda salah dalam memilih waktu maka hasilnya akan kurang maksimal. Demikian pula untuk frekuensi/jumlah.

Tidak hanya itu…

…kita sudah mengenal beberapa jenis konten: teks, link, gambar, dan video.

Ternyata tidak semua jenis konten tersebut akan mendapatkan jumlah interaksi yang sama. Konten jenis tertentu akan mendapatkan lebih banyak like/share/retweet.

Mari kita bahas satu per satu.

Jenis post di social media

Berdasarkan data resmi yang dikeluarkan oleh Twitter, inilah jenis tweet yang mendapatkan retweet terbanyak:

Persentase di atas merupakan angka penambahan dibandingkan dengan tweet yang biasa.

Jadi tweet dengan hashtag mendapatkan +16% daripada tweet biasa, foto mendapatkan 35%, video 28% dan seterusnya.

Di Facebook sedikit berbeda…

…inilah jenis post yang mendapatkan hasil terbaik di Facebook:

Data di atas merupakan hasil analisa dari Locowise.

Link mendapatkan jumlah jangkauan terbesar, hingga 18% untuk Page yang memiliki like di atas 10 ribu. Disusul teks dan foto dengan jangkauan antara 7-11%

Oleh karena itu, kalau anda ingin menjangkau banyak orang di Facebook usahakan menggunakan link.

Tema konten

Dari grafik-grafik di atas, kita sudah tahu bahwa link adalah jenis konten terbaik untuk social media marketing. Disusul oleh foto dan teks.

Tapi apa isi dari link, foto, dan teks tersebut?

Berdasarkan artikel dari HubSpot ini, berikut adalah tipe konten yang paling banyak mendapatkan share ke social media:

List-post: artikel berupa daftar [22.14%]
Why-post: artikel penjelasan ‘mengapa’ [22.32%]
Videos: [18.94%]
How-to: artikel panduan [18.42%]
What-post: artikel penjelasan ‘apa’ [17.88%]

Jadi kesimpulannya, post yang mendapatkan jangkauan terbesar di social media adalah yang berupa link. Link yang terpopuler adalah yang berisi artikel berupa daftar (contoh).

Masih ada lagi…

…berdasarkan analisa yang dilakukan oleh OKDork dan BuzzSumo terhadap 100 juta artikel, ternyata yang mendapatkan share terbanyak adalah yang mampu membangkitkan perasaan.

Inilah perasaan yang paling banyak mendapatkan share:

Perasaan yang paling tinggi yaitu:

Awe (kagum)
Laughter (lucu, tertawa)
Amusement (hiburan)
Joy (bahagia)
Anger (marah)
Empathy (empati)

Jenis post terbaik adalah link menuju artikel daftar (list post) yang disertakan foto dan mampu membangkitkan perasaan kagum.

Idealnya seperti itu,

Tapi pada prakteknya, harus anda kombinasikan sendiri. Karena tidak semua industri, target pasar, dan demografi memiliki ketertarikan yang sama.

Frekuensi dan waktu posting

Seperti yang sudah dijelaskan tadi, frekuensi optimal untuk Facebook, Twitter, dan social media lainnya berbeda-beda. Ada yang lebih bagus kalau banyak, ada juga yang sebaiknya tidak terlalu banyak.

Inilah frekuensi optimal untuk masing-masing social media:

Facebook: maksimal 2x sehari dan 5-10x seminggu
Twitter: 5x sehari atau lebih
LinkedIn: 1x per hari dan 20x per bulan
Google+: maksimal 3x sehari
Pinterest: 5x sehari atau lebih
Instagram: 1-2x sehari atau lebih

Itu untuk frekuensi, sekarang waktunya…

…jam sibuk atau jam kosong, mana yang lebih optimal?

Tidak semudah itu.

Kalau kita menulis pada jam sibuk, maka konten kita akan dengan cepat tertutup oleh orang lain. Akhirnya tidak terlihat. Sedangkan pada jam kosong hanya sedikit orang yang aktif.

Jawabannya berbeda-beda, tergantung dari siapa target anda.

Ini waktu yang terbaik untuk membuat tweet agar mendapatkan jumlah klik terbanyak, berdasarkan Buffer:

Belum ada penelitian spesifik untuk Indonesia, tapi minimal ini bisa kita gunakan sebagai acuan.

Untuk Facebook, anda bisa lihat langsung dari Page yang anda miliki.

Seperti contoh ini untuk Page PanduanIM di Facebook:

Dari gambar di atas, ternyata follower PanduanIM paling banyak online di jam 9 malam. Karena itu waktu terbaik untuk membuat post sekitar 0-2 jam sebelumnya.

Sekali lagi, angka ini berbeda-beda tergantung demografinya.

Karena itu, sebaiknya periksa sendiri waktu optimal posting anda.

3. Buat jadwal rutin untuk social media

Social media marketing bukan pekerjaan sekali jalan, tapi berkelanjutan.

Tak peduli seberapa pun bagusnya konten anda, kalau hanya dilakukan sekali-sekali tidak akan pernah berhasil. Para follower akan lupa dengan anda.

Satu lagi…

…social media marketing bukan hanya membuat konten.

Ada pekerjaan lain yang HARUS dilakukan, ini beberapa di antaranya:

Berinteraksi dengan follower dan influencer
Perencanaan konten
Analisa statistik dan goal
Perencanaan dan eksperimen

Untuk mempermudah prosesnya, silahkan ikuti tugas harian, mingguan, dan bulanan ini:

Tugas harian:

Membalas mention, pesan, dan komentar yang masuk
Melakukan monitor kata kunci
Menerbitkan/menjadwalkan konten baru
Mencari bahan untuk konten baru
Mencari orang yang punya banyak follower (influencer)
Berinteraksi dengan influencer
Berinteraksi dengan follower
Membuat gambar untuk konten
Membuat konten untuk komunitas

Tugas mingguan:

Analisa konten dalam seminggu terakhir
Analisa peningkatan dan penurunan yang terjadi
Analisa terhadap goal dan sasaran yang sudah ditentukan
Analisa hashtag
Mengadakan event (webinar, Twitter chat, dll.)
Mencari komunitas baru
Optimasi website untuk social media

Tugas bulanan:

Memeriksa goal yang sudah dibuat
Membuat goal baru
Merencanakan eksperimen baru untuk sebulan depan
Update foto profil, deskripsi, bio
Melakukan penyesuaian terhadap frekuensi dan jadwal posting

Panduan Social Media Marketing

Selamat! Sekarang anda sudah memahami dasar-dasar dari social media marketing, Semoga Berhasil dan Sukses Selalu untuk Kamu Semua ^^

Apa itu SEO Dan Apa Keuntungan Nya?

2017-09-05T22:45:00.000-07:00

Apa Itu SEO? Sebagian besar dari kita pasti sudah mengetahui apa itu SEO (Search Engine Optimization).

SEO adalah serangkaian upaya yang dilakukan oleh seorang webmaster pada sebuah website yang bertujuan untuk meningkatkan visibilitas sebuah halaman website menjadi lebih baik di mesin pencari, terutama Google.

Halaman website yang memiliki ranking yang baik di halaman pencarian Google tentunya akan berpeluang untuk mendapatkan lebih banyak visitor potensial terus menerus secara gratis.

Kalau anda pernah melakukan pencarian website di Google, Yahoo!, Bing, atau mesin pencari lainnya, anda akan melihat daftar website yang relevan dengan pencarian anda.

Mesin pencari mengurutkan hasil pencarian tersebut bukan secara acak, tetapi berdasarkan tingkat relevansi dan kualitas website.

Ada banyak faktor yang digunakan oleh mesin pencari untuk menentukan kedua faktor tersebut.Inilah yang melatarbelakangi SEO.

SEO atau Search Engine Optimization adalah usaha-usaha mengoptimasi website untuk mesin pencari agar mendapatkan peringkat yang lebih baik di hasil pencarian.

Mesin pencari menggunakan algoritma tertentu untuk mengurutkan website-website berdasarkan rangking.

Dengan mempraktekkan SEO, berarti kita menyesuaikan website kita agar bersahabat dengan algoritma tersebut.

Mengapa SEO penting untuk website?

Sejak adanya mesin pencari seperti Google, hampir semua orang mencari informasi secara online melalui search engine.

Dari data yang dipublikasikan oleh Google, website yang menempati peringkat pertama sampai ketiga mendapatkan total klik kumulatif sebesar lebih dari 50%.

Peringkat pertama sendiri mendapatkan lebih dari 20%.

Ini menunjukkan betapa pentingnya SEO untuk website anda, dengan bantuan SEO anda bisa mendapatkan ribuan hingga puluhan ribu pengunjung per hari.

Lebih dari itu, pengunjung dari mesin pencari merupakan orang-orang yang haus akan informasi dan ingin membeli produk. Kalau anda memiliki sebuah bisnis online, pengunjung dari mesin pencari akan memiliki tingkat konversi (conversion rate) terbesar.

SEO merupakan bagian dari inbound marketing yang merupakan teknik marketing modern di era digital.

Pemasaran inbound, termasuk SEO merupakan metode marketing yang memakan biaya terkecil dibandingkan teknik pemasaran tradisional.

Konsep dasar SEO

Google (dan mesin pencari lain) adalah sebuah produk. Mereka ingin supaya orang lain puas menggunakan layanan mereka.

Pengguna menginginkan supaya website terbaik yang relevan dengan pencarian muncul di halaman pertama. Karena itulah mesin pencari selalu ingin menampilkan hasil terbaik untuk setiap kata kunci yang dimasukkan pengguna.

Jadi inti dari SEO adalah jadikan website anda yang terbaik untuk kata kunci yang anda inginkan.

Oke..jadi yang terbaik. Tapi dalam segi apa?

Konten yang disajikan
Struktur dan navigasi
Kepuasan pengguna (User Experience/UX)
Popularitas

Dalam seri panduan SEO ini kita akan mempelajari bagaimana anda bisa menjadi yang terbaik daripada saingan anda.

Bisakah website saya sukses tanpa SEO?

Bisa!

Dengan memperhatikan konsep dasar SEO di atas, anda sebenarnya tidak perlu pusing memikirkan SEO. Tidak jarang orang yang memiliki website yang populer tanpa mengerti SEO.

Ini karena mesin pencari saat ini sudah pintar dalam mengasumsikan struktur halaman dan kualitas website.

SEO saat ini dalam prakteknya lebih dominan sebagai usaha marketing daripada teknikal.

Tapi..

Ada kemungkinan website anda masih butuh sedikit usaha lagi dari anda untuk bisa berhasil. Selain itu dengan mengetahui teknik SEO anda mengerti bagaimana membuat website yang sukses.

Apakah SEO bisa saya lakukan sendiri?

Ada banyak orang atau perusahaan yang menawarkan jasa SEO, tapi sesungguhnya SEO juga bisa anda lakukan sendiri tanpa menggunakan jasa.

Dengan adanya berbagai panduan SEO yang disediakan secara gratis di internet (termasuk panduan ini), anda bisa belajar otodidak dan mengaplikasikannya sendiri.

Anda bisa menghemat jutaan rupiah dengan melakukan optimasi sendiri.

Untuk website bersifat informasi yang strukturnya sederhana, anda kemungkinan besar tidak perlu menggunakan jasa SEO dan cukup mengandalkan panduan ini.

Tetapi kalau website anda punya struktur yang rumit misalkan toko online atau web-app, ada kemungkinan anda membutuhkan jasa SEO untuk menyederhanakan struktur agar ramah terhadap mesin pencari.

Apa saja yang harus saya pelajari?

Ada beberapa komponen utama dalam SEO, komponen-komponen ini yang akan menentukan seberapa baik website anda secara SEO. Komponen ini pula lah yang menentukan urutan rangking di hasil pencarian search engine.

Secara singkat, inilah yang perlu anda pelajari untuk menguasai SEO.

SEO Onpage
Riset Kata Kunci
Analisa Kompetisi
Membangun Konten
Membangun Brand, Reputasi & Popularitas
Membuat Audit Performa SEO Anda & Start to Zero

Dan itu bisa anda pelajari dengan mudah, tetapi butuh perhatian dan kesabaran, karena tidak ada yang instan di dunia ini, terima kasih

Anda perlu belajar SEO dan mengaplikasikannya ke website kalau anda adalah seorang:

Blogger profesional
Pemilik website bisnis
Affiliate & CPA marketer
Pemilik toko online
Pengembang software berbasis web
Profesional yang memanfaatkan website untuk membangun reputasi
Profesional yang memiliki portfolio online
Penjual produk/jasa lewat internet
Pengusaha yang ingin melakukan pemasaran online

Mereka yang termasuk kategori di atas ini harus mengerti SEO…
…minimal dasar-dasarnya.

Alasannya karena calon kustomer, pelanggan, dan pengguna mereka banyak yang menggunakan mesin pencari. Teknik SEO bisa menjadi faktor utama dalam kesuksesannya.

Apakah anda termasuk 9 kategori di atas?
Lanjutkan menuju bab 1, karena mungkin panduan SEO ini bisa menjadi langkah awal dari kesuksesan anda.

Bab 1 : Konsep Dasar SEO
Bab 2 : Onpage SEO
Bab 3 : Riset Kata Kunci
Bab 4 : SEO & Content Marketing
Bab 5 : Offpage SEO
Bab 6 : Link Building
Bab 7 : Melihat hasil nya dan Studi Kasus

Semoga bermanfaat dan terima kasih ^^

Cara Memasang iklan dan Related post di tengah Postingan Blogger

2017-09-05T21:36:00.000-07:00

Memasang iklan dan related post (artikel terkait), recommended article di tengah postingan atau artikel selain akan memicu nilai CTR/jumlah klik pada iklan, juga akan mendongkrat penjelajahan pengunjung terhadap artikel-artikel di blog tersebut. Sehingga nilah Bounce Rate pun akan dapat ditekan.

Hanya saja pada tutorial ini terdapat sedikit penambahan script untuk related post (recommended article), yang berfungsi menampilkan beberapa artikel terkait paling terbaru secara otomatis dari artikel yang tengah dibaca oleh pengunjung.

Demonya seperti pada blog ini :

Memasang iklan dan related post/recommended article di tengah postingan pada Blogger

Untuk membuat widget seperti ini sebetulnya sangat mudah, silahkan ikuti tutorial berikut ini secara melek.

Temukan kode </head> atau </head> lalu letakkan kode barikut ini di atas kode tadi:

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/* related and ads on middle postpage */
#inline_wrapper{display:block;padding:0;margin:0 auto}
.related_inline_wrapper{width:100%;display:block;overflow:hidden}
.related-post-by-title{width:70%;margin:15px auto;display:block;float:left;position:relative}
.related-post-by-title ul{padding:18px 17px 17px 30px;border:1px solid #ddd;margin:0}
.related-post-by-title h4{display:inline-block;background:#fff;padding:0 15px;margin:0;position:absolute;top:-12px;left:40px;font-size:15px;font-weight:700}
.related-post-by-title li a{font-size:14px;font-weight:700!important;margin-top:10px!important}
.ads_middle{margin:15px auto 0;padding:0;text-align:center;display:block;position:relative;}
.ads_middle span{background:#ddd;color:#999;display:none!important;margin:15px 0 0;padding:0 9px!important;float:left;font-size:12px;}
@media screen and (max-width:600px){.related-post-by-title{width:100%;}}
</style>

<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<3){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ul>');document.write();};
//]]>
</script>
</b:if>

Cari kode berikut ini, atau yang mirip (kode pada masing-masing template kemungkinan akan berbeda):

<b:if cond='data:blog.pageType == "item"'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div>
</b:if>

Lalu ganti dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>
</b:if>

Tambahkan kode berikut ini di bawah kode tadi:

<b:if cond='data:blog.pageType == "item"'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='related_inline_wrapper' id='related_inline_wrapper'>

<div class='related-post-by-title' id='related-post-by-title'>
<h4>Baca juga:</h4>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'/> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>

</div>
<div class='ads_middle'> 
<span>Advertisement</span>
// kode Iklan yang sudah diparse, letakkan disini
</div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById("inline_wrapper");var target = document.getElementById("widget-middle");
var opsi1 = target.getElementsByTagName("br");if (opsi1.length > 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName("blockquote");if (opsi2.length > 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName("h2");if (opsi3.length > 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>

Atur jumlah artikel yang akan muncul pada related post dengan mengubah angka pada kode yang ditandai warna merah di atas.

Setelah yakin penempatannya sudah benar, silahkan simpan tema.

Buka salah satu artikel di blog Anda untuk preview. Jika tidak puas dengan model tampilannya, silahkan ubah CSS di atas.

Dengan memasang iklan dan related post tampil secara bersamaan di tengah artikel/postingan, maka tampilan blog post Anda akan terlihat seperti JalanTikus.com, IDNtimes.com, Liputan6.com, Bintang.com ataupun MalesBanget.com dan lainnya.

Cara Memasang Widget Label Tertentu dengan Thumbnail/Gambar di bawah Postingan Blogger

2017-09-05T21:32:00.000-07:00

Tutorial kali ini tentang cara membuat widget label atau kategori tertentu dengan thumbnail yang akan diletakkan di bagian bawah postingan. Unsur script untuk pembuatan widget ini sudah valid HTML5, sehinggal anda tidak perlu khawatir akan error script yang bakal terjadi saat memasangnya.

Widget ini akan menampilkan artikel terbaru dari masing-masing label yang dipilihkan. Cocok digunakan pada blog magazine dan blog personal.

Jika tertarik memasang widget ini, silahkan ikuti tutorialnya berikut.

Cara Memasang Widget Label Tertentu dengan Thumbnail/Gambar di bawah Postingan Blog

1. Login ke blogger, masuk ke dashboard blog anda, lalu klik pada menu Template > Edit Template.

2. Cari kode </style> atau </b:skin> lalu letakkan kode CSS berikut ini tepat di atasnya.

/* Recent By Label */
#tag1, #tag2{margin:0;padding:0 0 30px;width:100%}
#tag1-wrapper h2,#tag2-wrapper h2,#tag1-wrapper h3,#tag2-wrapper h3 {color:#333;text-transform:capitalize;font-size:140%;font-weight:400;padding:15px 0;margin:0 0 15px;border-bottom:1px solid #eee}
#tag1-wrapper .recent-by-tag li,#tag2-wrapper .recent-by-tag li{width:30%;margin-right:5%;margin-bottom:30px;display:block;float:left}
#tag1-wrapper .recent-by-tag li:last-child,#tag2-wrapper .recent-by-tag li:last-child{margin-right:0}
#tag1-wrapper .recent-by-tag img,#tag2-wrapper .recent-by-tag img{width:100%;height:130px}
#tag1-wrapper .recent-by-tag li a,#tag2-wrapper .recent-by-tag li a{color:#454545}
#tag1-wrapper .recent-by-tag li a:hover,#tag2-wrapper .recent-by-tag li a:hover{color:#349acb}
#tag1-wrapper .recent-by-tag li .showdates,#tag2-wrapper .recent-by-tag li .showdates{display:block;font-size:11px;font-weight:bold;color:#a7b0b7}

3. Karena widget ini akan diletakkan dibagian bawah postingan, maka anda perlu menambahkan kerangka baru, dengan cara; temukan kode berikut

<b:section class='main' id='main' showaddelement='no'>

Lalu susutkan dengan mengklik bidang (segitiga) tepat sejajar disisi kirinya, sehingga menjadi seperti ini

<b:section class='main' id='main' showaddelement='no'>...</b:section>

4. Kopi kode berikut ini dan letakkan di bagian bawah kode yang disusutkan tadi.

<div id='tag1-wrapper'>
<b:section class='tags1' id='tags1' showaddelement='yes'>
<div class='clear'/>
</div>
<div id='tag2-wrapper'>
<b:section class='tags2' id='tags2' showaddelement='yes'>
<div class='clear'/>
</div>

6. Cari kode </head> lalu letakkan kode di bawah ini tepat di atasnya.

<script type='text/javascript'>
var numposts = 3;
var showpostthumbnails = true;
var showpostdate = true;
//<![CDATA[
var _0xecb6=["\x3C\x75\x6C\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x65\x63\x65\x6E\x74\x2D\x62\x79\x2D\x74\x61\x67\x22\x3E","\x77\x72\x69\x74\x65","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x65\x6E\x67\x74\x68","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x68\x72\x65\x66","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x75\x72\x6C","\x6D\x65\x64\x69\x61\x24\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C","\x63\x6F\x6E\x74\x65\x6E\x74","\x3C\x69\x6D\x67","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","","\x68\x74\x74\x70\x3A\x2F\x2F\x32\x2E\x62\x70\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F\x2D\x67\x69\x6F\x76\x61\x31\x5A\x43\x68\x2D\x41\x2F\x55\x7A\x71\x36\x4C\x38\x51\x54\x4A\x4E\x49\x2F\x41\x41\x41\x41\x41\x41\x41\x41\x41\x4A\x63\x2F\x55\x53\x58\x69\x63\x74\x54\x71\x5F\x78\x73\x2F\x73\x37\x30\x2D\x63\x2F\x4B\x4D\x2B\x49\x63\x6F\x6E\x2E\x70\x6E\x67","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","\x4A\x61\x6E\x75\x61\x72\x69","\x46\x65\x62\x72\x75\x61\x72\x69","\x4D\x61\x72\x65\x74","\x41\x70\x72\x69\x6C","\x4D\x65\x69","\x4A\x75\x6E\x69","\x4A\x75\x6C\x69","\x41\x67\x75\x73\x74\x75\x73","\x53\x65\x70\x74\x65\x6D\x62\x65\x72","\x4F\x6B\x74\x6F\x62\x65\x72","\x4E\x6F\x76\x65\x6D\x62\x65\x72","\x44\x65\x73\x65\x6D\x62\x65\x72","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x63\x6C\x65\x61\x72\x22\x3E","\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x61\x72\x67\x65\x74\x20\x3D\x22\x5F\x62\x6C\x61\x6E\x6B\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x63\x6C\x61\x73\x73\x3D\x22\x72\x63\x74\x2D\x74\x68\x75\x6D\x62\x22\x20\x61\x6C\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x22\x2F\x3E\x3C\x2F\x61\x3E","\x3C\x73\x74\x72\x6F\x6E\x67\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x72\x65\x6C\x3D\x22\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x73\x74\x72\x6F\x6E\x67\x3E","\x3C\x62\x72\x3E","\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x68\x6F\x77\x64\x61\x74\x65\x73\x22\x3E","\x20","\x3C\x2F\x73\x70\x61\x6E\x3E","\x3C\x2F\x6C\x69\x3E","\x3C\x2F\x75\x6C\x3E"];function rcentbytag(_0xb075x2){document[_0xecb6[1]](_0xecb6[0]);for(var _0xb075x3=0;_0xb075x3<numposts;_0xb075x3++){var _0xb075x4=_0xb075x2[_0xecb6[3]][_0xecb6[2]][_0xb075x3];var _0xb075x5=_0xb075x4[_0xecb6[5]][_0xecb6[4]];var _0xb075x6;if(_0xb075x3==_0xb075x2[_0xecb6[3]][_0xecb6[2]][_0xecb6[6]]){break };for(var _0xb075x7=0;_0xb075x7<_0xb075x4[_0xecb6[7]][_0xecb6[6]];_0xb075x7++){if(_0xb075x4[_0xecb6[7]][_0xb075x7][_0xecb6[8]]==_0xecb6[9]&&_0xb075x4[_0xecb6[7]][_0xb075x7][_0xecb6[10]]==_0xecb6[11]){var _0xb075x8=_0xb075x4[_0xecb6[7]][_0xb075x7][_0xecb6[5]];var _0xb075x9=_0xb075x4[_0xecb6[7]][_0xb075x7][_0xecb6[12]];};if(_0xb075x4[_0xecb6[7]][_0xb075x7][_0xecb6[8]]==_0xecb6[13]){_0xb075x6=_0xb075x4[_0xecb6[7]][_0xb075x7][_0xecb6[12]];break ;};};var _0xb075xa;try{_0xb075xa=_0xb075x4[_0xecb6[15]][_0xecb6[14]]}catch(h){s=_0xb075x4[_0xecb6[16]][_0xecb6[4]];a=s[_0xecb6[18]](_0xecb6[17]);b=s[_0xecb6[18]](_0xecb6[19],a);c=s[_0xecb6[18]](_0xecb6[20],b+5);d=s[_0xecb6[21]](b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=_0xecb6[22]){_0xb075xa=d}else {_0xb075xa=_0xecb6[23]};};var _0xb075xb=_0xb075x4[_0xecb6[24]][_0xecb6[4]];var _0xb075xc=_0xb075xb[_0xecb6[25]](0,4);var _0xb075xd=_0xb075xb[_0xecb6[25]](5,7);var _0xb075xe=_0xb075xb[_0xecb6[25]](8,10);var _0xb075xf= new Array;_0xb075xf[1]=_0xecb6[26];_0xb075xf[2]=_0xecb6[27];_0xb075xf[3]=_0xecb6[28];_0xb075xf[4]=_0xecb6[29];_0xb075xf[5]=_0xecb6[30];_0xb075xf[6]=_0xecb6[31];_0xb075xf[7]=_0xecb6[32];_0xb075xf[8]=_0xecb6[33];_0xb075xf[9]=_0xecb6[34];_0xb075xf[10]=_0xecb6[35];_0xb075xf[11]=_0xecb6[36];_0xb075xf[12]=_0xecb6[37];document[_0xecb6[1]](_0xecb6[38]);if(showpostthumbnails==true){document[_0xecb6[1]](_0xecb6[39]+_0xb075x6+_0xecb6[40]+_0xb075x5+_0xecb6[41]+_0xb075x5+_0xecb6[42]+_0xb075xa+_0xecb6[43])};document[_0xecb6[1]](_0xecb6[44]+_0xb075x6+_0xecb6[40]+_0xb075x5+_0xecb6[45]+_0xb075x5+_0xecb6[46]);document[_0xecb6[1]](_0xecb6[47]);var _0xb075x10=_0xecb6[22];var _0xb075x11=0;if(showpostdate==true){_0xb075x10=_0xecb6[48]+_0xb075x10+_0xb075xe+_0xecb6[49]+_0xb075xf[parseInt(_0xb075xd,10)]+_0xecb6[49]+_0xb075xc+_0xecb6[50];_0xb075x11=1;};document[_0xecb6[1]](_0xb075x10);document[_0xecb6[1]](_0xecb6[51]);if(_0xb075x3!=numposts-1){document[_0xecb6[1]](_0xecb6[22])};};document[_0xecb6[1]](_0xecb6[52]);}
//]]>
</script>

7. Cari lagi kode </body> lalu letakkan kode berikut ini tepat di atasnya.

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {$('#tag1-wrapper img,#tag2-wrapper img').attr('src', function(i, src) {return src.replace( 's72-c', 's400' );});});
//]]>
</script>

8. Simpan template.

9. Masuk atau klik Tata Letak, akan tampak tambahan gadget seperti gambar berikut.

10. Untuk memasukkan script pemanggil widget label tertentu caranya ialah, klik Tambahkan Gadget > HTML/JavaScript, lalu letakkan kopi kode berikut ini dan paste ke kolom yang tersedia.

<script>
document.write("<script src=\"/feeds/posts/default/-/Black?orderby=updated&alt=json-in-script&callback=rcentbytag\"><\/script>");
</script>

Perhatikan:
Kata Black pada kode di atas adalah nama label, sesuaikan kata tersebut dengan label yang ingin ditampilkan.

10. Jangan lupa Simpan.

Ukuran thumbnail silahkan sesuaikan dengan lebar blog anda dengan mengedit CSS pada langkah 2. Demikian cara membuat Widget Label Tertentu dengan Thumbnail di Bawah Postingan. Sumber: Arlina Design.

Cara Membuat Tabel Keterangan Rensponsive di Blogger

2017-09-05T21:30:00.000-07:00

Tutorial blog kali ini tentang cara membuat table keterangan di blogspot atau blogger seperti yang demonya anda dapat lihat pada laman Pasang Iklan di blog ini.

Kalau anda pengguna template blog +Arlina Fitriyani pasti anda sudah melihat tata letak tabel keterangan template yang ada di blog tersebut.

Table keterangan ini berguna mempermudah pengunjung untuk melihat fitur apa saja yang terdapat pada template tersebut.

Selain untuk keterangan fitur template, tabel ini juga dapat anda terapkan untuk membuat keterangan lainnya, misalnya keterangan untuk bisnis online, klasemen bola atau motoGP dan lain sebagainya.

Berikut ini contoh penggunaan tabel untuk keterangan sebuah bisnis online:

Detail:	RevenueHits
Website URL	url here
Tipe jaringan	CPM, CPC, CPA
Tipe iklan	Banner, Rich media, pop up/under, text
Metode pembayaran	Paypal, Wire Transfer, Payoneer
Minimal Payout	Paypal $20, Wire transfer $500, Payoneer $20
Fill rate	100%
Frekuensi pembayaran	NET 30
Rate eCPM tertinggi	US, Europe traffic
Penerimaan traffic	Seluruh negara
Ad Mobile	Yes
Ad custom format	Yes
Affiliasi	Yes
Bebas virus dan malware	Yes
Dukungan web Indonesia	Yes
Kolaborasi dengan Adsense	High risk

Bagaimana? Anda juga tertarik memasangnya di blog anda? Silahkan ikuti tutorialnya berikut ini.

Cara Membuat Tabel Keterangan Unik Seperti Arlina Design

Kopi kode berikut ini dan masukkan ke template blogger anda, dengan cara masuk ke dasbor blog > Template > Edit HTML. Kemudian letakkan kode berikut tepat di atas kode </style> atau </b:skin>

/* CSS Post Table */
table{border-collapse:collapse;border-spacing:0;}
.post-body table td {border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #5a97ff;padding:10px;text-align:left;vertical-align:top;background:#4588f3 !important;color:#fff}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
.post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:50%}
table.columns-4 td.columns-cell{width:30%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.post-body td img, .post-body th img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}
.post-body table.tr-caption-container img, .post-body table.tr-caption-container img, .post-body img {list-style:none;max-width:100%;height:auto;padding:0 !important;margin:0 !important}
.post-body table.tr-caption-container td {border:none;padding:0 !important;margin:0 !important}
.post-body table caption{max-width:100%;height:auto;border:none !important;padding:0 !important}
.post-body img.video-thumbnail,.youtube-thumb{visibility:hidden !mportant;display:none !important;height:0}

Jangan lupa simpan template.

Kemudian jika setiap anda membuat postingan yang membutuhkan tabel tersebut, silahkan edit kode berikut ini pada notepad, sesuaikan keterangan yang akan dibuat dalam tabel.

<table cellpadding="0" cellspacing="0" style="text-align: left;"><tbody>
<tr> <th>Detail:</th> <th>RevenueHits</th> </tr>
<tr> <td>Website URL</td> <td>url here</td> </tr>
<tr> <td>Tipe jaringan</td> <td>CPM, CPC, CPA</td> </tr>
<tr> <td>Tipe iklan</td> <td>Banner, Rich media, pop up/under, text</td> </tr>
<tr> <td>Metode pembayaran</td> <td>Paypal, Wire Transfer, Payoneer</td> </tr>
<tr> <td>Minimal Payout</td> <td>Paypal $20, Wire transfer $500, Payoneer $20</td> </tr>
<tr> <td>Fill rate</td> <td>100%</td> </tr>
<tr> <td>Frekuensi pembayaran</td> <td>NET 30</td> </tr>
<tr> <td>Rate eCPM tertinggi</td> <td>US, Europe traffic</td> </tr>
<tr> <td>Penerimaan traffic</td> <td>Seluruh negara</td> </tr>
<tr> <td>Ad Mobile</td> <td>Yes</td> </tr>
<tr> <td>Ad custom format</td> <td>Yes</td> </tr>
<tr> <td>Affiliasi</td> <td>Yes</td> </tr>
<tr> <td>Bebas virus dan malware</td> <td>Yes</td> </tr>
<tr> <td>Dukungan web Indonesia</td> <td>Yes</td> </tr>
<tr> <td>Kolaborasi dengan Adsense</td> <td>Hight risk</td> </tr>
</tbody> </table>

Demikian modifikasi tabel keterangan untuk blogspot/blogger kali ini, semoga membantu dan selamat mencoba.

Tutorial Cara Membuat Artikel Terkait Yang Rensponsive dan Keren

2017-09-05T21:25:00.000-07:00

Kali ini saya akan Berbagi tentang Related Post yang keren dan Bagus punya Mirip Punya Bung frangki dan Jalan tikus.

Keunggulan nya akan meningkat User Experience dan Mengurangi Bounce Rate, tentunya juga bikin blog kamu makin keren! :)

Bagi yang ingin membuat related pos seperti yang saya gunakan di blog ini, silahakn ikuti caranya berikut.

Tutorial Cara Membuat Artikel Terkait Yang Rensponsive dan Keren

Cara membuat Related Post (DTE) dua kolom dengan thumbnail

Silahkan masuk ke Edit HTML, lalu tambahkan CSS berikut ini di atas </head> atau </head>

<b:if cond='data:blog.pageType == "item"'>
/* css related posts DTE */
#related-wrapper{margin:auto;padding:0 20px}
.related-post h4{margin:30px 4px 15px 4%!important;font-size:22px;text-transform:capitalize;font-weight:normal;padding:0;color:#444}
.related-post{margin:0 0 0 -4%;padding:0;font-size:13px;text-align:left;box-sizing:border-box}
.related-post,.related-post-style-3 .related-post-item{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.related-post-style-3,.related-post-style-3 li{margin:0!important;padding:0!important;list-style:none;word-wrap:break-word;overflow:hidden}
.related-post-style-3 .related-post-item{display:block;float:left;width:50%;height:230px;padding-left:4%!important;margin:0 0 10px!important;box-sizing:border-box}
.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0 0 5px;width:100%;height:160px;max-width:none;max-height:none;background-color:transparent;padding:0;}
.related-post-style-3 .related-post-item-tooltip{padding:0;overflow:hidden;text-overflow:ellipsis;display:block;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.related-post-style-3 .related-post-item-tooltip a.related-post-item-title{font-size:17px;font-weight:700;display:block;color:#444!important;line-height:1.15em!important}
.related-post-style-3 .related-post-item-tooltip a.related-post-item-title:hover{color:#4285f4!important}
@media screen and (max-width:480px){#related-wrapper{padding:0 15px}.related-post h4{margin:30px 4px 15px 0!important;}.related-post{margin:0;}.related-post-style-3 .related-post-item{display:block;float:none;width:100%;height:auto;margin-bottom:20px!important;padding:0!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.related-post-style-3 .related-post-item-thumbnail{width:100%;height:auto}}
</b:if>

Cari kode </article> lalu tambahkan kode ini.

<b:if cond='data:blog.pageType == "item"'>
<div id='related-wrapper'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];var relatedPostConfig={homePage:"<data:blog.homepageUrl/>",widgetTitle:"<h4>Artikel Terkait</h4>",numPosts:6,summaryLength:0,titleLength:"auto",thumbnailSize:320,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Read More",widgetStyle:3,callBack:function(){}}
</script></div>
</b:if>

Keterangan: angka 6 pada kode di atas adalah jumlah post yang tampil pada related post.

Juga JavaScript berikut ini, letakkan di atas </body> atau </body>

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:200,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/, "/s"+d.thumbnailSize):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>

Simpan template dan lihat hasilnya.

Bagaimana? mudah bukan? semoga blog dan website anda makin ramai
Terima kasih!

Optimasi SEO Onpage Agar Sesuai dengan Social Media

2017-09-05T21:21:00.000-07:00

Dengan perkembangan dunia SEO Onpage dalam beberapa bulan ini, ada perubahan dalam sistem algoritma Google Fred, maka dari itu ada baik nya juka kita upgrade juga kemampuang SEO Onpage kita dengan teknik Open Graph, ini dia cara nya :

Memasang atau mengetahui Admin ID dan FB App ID untuk poperti meta tag blog itu sebetulnya cukup penting. Sebab property ini akan menghindari terjadinya error pada tools debug object Facebook, pada setiap artikel di blog/website.

Kurang lebih model property meta tag tersebut seperti ini:

<meta content='XXXXX' property='fb:app_id'/>
<meta content='XXXXX' property='fb:admins'/>

Cara mendapatkan ID fb:app_id dan fb:admins itu berbeda caranya. Untuk tutorial kali ini, saya akan awali dengan cara mengetahui Facebook App ID (fb:app_id), kemudian akan dilanjutkan dengan Facebook Admin ID (fb:admins).

Cara mendapatkan Facebook App ID (fb:app_id)

Sebelum melakukan langkah-langkah ini, pastikan Anda sudah login ke akun Facebook. Jika sudah, silahkan lanjutkan:

Buka halaman Developer Facebook.

Pilih “Tambahkan Sebuah Aplikasi Baru”.

Isikan Nama Tampilan dan Email lalu klik “Buat ID Aplikasi”.

Masukkan teks acak-acak itu ke dalam kotak, huruf besar-kecil diperhatikan karena dia sensitive, lalu pilih “Kirim”.

Akan muncul tampilan baru, pilih “Tinjauan Aplikasi”, langkah ini untuk mengaktifkan aplikasi Anda agar bersifat publik dan bisa digunakan sebagai meta-tag.

Untuk mengaktifkan silahkan klik pada kota yang ditandai pada gambar di atas.

Pilih kategori, lalu Konfirmasi.

Selamat, Aplikasi Facebook Anda sudah siap digunakan ID-nya. Silahkan kembali ke halaman depan aplikasi dengan mengklik menu “Dasbor”.

ID aplikasi Anda ialah yang ditandai seperti pada gambar berikut.

Jadi hasilnya akan menjadi seperti ini:

<meta content='331877810604617' property='fb:app_id'/>

Jika Anda benar-benar ingin memanfaatkan aplikasi tersebut untuk keperluan blog Anda, melihat analaytics misalnya, silahkan lanjutkan dengan tahap pengaturan berikut:

Scroll ke bawahnya, kemudian klik “Pilih Platform”

Pilih ikon WWW atau Situs Web.

Scroll ke bawah lagi, temukan kolom seperti pada gambar berikut. Isikan URL blog Anda disitu, lalu klik Next.

Selesai.

Baca Juga :

Terima kasih

Cara Memasang Tombol Back To Top Rensponsive Keren dan Ringan

2017-09-05T21:06:00.000-07:00

Bagi kamu yang ingin ada tombol back to top ini sangat berguna dalam meningkatkan Kenyamanan Pengunjung blog anda dan mengurangi Bounce Rate anda

Walaupun tombol ini cukup sederhana, tetapi menurut Saya terasa sangat menarik dan minimalis.

Tombol ini nantinya akan muncul di pojok bawah kanan blog Anda.

Oke! Langsung saja kita menuju tutorial

Cara Memasang Tombol Back To Top Rensponsive Keren

1. Login ke Blogger > Klik Template > Edit HTML > Tambahkan kode di bawah ini tepat di atas kode ]]></b:skin> atau </style>

/* Back To Top */
.backtotop{display:none}.backtotop{position:fixed;bottom:50px;right:0;cursor:pointer;font-weight:bold;box-shadow:-5px 5px rgba(0,0,0,.1);padding:10px;background-color:#fff;opacity:.6}.backtotop span{background-image:url(https://2.bp.blogspot.com/-QLZM-aUhB6w/VyL3AeOfEfI/AAAAAAAADBU/g6Ff-NvsU_c3ZZn3LM0luDDCRnQjzEK9wCLcB/s1600/icon.png);background-position:0 -272px;background-repeat:no-repeat;height:25px;width:22px;display:inline-block;vertical-align:middle;margin-right:5px }.backtotop:hover{opacity:1}

2. Setelah itu tambahkan kode di bawah ini tepat sebelum kode </body>

<div class="backtotop hide"><span></span>Atas</div>
<script type='text/javascript'>
$(function(){$(window).scroll(function(){$(this).scrollTop()>100?$(".backtotop").fadeIn():$(".backtotop").fadeOut()}),$(".backtotop").click(function(){return $("html,body").animate({scrollTop:0},800),!1})});
</script>

3. Terakhir simpan template dan lihat hasilnya.

Result

Cara Memasang Tombol Back To Top Rensponsive Ringan :

Peranan dan fungsi dari tombol back to top sendiri cukup penting yaitu memberikan kemudahan bagi pengunjung yang ingin mengscroll halaman kembali ke atas dengan hanya mengklik satu tombol.

Catatan : Jika di template sudah ada tombol back to top, silahkan hapus terlebih dahulu.

Berikut cara pemasangannya :

1. Login ke Blogger Dashboard > pilih blog > pilih Template > kemudian klik Edit HTML, simpan kode di bawah ini setelah <head> atau sebelum </head>

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

Jika di template anda sudah terpasang Fontawesome di atas, abaikan langkah pertama lanjut ke langkah berikutnya.

2. Simpan CSS di bawah ini sebelum ]]></b:skin> atau </style>

.smoothscroll-top {
    position:fixed;
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    text-align:center;
    z-index:99;
    background-color:#2ba6e1;
    color:#fff;
    width:47px;
    height:44px;
    line-height:44px;
    right:25px;
    bottom:-25px;
    padding-top:2px;
    border-radius:5px;
    transition:all 0.5s ease-in-out;
    transition-delay:0.2s;
}
.smoothscroll-top:hover {
    background-color:#3eb2ea;
    color:#fff;
    transition:all 0.2s ease-in-out;
    transition-delay:0s;
}
.smoothscroll-top.show {
    visibility:visible;
    cursor:pointer;
    opacity:1;
    bottom:25px;
}
.smoothscroll-top i.fa {
    line-height:inherit;
}

3. Simpan jQuery dan HTML di bawah ini sebelum </body>

<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear');
}
//]]>
</script>

4. Setelah itu simpan template dan lihat hasilnya.

Result

Dengan tambahan efek bounce

<div class="smoothscroll-top">
    <span class="scroll-top-inner">
        <i class="fa fa-2x fa-arrow-circle-up"></i>
    </span>
</div>
<script type='text/javascript'>
//<![CDATA[
$(function(){
 
    $(document).on( 'scroll', function(){
 
        if ($(window).scrollTop() > 100) {
            $('.smoothscroll-top').addClass('show');
        } else {
            $('.smoothscroll-top').removeClass('show');
        }
    });
 
    $('.smoothscroll-top').on('click', scrollToTop);
});
 
function scrollToTop() {
    verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0;
    element = $('body');
    offset = element.offset();
    offsetTop = offset.top;
    $('html, body').animate({scrollTop: offsetTop}, 600, 'linear').animate({scrollTop:25},200).animate({scrollTop:0},150) .animate({scrollTop:0},50);
}
//]]>
</script>

Result

Untuk setingan warna dan lainnya bisa anda edit kembali sesuai selera, sekian dari saya. Selamat pagi dan semoga bermanfaat.

Terima kasih

Cara Memasang Tombol Rensponsive di Blogger

2017-09-05T21:00:00.000-07:00

Memasang Slide Button di Blog - Jika kamu ingin punya button di artikel atau dalam halaman tertentu, disini saya akan kasih cara nya dengan meletakan kode CSS saja, berbeda dengan yang lain, button ini menggunakan efek "hover" dan "inset" sederhana sehingga tidak akan membebani kinerja blog.

Ok singkat saja kita langsung saja ke tutorial :

1. Simpan CSS Ini Diatas </style>

#wrap {margin:20px auto;text-align:center;}
a.btn {display:inline-block;position:relative;font-family:'Open Sans',sans-serif;text-decoration:none;font-weight:700;background:#30abd5;letter-spacing:.5px;padding:10px 20px;margin:10px;color:#fff;box-shadow:inset 0 0 0 #22313F;font-size:16px;text-transform:uppercase;border-radius:3px;transition:all 0.3s ease-out;}
a.btn:hover {background:#30abd5;color:#fff;box-shadow:inset 0px -50px 0px #22313F;}
a.btn:active {color:#05555e;box-shadow:inset 0px -50px 0px #f5f7fa;}
a.btn.warn {background:#f5f7fa;color:#05555e;box-shadow:inset 0 0 0 #30abd5;}
a.btn.warn:hover {background:#f5f7fa;color:#fff;box-shadow:inset 0px -50px 0px #30abd5;}
a.btn.warn:active {color:#fff;box-shadow:inset 0px -50px 0px #30abd5;} 0px -50px 0px #30abd5;}

2. Lalu gunakan markup dibawah ini pada post editor tab HTML

<div id="wrap"><a class="btn" href="#">Button</a></div>
<div id="wrap"><a class="btn warn" href="#">Button</a></div>

3. Simpan.

Agar tampilan lebih menarik, silakan bisa sobat kreasikan kembali. Semoga berhasl dan Foila, Anda sudah bisa menikmatinya, terima kasih.

Tutorial Cara Memunculkan Thumbnail Pada AMP HTML Blogger

2017-09-05T20:56:00.000-07:00

Pasti anda sudah tahu bukan dalam dunia SEO Dan Google, kita kembali dikejutkan dengan AMP Alias Accerate Mobile Pages

Sebagaimana kita ketahui, bahwa tag imgpada AMP HTML berubah menjadi amp-img. Apabila kita menuliskan pada postingan seperti ini :

<img alt='gambar' src='url-image'/>

Maka akan mengakibatkan error validasi AMP HTML. Penulisan yang benar seperti disini yaitu :

<amp-img src="url-image-disini"
    width="1080"
    height="610"
    layout="responsive"
    alt="AMP HTML"></amp-img>

Image akan muncul dengan baik pada postingan. Akan tetapi tidak akan muncul pada thumbnail di halaman utama / homepage.

Untuk mengakalinya, agar image muncul pada Homepage tambahkan tag noscript sehingga kode menjadi seperti ini :

<noscript><img alt='gambar' src='url-gambar-anda'/></noscript>

Silahkan langsung di coba saja dan lihat hasil nya, terima kasih ^^

Tutorial Cara Membuat Slider di Blogger Ringan

2017-09-05T20:44:00.000-07:00

Bagi kamu yang sedang bingung mencari Slideshow yang tepat di halaman blogger kamu, saya punya alternatif yang sangat ringan dan rensponsive, ini dia silahkan disimak saja

Cara Membuat Slideshow di Blogger :

<amp-carousel width="400"
      height="300"
      layout="responsive"
      type="slides">
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFiyu619dQhyWU8_O9tO0K1_OpET6WAcj-Vu4XvKLktRHHN9H3jrOiiqBDvdBirFYKndEqrtCaEX-d0hYA6wnh-RAtagKSCZOfzxs5FpeUbyCAxHb8B223khglLMpxOzsB77-uZy1U-6WR/s1600/image1.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIFNG15M83oBnPfN9yrYg3MYOiJrhOLjiG9qhc2m6NPo3GNaUInXS8MVYoB3j8bFeMuhrOxEDrN-4UIEJetQfx_cvlgG-KLjF-dm6ONNAESUyjoznfJSqcm9yWyIsChsszbe2SOSRnUOlB/s1600/image2.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
    <amp-img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQFwivMebqNODf3BuUOOjwPJ8R6fXM6SR6cTnPXrNQsiz3D6cIxzztoicKeLFjrdVI1rRj2ci8wm9GfyzmZm_sVw33o0brxb5t6ePowXFez9_AyfGDpMQ_dAtbTxGBu1AsFxS6H5srV4F4/s1600/image3.jpg"
        width="400"
        height="300"
        layout="responsive"></amp-img>
  </amp-carousel>

Bagaimana? keren bukan

Jika anda ingin tahu lebih lanjut tentang model dan desain slider terbaru dan keren, anda bisa baca artikel di bawah ini :

20 Tipe Slider Rensponsive Blogger

Semoga bermanfaat dan terima kasih banyak

Apa Itu 3D Blender ?

2017-08-01T21:47:00.004-07:00

3D Blender adalah software untuk membuat animasi yang bersifat opensource alias gratis. Walaupun software ini gratis, tetapi software 3d blender ini tidak kalah dengan software pembuat animasi yang berbayar. Banyak sekali film animasi berkualitas dan kebanyakan sudah mendunia yang pembuatanya menggunakan software ini. Sebagai contoh film dalam negeri yang sudah tayang di layar kaca dan p

embuatanya menggunakan software 3d blender adalah Adit dan Sopo Jarwo. Pada awalnya saya pikir film ini pembuatanya menggunakan software berbayar yang mahal dikarnakan hasil animasi nya cukup baik, tetapi setelah saya membaca salah satu artikel yang mengatakan bahwa film tersebut di buat menggunakan software 3d blender. Saya jadi yakin jika blender ini tidak kalah dengan produk berbayar lainya.

Sebenarnya tidak hanya di Indonesia saja yang memproduksi film animasi menggunakan software 3d blender. Banyak sekali negara di dunia ini yang menggunakan software 3d blender untuk membuat animasi, karna seperti yang sudah saya sebutkan di atas bahwa 3d blender ini adalah software gratis yang sangat berkualitas dan tidak kalah dengan yang berbayar maka banyak sekali perusahaan pembuat film animasi menggunakan software ini. Sebagai contoh nya adalah film Tears Of Steel dan Big Buck Bunny.

Software 3d blender juga memiliki beberapa kelebihan selain opensource, diantaranya.

1. Multy platform
Tidak hanya di windows, software ini juga tersedia untuk Linux, dan mac os x. Walaupun begitu,
interface yang ada pada software ini tidak akan berbeda meskipun 3d blender ini di gunakan
untuk linux.

2. Fitur nya lengkap
Memiliki fitur yang lengkap adalah salah satu keunggulan utama dari 3d blender ini. Kita tidak
hanya bisa membuat kartoon animasi, melainkan kita juga bisa membuat sebuah game dan
membuat film yang menggabungkan antara animasi dengan dunia nyata dengan menggunakan
green screen.

Untuk mengakhiri artikel ini, saya akan memberikan sedikit informasi tentang film apa saja yang di buat dengan menggunakan software 3d blender dan sudah mendunia dari dalam dan luar negeri

1. Adit dan Sopo Jarwo.

2. Tears of steel.

3. Big Buck Bunny.

Cara Membuat Animasi Bergerak Menggunakan Software 3d Blender

2017-08-01T20:49:00.003-07:00

Hal pertama yang harus kalian lakukan adalah membuka software 3d blender kalian. Jika kalian memiliki software 3d blender dengan versi yang berbeda dengan blender saya, tenang saja karna tidak akan berbeda dengan blender yang saya gunakan ini.

Setelah software 3d blender kalian terbuka, sekarang saat nya kalian berkreasi dengan cara membuat objek 3d kalian dengan imajinasi kalian. Untuk apa objek yang kalian buat?.. . Fungsinya adalah untuk karakter dalam pembuatan animasi bergerak nya. Mengapa saya tidak memberikan tutorial nya beserta dengan cara membuat objek karakter nya. Karna jika saya menyertakan tutorial pembuatan karakter nya juga, maka ini akan menjadi tutorial yang panjang dan menyebalkan untuk saya. Jika kalian bertanya tentang, objek apa yang saya gunakan dalam tutorial kali ini??, Untuk objek nya saya akan menggunakan objek kubus saja karna saya malas membuat objek nya.

Jika karakter kalian sudah jadi, maka sekarang saat nya membuat animasi nya.

Untuk dasar-dasar dari pembuatan animasi nya adalah memberikan bone atau tulang pada objek karakter kalian. Cara cukup mudah dan simpel, kalian hanya perlu menambah objek bone pada mode objek/ object mode dan kalian tempatkan tulang pada bagian tengah dari karakter kalian.

(lihat pada gambar contoh di bawah)

Catat ; Jika tulang tidak bisa terlihat seperti gambar di atas, kalian bisa meng X-Ray pada objek tulang dengan cara mencentang kolom X-RaY pada menu sebelaj kanan.

(lihat gambar di bawah)

Jika sudah, sekarang saat nya kalian menggabungkan objek tulang dengan karakter kalian agar saat objek tulang kalian di rotasi atau di pindah maka karakter kalian akan mengikuti tulang tersebut. Cara nya cukup mudah yaitu kalian tinggal pindah ke objek mode kemudian kalian seleksi objek karaker nya kemudian kalian seleksi tulang nya. Jika sudah kalian seleksi keduaya, maka kalian harus menekan tombol CTRL + P dan pilih with automatic weight . Jika kalian tidak menemukan tulisan tersebut berarti kalian mengalami kesalahan dalam penyeleksian nya, karna jika kalian menyeleksi tulang terlebih dahulu baru kemudian objek karakter kalian, maka tulisan with automatic weight tidak akan muncul. Karna itu perlu di ketahui bahwa kalian harus meyeleksi objek karakter kalian terlebih dahulu baru kemudian kalian seleksi tulang nya agar tulisan width automatic weight muncul.

Jika kalian sudah menggabungkan karakter dengan tulang nya, maka sekarang saat nya kalian masuk ke dalam proses pembuatan animasi nya. Caranya adalah kalian masuk ke pose mode lalu kalian seleksi salah satu tulang nya kemudian kalian rotasi dengan cara menekan tombol 'R'. Jika objek sudah di rotasi, maka kalian harus menekan tombol 'I' kemudian 'O pada keyboard untuk merekam pergerakan dari karakter kalian. Ini harus di lakukan satu persatu untuk menghasilkan sebuah animasi bergerak. Jika pergerakan pertama sudah terekam, sekarang kalian majukan sedikit time line nya lalu kalian rotasi lagi salah satu tulang nya jika sudah kalian harus menekan tombol 'I' kemudian 'O' untuk merekan pergerakan kedua. Kalian lakukan saja cara ini terus menerus sampai animasi kalian sekiranya sudah agak jadi, kemudian kalian jalankan animasi kalian dengan cara menekan tombol play yang ada pada bagian bawah dari time line. (Jika kalian belum paham apa itu time line, maka kalian bisa melihat gambar di bawah)

Yang saya lingkari merah adalah time line dan yang saya lingkari biru adalah tombol play dan pause utuk menjalankan dan menghentikan animasi kalian.

Sekian saja tutorial pada artikel ini, semoga bermanfaat. Jika ada yang perlu di tanyakan, silahkan berikan pertanyaan anda di komentar. Atau jika kalian membutuhkan tutorial animasi lainya, kalian tinggal mengirim permintaan kalian pada komentar dan kalian bisa meminta tutorial apa saja sesuai dengan apa yang kalian inginkan.

Cara Membuat Animasi Pensil 3D Dengan Menggunakan Software 3D Blender

2017-07-06T20:54:00.002-07:00

Cara membuat objek animasi 3d berbentuk pensil itu tidak sulit, tetapi perlu pemahaman dasar terlebih dahulu tentang software 3d blender ini. Kalian bisa mempelajari 3d blender ini dengan mudah karna kalian juga bisa memulai menerapkan animasi kalian tanpa harus mencari software crack atau ilegal. Mengapa demikian?? Karna 3d blender adalah software pembuat animasi yang gratis tanpa di pugut biaya. Walaupun gratis tetapi kualitas nya bisa di bilang sebanding dengan yang berbayar. Jadi dari pada kalian menghabiskan buget kalian untuk membeli software pembuat animasi yang berbayar tetapi kualitas nya sama dengan 3d blende ini. Untuk postingan saya kali ini, saya akan menggunakan mode render dari Cycles render. Jika kalia belum mengetahui apa perbedaan dari blender render dengan cycles render kalian bisa membaca di artikel saya tentang perbedaan blender render dengan cycles render. Baiklah langsung saja kita praktek bagaimana cara nya membuat objek pensil 3d dengan menggunakan software 3d blender.

Seperti biasa saja, hak pertama yang harus kalan buka adalah aplikasi 3d blender kalian. Setelah terbuka kalian hapus saja objek kubus kalian.Kemudian kalian tambahkan addons extra objek dengan cara meng klik menu file dan pilih user preferences, atau bisa juga menekan tombol CTRL + ALT + U. Setelah itu kalian cari extra objek dan kalian centang kemudian kalian klik save user settings.

Setelah kalian menambahkan addons kalian, sekarang saat nya kalian menambahkan objek honeycomb dengan cara menekan SHIFT + A kemudian pilih mesh dan kalian pilih lagi extra kemudian kalian klik pada bagian honeycob. (lihat gambar di bawah untuk lebih jelasnya).

Maka setelah kalian menambahkan honeycomb maka akan muncul objek seperti rumah dari lebah atau bisa di sebut sarang lebah. setelah itu kalian hapus saja semua bagian yang tidak di perlukan dan sisakan saja bagian berbentuk segienam. (lihat gambar di bawah).

Hapus bagian yang sudah di seleksi dengan cara menekan tombol "x" pada keyboard.

Hinga hasil nya bisa di lihat seperti gambar di bawah.

Setelah animasi kalian sekiranya sudah sama seperti gambar di atas, sekarang saat nya kalian menyeleksi semua bagian dengan cara menekan A untuk menyeleksi semuanya dan kalian tekan "E" utnuk meng extrude objek. Fungis extrude adalah untuk memanjangkan objek tetapi hanya pada bagian yang kalian seleksi. (untuk lebih jelas nya bisa kalian lihat gambar di bawah).

Panjang objek nya bisa kalian sesuaikan dengan keinginan kalian sendiri.

Setelah objek kalian menjadi lebih panjang, sekarang kalian harus menekan tombol "E" kemabali untuk memanjangkan sedikit lagi objek nya. Di tahap ini kalian akan membuat bagian ujung pensil nya. Setelah kalian menekan E panjangkan secukup nya. Setelah itu kalian tekan tombol S untuk memperkecil bagian ujung pensil agar terlihat runcing. ( untuk lebih jelasnya bisa kalian lihat gambar di bawah).

Setelah objek kalian terlihat sama seperti gambar di atas, sekarang kalian harus membuat objek baru, yaitu pengapus yang biasanya ada di ujung paling atas dari pensil. Cara nya adalah dengan menambah objek cylinder dan kalian tekan TAB untuk masuk ke edit mode, setelah kalian berada pada mode edit. Kalian harus menyeleksi bagian atas dari objek silinder nya setelah itu kalian tekan E tetapi jangan kalian panjangkan terlebih dahulu, setelah kalian tekan E langsung saja kalian klik kiri pada mouse kalian. Setelah itu kalian tekan S untuk meng scale objek bagian atas nya, scale saja secukupnya. ( untuk lebih jelasnya bisa kalian lihat gambar di bawah ini ).

Setelah objek kalian persis dengan gambar di atas, kalian tekan lagi E dan kalian panjangkan ke atas. Panjangkan secukupnya saja. ( lihat gambar di bawah ).

Setelah objek terlihat sama seperti gambar di atas, sekarang saat nya kalian pergi ke properties sebelah kanan dan kalian cari tools modifiers dan kalian klik add modifier dan kalian cari tulisan sudivision surface dan kalian klik. (lihat gambar di bawah bila kalimat di atas kurang jelas).

Subsivision surface berfungsu agar objek terlihat lebih halus. (lihat gambar contoh di bawah).

Lihatkan hasil nya setelah di beri subdivision surface.

Setelah itu kalian tempatkan saja objek penghapusnya di atas objek pensil yang berlubang. (lihat gambar di bawah).

Terakhir adalah tahap pemberian warna pada objek pensil nya. Cara nya adalah kalian pergi ke properties sebelah kanan dan kalian klik pada material kemudian kalian klik NEW untuk memberikan warna pada pensil. Untuk warna yang pertama adalah warna dasar nya, untuk warna dasarnya kalian beri warna putih saja. Setelah itu kalian klik tanda + yang ada di menu material dan kalian klik NEW lagi kemudian kalian beri warna lagi, di sini saya menggunaka warna biru. ( agar lebih jelas bisa kalian lihat di bawah).

Setelah itu kalian klik kanan pada objek batang pensil nya ( tidak dengan penghapusnya ). Setelah kalian seleksi pada objek batang pensil nya, kalian tekan saja tombol TAB pada keyboard untuk masuk ke edit mode. Setelah kalian masuk ke edit mode, kalian seleksi saja bagian yang akan di beri warna biru. Lalu kalian klik asign. (lihat saja gambar di bawah).

Setelah itu kalian tekan tab kembali dan kalian klik kanan pada bagian penghapus dan klik tab lagi kamidian kalian beri warna pink atau apalah terserah kalian. (cara nya sama seperti di atas).

Setelah itu kalian tekan tab kembali dan kalian klik kanan kembali pada objek batag pensil nya lalu kalian tekan CTRL + R pada ujung pensil yang akan di berikan warna hitam. (lihat gambar di bawah).

Setelah kalian beri garis, sekarang saat nya kalian beri tambahka warna hitam dan kalian seleksi pada bagian yang akan kalian beri warna hitam kemudian kalian tekan tombol asign.

Selesai sudah aritkel kali ini, semoga bermanfaat dan semoga kalian menikmati aritkel ini. Terimakasih telah membaca.

Ini adalah hasil animasi saya saat prosses render berjalan

Cara Membuat Bendera Dengan Mengunakan Software 3D Blender

2017-07-06T09:41:00.002-07:00

Hai sobat Blender Tutorial, kembali lagi di artikel saya ini. Kali ini saya akan memberikan kepada kalian tentang artikel yang menjelaskan kepada kalian tentang bagaimana cara membuat bendera atau membuat animasi bendera berkibar kususnya. Tutorial yang akan saya bahas adalah tutorial yang sangat mendasar bagi kalian para calon animator. Dalam pembuatan artikel kali ini saya akan menjelaskanya secara rinci dan jelas agar kalian sebagai pembaca dapat memahami dengan betul dan mudah dalam mempelajari apa yang saya tuliskan pada artikel ini. Untuk tutorial kali ini saya membuat animasi dengan menggunakan software 3D Blender, jika kalian belum mempunyai software nya kalian bisa mendownload nya di situs resminya atau bisa juga mendownload nya di blog ini dengan cara mengklik tombol download di atas dan pilih salah satu versi yang kalian inginkan. Berapa pun Versi dari software 3d blender kalian, tidak akan ada perbedaan yang terlalu mencolok untuk pembuatan animasi nya. Penerapanya sama tetapi sedikit perbeda antara versi yang terlalu jauh perbedaanya, di sini saya menggunakan Blender dengan Versi 2.76. Jika kalian memiliki Versi yang lebih rendah jangan kuatir karna seperti yang sudah saya jelaskan di atas, tidak akan ada perbedaan yang mencolok. Oke dari pada terlalu lama kalian membaca basa-basi ini, sebaiknya kalian langsung simak tutorial di bawah ini.

Hal pertama yang harus kalian lakukan adalah membuka software 3d blender kalian dan hapus saja objek kubus. Setelah objek kubus di hapus, sekarang saat nya kalian menambah objek baru yaitu objek plane ( Bukan Pesawat terbang ). setelah objek plane di tambahkan selanjutnya kalian merotasi 90 Derajat kemudian kalian panjangkan objek nya, sekiranya hingga berbentuk seperti bendera. (untuk lebih jelasnya bisa kalian lihat gambar di bawah).

Setelah sekiranya animasi kalian sudah seperti gambar di atas, selanjutnya adalah kalian tinggal menekan tombol Tab untuk merubah dari objek mode ke edit mode, setelah kalian berada pada edit mode sekarang saat nya kalian memberika garis pada bagian tengah nya untuk di pemisahan pada proses pemberian warna. ( disini saya sengaja memberika garis tengah untuk membatasi antara warna merah dan putih, karna saya berasal dari indonesia maka saya menggunakan warna merah putih. Jika kalian yang bukan berasal dari indonesia, kalian bisa memvariasi sendiri agar objek animasi bendera kalian bisa menjadi semirip mungkin seperti bendera asal kalian). Untuk memberikan garis tengah, kalian dapat menekan tombol CTRL + R untuk menambahkan garis baru pada objek dan kalian bisa arahkan garis nya pada bagian tengah objek. ( untuk lebih jelasnya bisa di lihat pada gambar di bawah ini ).

Setelah kalian menambahkan garis pada bagian tengah objek, selanjutnya adalah kalian beri warna merah pada bagian atas dan putih pada bagian bawah. Untuk pembaca yang berasal dari negara lain, bisa kalian buat atau variasi sendiri objek nya agar dapat semirip mungkin dengan bendera asal kalian.

Setelah kalian berikan warna pada objek bendera kalian, langkah selanjutnya adalah menyeleksi bagian pinggir paling kanan atau bisa juga di sebelah kiri, semuanya sesuai dengan keinginan dari kalian sebagai pembaca.( untuk lebih jelasnya bisa kalian lihat gambar di bawah ini ).

Seteah objek kalian seleksi, sekarang kalian lihat pada bagian tootls bagian kanan dan pilih pada bagian objek data kemudian kalian lihat pada bagian Vertex Groups lalu kalian klik pada bagian tanda + lalu kalian klik tombol Asign, atau kalian bisa lihat saja gambar di bawah.

Setelah semua step kalian lakukan, sekaran saatnya kalian kembali ke Objek mode dengan cara menekan tombol TAB pada keyboard. Kemudian kalian klik pada bagian physics pada tools bagian kanan lalu kalian klik lagi pada bagian Cloth kemudian kalian centang pada bagian pinning kemudian kalian klik lagi pada bagian bawahnya dan pilih groub. Setelah itu kalian scroll sedikit ke bawah dan cari tulisan Cloth Collision kemudian kalian klik saja tanda panah ke bawah untuk membuka beberapa pilihan lagi, setelah itu kalian cari tulisan distance dan kalian klik bawahnya dan pilih groub kembali.( untuk lebih jelasnya kalian bisa lihat gambar yang ada di bawah ).

Setelah itu kalian kembali ke Edit mode dengan menekan tombol TAB pada keyboard lalu kalian tekan A untuk menyeleksi semua bagian dari objek tersebut. Setelah semua objek terseleksi, kalian sekarang harus menekan tombol W pada keyboard dan klik pada bagian subdivide. Jika kalian melakukan semua step dengan benar maka hasil nya akan seperti gambar di bawah.

Garis-garis yang sebanyak itu berfungsi agar bendera tidak kaku saat animasi di jalankan, jika kalian ingin melihat perbedaan nya jika tidak di beri garis, kalian bisa mengulangi animasi kalian dan jangan buat garis pada tahap di atas.

Setelah kalian menambahkan garis-garis, terakhir kalian harus menambahkan simulasi angin dengan cara menekan tombol SHIFT + A kemudian klik pada bagian force field kemudian kalian pilih wind. Setelah kalian menambahkan simulasi angin nya, sekarang saat nya kalian menempatkan angin nya tepat di sebelah dari bagian bendera yang telah di beri vertex group kemudian kalian ketak tombol play untuk menjalankan animasi nya.( untuk lebih jelasnya kalian bisa melihat gambar di bawah ).

Jika kaian memperhatikan gambar di atas, hasil nya bendera terlihat agak kasar. Tetapi itu dapat di selesaikan dengan mudah, yaitu dengan cara menekan tombol Smooth pada properties pada bagian kiri agar bendera terlihat lebih halus. Setelah kalian memberikan efek smooth pada objek benderanya, maka hasil nya bisa di lihat di bawah.

Selesai sudah artikel ini, sampai di sana jika ada yang kalian tidak mengerti, kalian bisa mempertanyakan pertanyaan kalian di bawah. Terimakasih telah membaca.

Cara Membuat Tulisan 3D Dengan Menggunakan Software 3D Blender.

2017-07-02T15:34:00.002-07:00

Oke, pada tutorial kali ini saya akan memberikan tutorial sederhana saja. Membuat tulisan 3D Dengan menggunakan Software yang gratis yaitu 3D Blender, jika kalian belum mempunya software nya kalian bisa download di situs aslinya atau bisa mendownload nya di blog ini dengan cara mengeklik panel download di atas dan pilih salah satu dari versi yang kalian inginkan. Baiklah, tanpa berlama-lama kalian bisa langsung membaca tutorial nya di bawah.

Pertama buka software 3d blender kalian dan hapus objek kubus nya dengan cara menekan tombol "X" pada keyboard untuk menghapus objek tersebut, dan sekarang tambahkan objek TEXT dengan cara menekan tombol SHIFT + A untuk menambah objek dan pilih objek TEXT. Untuk merubah kata dengan apa yang kalian inginkan adalah dengan cara menekan tombol TAB untuk beralih dari objek mode ke edit mode. Setelah kalian berada di edit mode, kalian bisa melakukan penulisan seperti biasa yaitu dengan menggunakan keyboard dan untuk menghapusnya dengan cara menekan backspace.

Di animasi saya, saya akan menuliskan tulisan Blender Tutorial. Dan jika kalia sudah melakukan nya sesuai kehendak kalian, sekarang saat nya membuat tulisan tersebut menjadi objek 3D. Bagaimana caranya, simak saja di bawah.

Kalian lihat di panel sebelah kanan dan pasti kalian akan melihat huruf F agak besar, jika kalian melihatnya maka kalian harus meng klik nya. Setelah kalian klik maka tahap selanjutnya adalah kalian rubah nilai yang ada di bagian extude menjadi 0.100 . Untuk lebih jelasnya kalian bisa melihat gambar di bawah.

Jika hasil kalimat 3 dimensi kalian terlihat sama seperti gambar di atas, maka tahap selanjutnya adalah dengan memperindah nya. Ikuti saja langkah-langkah di bawah. ( lihat saja pada gambar di bawah ).

Untuk pewarnaanya bisa kalian lakukan seperti biasa yang kalian lakukan di animasi kalian sebelumnya. Baiklah, terimakasih telah membaca sampai akhir dan saya berharap untuk para pembaca agar bisa lebih mengembangkan bakatnya di bidang animasi.

Cara Membuar Awan Dengan Software 3D Blender

2017-07-02T14:58:00.001-07:00

Di artikel kali ini, saya akan menjelaskan suatu tutorial yang sederhana dan mudah untuk kalian terapkan pada animasi kalian. Untuk artikel ini saya akan menjelaskan tentang pembuatan awan di saat mendung menggunakan software animasi gratisan bernama 3D Blender. Jika kalian belum mempunyai software nya, bisa kalian download Di situs aslinya atau bisa juga mendownload nya di blog ini dengan cara mengeklik panel download di atas. Sekedar info saja, bahwa di tutorial kali ini saya menggunakan software 3D Blender versi 2.76 . Oke dari pada terlalu lama membaca ocehan tidak jelas di atas, kalian baca saja tutorial di bawah.

Hal pertama yang harus kalian lakukan adalah membuka software kalian, jika kalian memiliki versi yang lebih tinggi dari punya saya atau malah lebih rendah dari punya saya tenang saja karna tidak akan ada perbedaan yang mencolok untuk penerapanya. Setelah kalian membuka software nya, sekarang saatnya kalian hapus objek kubus dan menggantinya dengan UV sphere dengan cara meng-klik kana pada objek kubus kemudian tekan tombol X di keyboard untuk menghapus setelah itu tekang SHIFT + A untuk menambah objek UV sphere atau bisa di sebut juga objek bulat.

Setelah itu kalian smooth objek UV sphere kalian dengan cara menekan tombol yang ada di panel sebelah kiri software 3D Blender kalian. Setelah objek kalian dirasa sudah halus, sekarang saat nya di haluskan lagi dengan cara, Klik pada bagian MODIFIERS dan klik lagi tombol ADD MODIFIER kemudian kalian cari tulisan subdivision surface lalu kalian klik tulisan tersebut. Maka hasilnya adalah, objek kalian akan semakin lembut dan halus.

Di tahap selanjutnya kalian atur Mode nya yang asalnya object mode menjadi sculpt mode, untuk lebih jelas nya bisa lihat gambar di bawah ini.

Setelah kalian berada di sculpt mode, sekarang saatnya kalian berkreasi sesuka hati kelian. Jika kalian bertanya, bagaimana cara untuk mengguakan culpt mode ini?? Maka jawabanya adalah, kalian tinggal menekan klik kiri ( di tahan klik kiri nya ) Setelah itu kalian geser-geserkan di objek nya, maka kalian akan melihat sendiri hasil nya.

Jika kalian sudah selesai berkreasi maka sekarang saatnya ke tahap selanjutnya, jika kalian ingin melihat kreasi saya, bisa di lihat di bawah ini.

Kemudian kalian pergi ke tools material dan klik Tombol "+" setelah itu kalian klik lagi tombol NEW di bawahnya. Setelah itu kalian ganti tipe material nya dari surface menjadi volume, untk lebih jelas nya bisa di lihat di bawah ini.

Setelah semua step kalian lakukan dengan benar, maka sekarang saat nya kalian merender hasil animasi kalian dengan cara menekan F12.

Baiklah, sekian saja artikel tutorial ini, semoga bermanfaat bagi kalian dan semoga kalian bisa mengembangkan bakat beranimasi kalian. terimakasih.

Cara Membuat Papan Catur Di 3D Blender

2017-06-12T14:19:00.003-07:00

Di tutorial kali ini saya aka membagikan tentang tutorial dasar yang menarik tetapi sangat berguna dan sangat bermanfaat untuk kalian terutama jika tutorial ini akan kalian gunakan sebagai awal dari pembelajaran kalian. Papan catur yang akan saya buat ini sangat sederhana tetapi memiliki disain yang elegan dan enak di pandang. Anda bisa menerapkan tutorial ini menggunakan metode render 'Blender render'. Tetapi di tutorial ini saya hanya memberi tutuorial membuat papan nya saja, untuk Biji catur nya akan saya share di postingan yang lainya. Okay, langsung saja kalian simak tutorial di bawah.

1.)

Pertama yang harus kalian lakukan adalah membuka software blender kalian. Kemudian perbesar objek kubus menggunakan tombol 'S' untuk men scale ( perbesar seperlunya ). Kemudian kalian tipiskan kubus nya menjadi seperti papan catur. (untuk contoh nya lihat di gambar !! ).

========================================================================

2.)

Setelah objek kalian sama persis seperti di gambar, sekarang saat nya kalian masuk ke EDIT MODE dengan cara menekan tombol 'TAB'. Setelah masuk ke EDIT MODE, kemudian kalian tekan 'W' untuk mensubdivide objek, lakukan secara berulang-ulang sampai hasil nya terlihat seperti papan catur. ( untuk contoh gambar nya bisa di lihat di bawah ).

========================================================================

3.)

Kemudian kalian select pada bagian pinggiran objek yang akan kita jadikan pinggiran catur nya. Setelah kalian selek pinggiranya, kemudian kalian tekan tombol 'E' untuk meng extrude bagian pinggiran objek (tarik sedikit ke atas). (untuk contoh gambarnya bisa di lihat di bawah).

(untuk hasil objek setelah di extrude bagian pinggirnya)

========================================================================

4.)

Setelah hasil objek kalian sekiranya sama dengan gambar di atas. Sekarang saat nya kalian seleksi bagian yang akan di beri warna hitam. (untuk contoh gambarnya bisa di lihat di bawah).

Setelah objek kalian seleksi, sekarang saat nya ke tahap pewarnaan. Untuk warna dasar nya kalian beri warna putih saja. kemudian kalian klik plus pada bagian material dan klik new dan kalian pilih warna hitam kemudian kalian terapkan ke objek yang telah di seleksi.

(untuk gambar nya bisa di lihat di bawah)(gambarnya akan menjelaskan maksud dari kalimat di atas)

( setelah semua tatacara yang ada di gambar di terapkan, maka hasil nya akan seperti gambar di bawah).

========================================================================

5.)

Kemudian kalian seleksi lagi pinggiran objek yang tadi sudah di exrude kemudian beri warna coklat atau apa pun sesuai kreativitas kalian. Cara pewarnaanya sama seperti cara di atas.

(lihat contoh gambar di bawah).

========================================================================

Selesai sudah tutorial kali ini, maaf jika hasil dari animasi nya kurang bagus tetapi itu semua karna laptop yang saya gunakan untuk membuat animasi nya adalah laptop dengan spesifikasi rendah dan saat saya membuat artikel ini kebetulan sedang ngelag-ngelag nya kalau di pakai buat animasi di mode Cycles render mungkin akan nge-hang. Lain kali saja saya buatkan tutorial nya yang lebih realistis dan jauh lebih baik dari ini. Terimakasih telah membaca.

Perbedaan Blender Render Dengan Cycles Render

2017-06-07T11:19:00.001-07:00

Hai jumpa lagi dengan saya, di artike kali ini saya akan menuliskan tentang perbedaan blender render dengan cycles render. Memang kedua nya memiliki kelebihan dan kekurangan masing-masing. Jika di lihat dari hasil render memang untuk yang cycler lebih bagus dan terlihat nyata ( namanya juga cycles), sedangkan yang blender render terlihat agak kasar dan tidak enak di pandang. Tetapi jika kalian pandai dalam memainkan dan menganimasikan animasi anda di blender render maka hasil render pun bisa terlihat bagus (tergantung dari bagai mana anda menguasai 3d blender).

Seperti yang saya katakan di atas, bahwa blender render dan cycles render memiliki kelebihan serta kekuranganya masing-masing. Berikut saya jelaskan kelebihan dan kekurangan dari keduanya.

===========
Blender render:
===========

Kelebihan;
1. Lebih ringan untuk proses rendering nya.
2. Mudah untuk di pahami dan di pelajari.
3. Sangat simpel tetapi hasil nya lumayan.

Kekurangan;
1. hasil render kurang baik, tidak terlihat real/nyata.

==========
Cycles render:
==========

Kelebihan;
1. Hasil render sangat baik dan real/nyata.
2. Dapat membuat object terlihat nyata seperti aslinya / hampir seperti aslinya.
3. Dapat menyunting texture dan warna menggunakan tools NODE EDITOR.

Kekurangan;
1. Kecepatan render nya sangat lama.
2. Membutuhkan komputer dengan spesifikasi yang menengah keatas agar kecepatan render menjadi
lebih cepat.

Dan untuk perbedaan lainya adalah perbadaan sumber pencahayaanya. Jika kalian menggunakan blender render maka cahaya yang dapat di gunakan adalah lampu, sedangkan Cycle render adalah Object yang di buat bersinar.

Perbedaan terakhir adalah, Blender render menggunakan sistem kerja scanline render sedangkan Cycles render menggunakan sistem kerja raytracing. Perbadaan dari kedua sistem kerja tersebut adalah jika scanline, saat kalian melakuka render maka bagian object yang tidak terkena cahaya maka akan terlihat gelap sedangkan sistem kerja raytracing pada saat kalian merender maka hasil nya adalah bagian object yang jika menggunakan blender render terlihat gelap maka akan menjadi sedikit terang di karnakan pantulan cahaya. Sekian saja arikel ini, semoga bermanfaat. Sampaikan saran dan pendapat anda di komentar, TERIMAKASIH.