DevPut's Koleksi Template dan Tutorial Blogger, Wordpress,Tips SEO, Desain Blog, dan Artikel Inspiratif Lainnya. noreply@blogger.com (Admin)Fri, 8 Nov 2024 22:35:21 +0700Blogger http://www.blogger.com33125https://devputs.blogspot.com/en-ushttps://devputs.blogspot.com/2017/03/apa-itu-google-rich-snippet.htmlGoogleSEOTipsnoreply@blogger.com (Anonymous)Mon, 13 Mar 2017 13:58:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-4586135712703004084 By marking up webpages using vocabulary from schema.org, webmasters can help their sites become eligible to display rich snippets in search results. Rich Snippet atau Google sendiri menyebutnya sebagai microdata, microformats, RDFa, dan Data Highlighter. di sini tools untuk membuat    Rich Snippet website kamu >> DevTools Google SERP 0https://devputs.blogspot.com/2017/03/cara-menambahkan-thumbnail-video-youtube.htmlTipsYoutubenoreply@blogger.com (Anonymous)Mon, 13 Mar 2017 11:53:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-3339615785906593209 Setelah kita selesai upload video di youtube, terkadang thumbnail yang ditampilkan tidak sesuai yang diharapkan. Nah, pada tips trik kali ini kita akan membahas tentang cara pasang thumbnail khusus video youtube. Sebelum kita membahas langkah demi langkah tentang pasang thumbnail khusus ini, ada beberapa hal yang harus diperhatikan, yang semuanya itu terangkum dalam pedoman komunitas youtube. 0https://devputs.blogspot.com/2017/03/cara-membuat-sampul-saluran-youtube.htmlTipsYoutubenoreply@blogger.com (Anonymous)Mon, 13 Mar 2017 11:30:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-4361904550147268757 Cara membuat atau Mengedit Sampul Saluran di Youtube – Bagi kalian yang baru atau yang sudah lama mengenal serta mengupload video ke youtube, sudah tahu belum bagaimana caranya membuat dan mengedit sampul di youtube. Adapun kegunaan lain dari sampul tersebut ialah sebagai citra atau merk  yang mewakili saluran channel kalian. Sampul channel harus jelas dan dibikin semenarik mungkin. 0https://devputs.blogspot.com/2017/03/cara-mempercepat-loading-wordpress-kamu.htmlTipswordpressnoreply@blogger.com (Anonymous)Mon, 13 Mar 2017 10:27:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-5450648515493642220 Ingin meningkatkan kecepatan dan performa WordPress Anda? Loading halaman yang cepat akan meningkatkan pengalaman pengguna, meningkatkan pageview, sekaligus membantu SEO WordPress Anda. Kali ini kami akan berbagi informasi tentang cara meningkatkan performa dan kecepatan website Anda. Kenapa Kecepatan Jadi Hal Penting Untuk Situs WordPress Anda? Sebuah penelitian menunjukkan, dari tahun 0https://devputs.blogspot.com/2017/02/datapostsnippet-tidak-bekerja-dan_16.htmlbloggernoreply@blogger.com (Anonymous)Thu, 16 Feb 2017 23:54:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-1881296291549106708 Saya akan memberikan sebuah solusi buat template yang mempunyai data:post.snippet Tidak Bekerja dan deskripsi hilang, ketika blogspot update hari kamis (16-2-2017). Banyak sekali tutorial mengenai ini yang saya cari google dan hampir semuanya menggunakan javascript untuk mengembalikan deskripsi yang hilang. Tapi cara ini tentu akan sedikit memperlambat load blog anda. Disini saya akan 0https://devputs.blogspot.com/2016/02/cara-install-plugin-di-wordpress_38.htmlwordpressnoreply@blogger.com (Anonymous)Sat, 27 Feb 2016 03:22:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-158102087552310274Artikel ini saya buat karena banyak dari customer saya yang kurang tahu cara install plugin di wordpress. Apa sih itu plugin? Dari yang saya baca dari di wordpress. Plugin yaitu suatu aplikasi untuk menambah fungsionalitas yang sudah ada di CMS WordPress. WordPress sendiri dirancang kodenya ramping dan ringan, untuk memaksimalkan fleksibilitas dan meminimalkan kode. Nah Plugin inilah yang 0https://devputs.blogspot.com/2016/02/simplesanget-high-ctr-adsense-blogger_22.htmltemplatenoreply@blogger.com (Anonymous)Mon, 22 Feb 2016 20:09:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-5357111388696706886Apakah anda pemain adsense dan ingin mengoptimalkan pendapatan adsense anda? Ya, kali ini saya akan kembali memberitakan high CTR adsense blogger template gratis. Dengan menggunakan template sederhana dan simple ini diharapkan anda dapat mengoptimalkan pendapatan adsense anda.Sedikit intro, desain template ini sangat sederhana, dengan width atau lebar 728 dimana iklan adsense bisa ditempatkan 0https://devputs.blogspot.com/2016/02/cara-menonaktifkan-atau-mengganti_19.htmlbloggernoreply@blogger.com (Anonymous)Fri, 19 Feb 2016 11:24:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-4837749115954455291Blogger atau blogspot memiliki fitur custom template mobile. Ketika diakses via handphone atau ponsel, maka yang ditampilkan pada ponsel anda adalah template mobile yang sudah ada sebelumnya. Lalu bagaimana dengan template blogger sudah include custom mobile template, yang anda perlukan adalah mengganti default mobile template blogger dengan custom template.Berikut adalah langkah langkah cara 0https://devputs.blogspot.com/2016/02/cara-pasang-atau-instalasi-template_19.htmlbloggernoreply@blogger.com (Anonymous)Fri, 19 Feb 2016 09:25:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-2111499769790844146Tutorial kali ini saya akan menjelaskan bagaimana cara pasang atau instalasi template blogger atau blogspot.Sebelum anda melangkah ke tahap selanjutnya, silahkan anda cari terlebih dahulu template di google atau anda bisa download template blogger yang sudah saya buat di disini.Biasanya file yang anda download dalam bentuk .zip yang perlu anda lakukan adalah mengextract terlebih dahulu file yang 0https://devputs.blogspot.com/2016/02/seofastblogger-responsive-blogger_17.htmltemplatenoreply@blogger.com (Anonymous)Wed, 17 Feb 2016 10:20:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-8429829042173082715Postingan kali ini saya akan membagikan template gratis SEOFastBlogger responsive blogger template. Template ini merupakan template blogger pertama dari saya dan akan saya bagikan gratis atau free blogger template. Dengan menganut desain flat murni, template ini penataan nya sangat rapi, mulai dari margin, padding, pewarnaan, icon font menggunakan fontawesome yang diload secara async sampai font 0https://devputs.blogspot.com/2016/02/conditional-tag-di-blogger-atau-blogspot_15.htmlbloggernoreply@blogger.com (Anonymous)Mon, 15 Feb 2016 07:09:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-4701182361498607501Saya akan sedikit menjelaskan apa itu conditional tag. Conditional tag adalah membatasi suatu perintah program pada kondisi tertentu menggunakan sintak tertentu atau dalam bahasa awamnya adalah suatu proses dimana proses tersebut dalam kondisi tertentu harus dilakukan atau tidak dilakukan. Saya kira anda sudah tahu lah pengertian dari conditional tag, dijabarkan sendiri saja.Lanjut, seperti 0https://devputs.blogspot.com/2016/02/css-blockquote-cantik-dan-sederhana-di_15.htmlbloggercssnoreply@blogger.com (Anonymous)Mon, 15 Feb 2016 03:42:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-175435182774738435Kali ini saya akan membuat tutorial bagaimana cara membuat blockquote yang cantik dan sederhana menggunakan pseudo element blockquote:after dan blockquote:before pada blogger anda.Kebanyakan tutorial blockquote menggunakan p atau paragraph didalam sebuah elemen blockquote, tetapi di beberapa platform blog seperti blogger, hal ini tidak berlaku, karena kebanyakan blogger tidak meggunakan paragraph0https://devputs.blogspot.com/2016/02/cara-memasang-widget-recent-post_83.htmlbloggerwidgetnoreply@blogger.com (Anonymous)Sun, 14 Feb 2016 07:44:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-7633793402446047947Tutorial kali ini saya bahas cara memasang widget recent post sederhana di blogger atau blogspot. Tampilan simple dan sederhana karena cuma judul saja yang ditampilkan. Tanpa menurunkan performance blogger anda.Langsung saja berikut adalah langkah langkah nya:1. Silahkan anda backup terlebih dahulu template bawaan anda, berikut adalah tutorial cara backup template blogger:Cara mudah backup 0https://devputs.blogspot.com/2016/02/cara-menambahkan-atau-memasang-gadget_21.htmlbloggerwidgetnoreply@blogger.com (Anonymous)Sun, 14 Feb 2016 07:26:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-5861504466161787117Gadget blogger adalah fitur dari flatform blogger yang berfungsi untuk mempermudah anda dalam pengaturan tampilan blog anda. Banyak sekali gadget blogger yang bisa anda tambahkan untuk memperindah dan mempercantik blog anda.Gadget blogger terdiri dari bermacam macam widget, nah disini saya akan coba list beberapa widget yang tersedia di dashboard blogger anda:1. Entri unggulan. Widget ini untuk 0https://devputs.blogspot.com/2016/02/cara-membuat-daftar-isi-atau-sitemap-di_63.htmlbloggerwidgetnoreply@blogger.com (Anonymous)Sat, 13 Feb 2016 07:52:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-6026016911929318044Daftar isi atau biasa disebut sitemap adalah navigasi yang dirancang untuk memudahkan pengunjung mengakses konten atau topik diperlukan oleh mereka. Selain itu daftar isi atau sitemap terdiri dari semua link posting dalam 1 tempat sehingga pengunjung lebih betah dan bounce rate pun akan semakin turun. Daftar isi atau sitemap juga dapat membantu bot search engine untuk memudahkan pengindexan situs0https://devputs.blogspot.com/2016/02/cara-menambahkan-halaman-di-blogger_13.htmlbloggernoreply@blogger.com (Anonymous)Sat, 13 Feb 2016 07:30:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-3924218623619716408Seperti halnya CMS lain, blogger juga dilengkapi dengan fitur pages atau yang biasa kita sebut halaman atau halaman statis atau static pages. Fitur ini kadang sering kita diabaikan. Halaman atau page dan posting atau post sangat berbeda. Post biasanya kita buat dan kita jadikan konten artikel sedangkan halaman statis biasanya digunakan untuk konten yang tidak berhubungan dengan sebuah artikel. 0https://devputs.blogspot.com/2016/02/cara-membuat-flat-table-responsive-di_12.htmlbloggercssnoreply@blogger.com (Anonymous)Fri, 12 Feb 2016 06:54:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-9160693173030983513Table sulit untuk dibuat responsive, tetapi bisa diakali dengan memanfaatkan query media dan overflow. Dengan memanfaatkan query media dan overflow saya akan mencoba menerangkan langkah demi langkah bagaimana cara membuat flat table responsive di blogger atau blogspot.Seperti yang sudah kita tahu table bisa sangat luas. Sederet data row bisa bersama sama untuk masuk ke dalam sebuah table. Table 0https://devputs.blogspot.com/2016/02/cara-membuat-blogger-anda-valid-html5_12.htmlbloggernoreply@blogger.com (Anonymous)Fri, 12 Feb 2016 01:42:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-1084569745674191748Sebelum melangkah ke topik utama, mari kita bahas terlebih dahulu apa sih HTML5? HTML5 adalah bahasa markup yang digunakan untuk penataan dan konten di World Wide Web(WWW). Bahasa HTML versi ini diselesaikan, dan diterbitkan, pada 28 Oktober 2014 melalui World Wide Web Consortium (W3C). HTML5 adalah revisi kelima dari standar HTML sejak awal World Wide Web(WWW). Versi sebelumnya, HTML4 adalah 0https://devputs.blogspot.com/2016/02/cara-membuat-flat-button-3d-cantik-di_11.htmlbloggercssnoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 21:19:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-6928748324299020602Tutorial kali ini saya akan membahas bagaimana cara membuat flat button 3d cantik di blogger atau blogspot anda, seperti di blog ini. Untuk trik disini kita cukup memanfaatkan efek ketebalan box-shadow ketika button normal, di hover atau ketika button aktif. Logikanya ketika button normal box-shadow akan terlihat tebal, ketika pengunjung menghover button maka box-shadow di button akan terlihat 0https://devputs.blogspot.com/2016/02/daftar-20-ikon-baru-di-fontawesome-45_11.htmlfontawesomenoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 07:05:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-4073354887942729600Update terbaru ikon di fontawesome versi 4.5Berikut adalah daftar 20 Ikon baru di fontawesome 4.5 Icon Fungsi Class fa fa-bluetooth fa fa-bluetooth-b fa fa-codiepie fa fa-credit-card-alt fa fa-edge fa fa-fort-awesome fa fa-hashtag fa fa-mixcloud fa fa-modx fa fa-pause-circle fa 0https://devputs.blogspot.com/2016/02/daftar-icon-atau-ikon-kategori-lainnya_11.htmlfontawesomenoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 06:52:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-8026211831391928076Beberapa daftar fontawesome telah saya buatkan di postingan sebelumnya, berikut adalah daftar fontawesome untuk kategori lainnya.Sebelumnya bagi yang belum tahu cara untuk memasukkan fontawesome di blogger anda silahkan lihat tutorial fontawesome untuk blogger atau blogspot.Berikut adalah daftar file type icons fontawesome Icon Fungsi Class fa fa-file fa fa-file-archive-o0https://devputs.blogspot.com/2016/02/daftar-spinner-icons-fontawesome_11.htmlfontawesomenoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 05:47:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-1445678842401255360Spinner icons biasanya digunakan web designer atau programer untuk animasi ketika akan meload suatu proses, ketika proses sedang berjalan maka akan ada animasi bisa berupa text maupun berupa animasi ikon yang berputar putar.Fontawesome memiliki beberapa ikon spinner, berikut adalah daftar spinner icons fontawesome: Icon Fungsi Class fa fa-circle-o-notch fa fa-cog 0https://devputs.blogspot.com/2016/02/daftar-ikon-web-aplikasi-atau-web_11.htmlfontawesomenoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 05:31:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-3891815391009709087Sebelumnya saya tulis daftar ikon fontawesome untuk beberapa kategori ikon fontawesome seperti:Daftar ikon arah atau directional icons fontawesomeDaftar ikon mata uang atau currency icons fontawesomeDaftar Chart Icon FontawesomeDaftar brand icon fontawesomeBerikut adalah daftar ikon web aplikasi atau web application icons fontawesome: Icon Fungsi Class fa fa-adjust fa 0https://devputs.blogspot.com/2016/02/daftar-ikon-arah-atau-directional-icons_11.htmlfontawesomenoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 05:09:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-7008365898646286035Berikut adalah table daftar ikon arah atau directional icons fontawesome: Icon Fungsi Class fa fa-angle-double-down fa fa-angle-double-left fa fa-angle-double-right fa fa-angle-double-up fa fa-angle-down fa fa-angle-left fa fa-angle-right fa fa-angle-up fa fa-arrow-circle-down fa 0https://devputs.blogspot.com/2016/02/daftar-ikon-mata-uang-atau-currency_11.htmlfontawesomenoreply@blogger.com (Anonymous)Thu, 11 Feb 2016 04:27:00 +0700tag:blogger.com,1999:blog-8422393159665044149.post-7482613549085798788Untuk daftar ikon mata uang atau currency icons fontawesome memiliki cukup lengkap ikon. Sebelum lanjut ke daftar ikon mata uang atau currency icons fontawesome, alangkah baiknya kita terlebih dahulu mengetahui cara memasang ikon tersebut di web kita untuk tutorialnya bisa dilihat di tutorial fontawesome untuk blogger atau blogspot.Ok langsung saja berikut adalah daftar ikon mata uang atau 0