Postingan

Menampilkan postingan dengan label Tutorial

Cara Membuat Breaking News di Blogger

Gambar
  Breaking news - Pernahkah sobat melihat contoh widget breaking news ? Pasti sudah dong, widget breaking news selalu dipasang dibagian atas, baik dibawah header maupun diatas header. Breaking news juga berguna untuk memberitahu para visitor berita apa terupdate melalui feed blog sobbat. Nahh untuk itu, mari simak berikut ini.. Tahap Pertama :   1. Login ke Blogger 2. Lihat Tab Tema > Edit HTML 3. Masukkan Kode CSS dibawah ini, Tepat diatas kode ]]></b:skin> atau </style> /* CSS Breaking News */ #chayabreakingnews {margin:15px 0 0 0;margin-right:15px;height:42px;line-height:29px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;} #chayabreakingnews .breakhead {position:absolute;background:none repeat scroll 0 0 #363b40;color:#fff;display:block;float:left;font-family:inherit;font-size:16px;font-weight:400;text-transform:uppercase;padding:6.5px 22px;} #adchayabreakingnews li a {font-family:inherit;font-weight:400;color:#666;margin-top:10px;transi...

Cara Membuat Contact Form di Blogger

Gambar
Contact form, atau tempat kontak untuk mengirim pesan sangat lah penting digunakan bagi para blogger, selain untuk kelengkapan blog, Contact form berfungsi juga agar pengunjung bisa mengirimkan pesan melalui contact form tersebut. Dengan adanya contact form ini, Pesan otomatis akan terkirim ke Gmail sobat, untuk itu, mari simak apa saja yang harus dilakukan.. Cara Membuat Contact Form di Blogger Tahap Pertama :  1. Login ke Blogger 2. Lihat Tab Halaman > Buat halaman baru > dan pilih HTML <style scoped="scoped"> .chayaeducationinput{float:none;position:relative;margin-bottom:45px;margin-right:10px}.chayaeducationinput input,.chayaeducationinput textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.chayaeducationinput input:focus,.chayaeducationinput textarea:focus{outline:none}.chayaeducationinput label{color:#999;font-size:15px;font-weight:400;position:absolute;pointer-events:none;left:0;top:10px;transition:.2s...

Cara Membuat Show Comment Blogger

Gambar
Comment blogger merupakan salah satu cara agar pengunjung bisa mengungkapkan pertanyaan, kritikan & saran. Namun, apa jadinya jika komentar terasa lambat, nah untuk itu, agar tampilan lebih responsive dan untuk mempersempit komentar digunakanlah cara show comment. Sebenarnaya ada banyak cara membuat show comment bloger, salah satunya menggunakan cara onclick event yang akan kita bahas pada saat ini. Untuk mempersingkat waktu, mari simak berikut ini.. Cara Membuat Show Comment Blogger Tahap Pertama : 1. Login ke Blogger 2. Lihat Tab Tema > Edit HTML 3. Lalu, cari kode </article> Atau </b:includable> Jika sudah menemukan kode tersebut, Silahkan letakkan kode dibawah ini, diantara kode diatas <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> /* Click to comment */ #hide{display:none} #buka-komentar,.buka-komentar{margin:25px auto 0;display:block;overflow:hidden;padding:0;position:relative;text-align:center} ...

Cara Mematikan Link Aktif di Komentar Blogger

Gambar
Link Aktif dikomentar blogger lebih tepatnya dibilang dengan Backlink atau Spammer. Ada banyak sekali para blogger yang meninggalkan blog beliau di komentar komentar blog orang. Memang tujuannya baik agar blog kita dikunjungi orang lain, namun sebagian orang tidak menginginkannya sehingga bisa dibilang spammer atau komentar yang spam. Nahh untuk sobat yang ingin menghindari hal tersebut tanpa menghapus pesannya, kini sudah ada kode yang bisa digunakan untuk mematikan link aktif di komentar blogger, Nahh sobat, untuk mempersingkat waktuu, Mari simak berikut ini.. Cara Menonaktifkan Link aktif di komentar Blogger Tahap Pertama :  1. Login ke Blogger 2. Lihat Tab Tema > Edit HTML 3. Letakkan kode dibawah ini tepat diatas kode </body> <script type='text/javascript'> //<![CDATA[ $(function(){$('#comments p').find('a').contents().unwrap();}); //]]> </script> ATAU.. Jika sobat ingin memberikan pesan pesan tertentu, Gunakan Javascript dibawah...

Cara Filter Kata Kata Kotor di Komentar Blog

Gambar
Blogger... Jika sobat menggunakan blogger, tentu saja ada kotak komentar yang bisa dikomentari siapapun dan semua orang yang berada di internet ini. Dalam komentar tersebut, terkadang seseorang iseng mengomentari dengan kata kata kotor dan kata yang tidak seharusnya diungkapkan. Nahh untuk itu, admin ingin membagikan script untuk memfilter kata kata kotor agar terjadi keharmonisan antara pengunjung dan pemilik blog. Untuk itu, mari simak berikut ini.. Cara Filter Kata Kata Kotor di Komentar Blog 1. Login ke Blogger 2. Lihat Tab Tema > Edit HTML 3. Letakkan Kode dibawah ini, tepat diatas kode </body> <script type='text/javascript'> //<![CDATA[ var spamer = document.getElementsByClassName('comment-content'); for(var i=0;i<spamer.length;i++){ spamer[i].innerHTML = comt[i].innerHTML.replace(/Kesed|Lotnok|Entok|ibab|Kucing|Guk Guk/gi, "**SENSOR**"); } //]]> </script> Ini Adalah Daftar Kata yang akan difilter : Kesed | Lotno...

Cara Terbaru Mempercepat Loading Blog Dengan DNS Prefetch

Gambar
Penjelasan DNS Prefetch DNS Prefetch adalah cara untuk menyelesaikan DNS domain tertentu, kadang kadang kita menggunakan ekxternal gambar/js/css Dll.. Dengna menggunakan DNS Prefetch, Kita dapat mengurangi link ekxternal berupa gambar maupun lainnya, agar mempercepat loading blog menjadi lebih cepat lagii. Menurut W3C, "jenis relasinya link DNS-Prefetch digunakan untuk menunjukkan asal yang akan digunakan untuk mengambil sumber daya yang diperlukan, dan bahwa agen pengguna harus menyelesaikan sedini mungkin" Cara Mengatasi Loading Lambat 1. Login ke Blogger 2. Lihat Tab Tema > Edit HTML 3. Masukkan Kode HTML dibawah ini, Tepat dibawah Tag <head> <link href='//1.bp.blogspot.com' rel='dns-prefetch'/> <link href='//28.2bp.blogspot.com' rel='dns-prefetch'/> <link href='//3.bp.blogspot.com' rel='dns-prefetch'/> <link href='//4.bp.blogspot.com' rel='dns-prefetch'/> <link href='//...

Cara Membuat Halaman Demo Template di Blogger

Gambar
Halaman Demo Template di Blogger - Membuat Halaman demo template bukanlah hal yang sulit sobat, tentu sangat mudah sekali dengan beberapa tool responsive dalam pembuatannya. Admin membagikan ini karena request daripada teman teman semua. Jadi admin mencoba untuk membagikannya sekarang. Oke gmna sudah cukup, Ohh ya 1 lagii, dengan adanya halaman demo template ini, kita tidak memberikan backlink terhadap blog demonya, justru menambah pageviews kita loh sobat.. Oke langsung saja ke tahap pembuatannnya. Demo Tahap Pertama :  1. Login ke Blogger 2. Buka Tab Halaman > Buat Halaman baru > Masukkan kode dibawah ini pada tab HTML bukan Compose 3. Masukkan Judul Terserah, Misal "Demo template" <style scoped="" type="text/css"> /*<![CDATA[*/ .mega-wrapper,.post-title,.postmeta,.creditpic{display:none} body {background:white;overflow: auto;} #tab-demo,#view{width:100%;left:0} .closebutton,.dlbutton,a.dlbutton{text-align:center;cursor:pointer;top:0;he...

Cara Memasang Featured Post Berdasarkan Label

Gambar
Featured post atau banyak yang bilang recent post berdasarkan label di blog merupakan postingan artikel berdasarkan label. Featured post ini sangat penting berada didalam blog, selain untuk melengkapi tampilan blog, featured post juga berfungsu untuk mempermudah pengunjung untuk mencari informasi yang ingin dicari. Jadii para pengunjung tidak perlu untuk mencari dengan ribet, sedangkan featured post label sudah tertera postingan blog. Oke jadi, untuk itu mari simak apa aja yang harus dilakukan sobat Cara Membuat Featured Post Berdasarkan Label Tahap Pertama :  1. Login ke Blogger 2. Klik ke Tema > Edit HTML 3. Masukkan CSS dibawah ini, Tepat diatas kode </head> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <style> #label1-wrapper {width: 670px;float: left;word-wrap: break-word;overflow: hidden;} .label1 {color:#666;line-height: 1.5em;} .label1 ul {list-style:non...

Cara Membuat Kotak Pencarian di Blog

Gambar
Search box atau sering disebut dengan kotak pencarian blog merupakan salah satu cara mempermudah pengunjung untuk melihat dan mencari informasi yang dicari. Search box tidak hanya berfungsi untuk mempermudah pencarian aja sobat, dengan adanya kotak pencarian ini adalah bisa juga untuk memper complete kan tampilan blog, karena tidak ada blog ataupun website yang tidak menggunakan search box ini. Jadii sobat, tidak usah berlama lama, admin akan menguraikan dan menjelaskan perlahan apa saja yang harus dilakukan untuk membuatnya. Untuk penempatan searhboxnya, sobat tidak usah bingung, search box yang admin bagikan sudah responsive, jadi sobat dengan bebas ingin memasang di header, sidebar, dan dimanapun. Tapii jangan taruh di bagian footer yah, karena menyulitkan pengunjung. Cara Membuat Search box  1. Login ke Blog Sobat 2. Lihat ke >Tema > Edit HTML 3. Cari kode ]]></b:skin> , Lalu Letakkan Kode dibawah ini tepat diatas Kode Tersebut /* Search box by Chaya Education */...

Cara Membuat Widget Author Box Seperti Kompi Ajaib

Gambar
Widget About Me atau biasa disebut Author box merupakan sebuah widget agar orang atau para pengunjung mengetahui siapa kita dan agar terlihat professional. Setelah mencoba mengupdate dan mengganti template, ada banyak para blogger request atau ingin memiliki fitur author box seperti kompiajaib. Lalu memang bagaimana sih caranya?? Caranya sih tidak teralu sudah dong sobat, untuk itu, mari simak saja apa saja yang harus dilakukan untuk membuat widget author box Cara Membuat Widget Author Box Seperti Kompi Ajaib 1. Buka dan masuk ke Blogger 2. Pastikan anda sudah memasang font awesome di blog sobat ya 3. Lihat pada Tema > Edit HTML 4. Cari Kode </head> 5. Masukkan CSS dibawah ini, Tepat diatas code </head> <!-- Widget Profil start--> <style type='text/css'> .sosmed-author,a.authorname,h2.author-title,a.authorname-url{display:block;text-align:center} .authorbox{width:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijm6VfSXW...

Cara Menghapus Credit Link Sora Template

Gambar
Ada banyak cara untuk Menghapus Credit link atau credit footer pada template. Terlebih khusus untuk sora template. Sora template merupakan salah satu website download template yang sangat bagus dan mengesankan, karena bagus dan mengesankan tersebut membuat pemilik template mengunci dan mengencrypt template di bagian credit footer agar tetap terlihat namanya. Cara ini sangat mudah untuk dipelajari, jadii untuk mempersingkat waktu, mari simak apa saja yang harus dilakukan. Hanya untuk pembelajaran saja, Lebih baik tidak melepas credit link untuk menghargai karya si pembuat template.  Cara Menghapus Credit Link Sora Template Ada Beberapa cara untuk menghapus credit link sora template, tapii admin menyediakan 3 cara, jika salah satunya tidak berhasil, maka coba lagii cara berikutnya. Cara Pertama Login Ke Blogger Lihat ke Tab Tema > Edit HTML > Dan Cari kode dibawah ini :  Hapus Kode Berikut dari tanda <script type='text/javascript'> Sampai Dengan </script> Sete...

6 Teknik Dasar Mengedit Video Bagi Pemula

Gambar
Editing video merupakan proses menyusin dan menata hasil dari gambar menjadi satu kebutuhan berdasarkan naskah. Pekerjaan editing meliputin beberapa tahapan yang harus dipelajari sebelum membuat video yang bagus dan layak untuk ditonton. Sebelu memulai mengedit, ada baiknya sobat memahami dahulu beberapa beberapa tahapan untuk mengedit video, dan ini termasuk dalam daftar pengenalan mengedit dan beberapa tools editing yang wajib diketahui sebagai seorang editing video. Untuk mempersingkat waktu, mari simak beberapa tools dan pengenalan mengedit video. 1. Capturing/importing Capturing/importing adalah proses memindahkan hasul rekam gambar dari kamera ke perangkat editing, capturing dilakukan jika hasil rekaman tidak berupa file video, sedangkan importing dilakukan dari hasil rekaman berupa file yang dibaca oleh perangkat editing. Capturing/importing juga merupakan hal yang paling mendasar untuk para editing video untuk mengedit video dan awalan mengedit video, karena ketika mengedit vid...

Jenis Jenis Format Video Dan Penjelasannya

Gambar
Format video merupakan extension format yang biasa digunakan untuk melihat video, ada banyak sekali format video yang sering sobat jumpai dan lihat, terlebih khusus untuk para editing video, pasti sudah tidak asing dengan beberapa format video yang akan admin jelaskan disini . Sebelum mengedit video, yaps ada baiknya mengenali format format video, karena apapun itu, tentunya akan dimulai dari awal dan format video. 1. AVI ( Audio Video Interleaved ) AVI adalah format video yang paling populer, karna kwalitas gambar yang di berikan sangat baik. AVI sendiri diperkenalkan oleh Microsoft padatahun 1992 sebagai bagian dari teknologi Video for Windows miliknya. File AVI menyimpan data audio dan video pada struktur interleaved. File ini hanya berupa kontainer - dan data audio video dapat dikompres menggunakan berbagai codec. Kualitas dan kapasitas tergantung pada codec dan secara khusus codec yang digunakan adalah MPEG, Divx atau WMV. 2. MPEG MPEG adala...

7 Penyebab performa laptop/komputer LEMOT dan cara mengasinya

Gambar
bekerja dibidang komputer dan teknologi, tentu akan membawa sebuah barang yang bernama laptop, dimanapun dan kapanpun. karena cara kerjanya selalu menggunakan laptop, Namun bagaimana jika laptopnya lemot, sungguh sangat menyebalkan bukan. Ada beberapa penyebab yang menyebabkan laptop/komputer lemot, kita akan bahas bareng di artikel ini.  1. HARD DISK DRIVE (HDD) MELEMAH Hal pertama yang harus kamu lakukan, mengecek adanaya  hard drive  di laptop kamu. Jika laptop kamu masih menggunakan  HDD (Hard disk drive)  maka disarankan ganti dengan  SDD (Solid State Drive)  Yang memiliki kemampuan dan lebih cepat dibandingkan dengan HDD. Tetapi, jika laptop/komputer kamu mempunyai spesifikasi yang tinggi, maka tidak apa apa menggunakan Hdd. Begitulah kelemahan HDD sendiri yang mempengaruhi performa laptop seperti menyimpan dan membaca data sangat membutuhkan waktu lama. ditambah lagi  HDD rentan terhadap benturan dan goncangan 2.DATA DAN PROGRAM...