Skip to main content

Posts

Showing posts from July, 2018

Featured Post

Pamula Elegant Blogger Theme

Pamula  merupakan tema personal yang saya desain dengan beberapa referensi, Tema ini dibuat clean dan elegant untuk membuat lebeih fresh serta memaksimalkan fitur dari fungsi blogger agar dapat meminimalisir penggunaan javascript atau json blogger. Tema ini memiliki kecepatan super cepat seperti tema-tema yang saya share sebelumnya, tapi pada tema yang saya buat sekarang terus menggunakan fungsi javascript dan tidak ada jQuery di dalamnya. Kemungkinan kalian tidak akan paham karena terbiasa dengan jQuery. Pada tema ini kalian akan mendapatkan beberapa fitur menarik seperti : Kecepatan Loading Super Ngebut Dengan memiliki loading yang cepat pasti dapat membuat pengunjung menjadi lebih betah sebab tidak perlu cari Artikel serupa meskipun yang disebabkan oleh loading lambat. Saya sudah mencoba untuk mengetest kecepatan dengan bantuan dari GTmetrix dan Pagespeed. Untuk melihat hasilnya bisa cek gambar berikut: Kecepatan loading ini sudah saya test sendiri menggunak

Cara Merubah Komentar Blogger Menjadi Seperti Wordpress

Bila sobat melihat template atau situs ini pastinya ketika ingin berkomentar diblog ini kok komentarnya beda sih sama blog lain? malah seperti wordpress, tentu saja disini pasti akan membuat orang lain penasaran dan ingin mencoba juga tentu saja untuk membuat tampilan seperti komentar ini memerlukan pemahaman jQuery atau Javascript karena disini sobat harus bisa memainkan Javascript. Kenapa harus memainkan Javascript? yah karena komentar ini menggunakan fitur database dari Firebase milik Google jadi tentu saja sobat harus paham sedikitnya tentang Javascript ataupun pernah melakukan edit agar lebih paham lagi. Sedangkan saya hanya akan membagikan logika dan sourcenya saja jadi tidak mungkin tampilan nya akan sama seperti punya saya seperti ini. Sobat bisa memainkan CSS dan Javascript untuk membuat tampilan menjadi lebih bagus lagi. Kembali ke topiknya, apakah sobat pernah dengan yang namanya Firebase? jika belum sobat bisa searching dulu di mbah google. Jika sudah tahu sobat pasti

Cara Membuat Subscribe Box Seperti Alpukoding

Subscribe Box atau yang biasa dikenal dengan kotak langganan ini memang sering sekali dipakai untuk mendapatkan pengunjung setia yang akan selalu datang ke blog yang dikunjungi. Subcribe box ini juga dapat membuat pengunjung blog bisa balik lagi dan akan mendapatkan artikel/postingan yang cepat karena jika pengunjung yang sudah melakukan langganan akan otomatis mendapatkan notifikasi di blog tersebut tentu saja dengan cara ini pengunjung tidak perlu repot report bolak balik untuk melihat apakah blog tersebut update atau tidak. Karena sudah ada notifkasi bila pengunjung sudah berlangganan diblog. Bila sobat melihat blog ini pasti ada subscribe box dibagian bawah yang dihiasi dengan tampilan anime yang bisa membuat orang lain menarik, karena saya sangat suka anime jadi ditambahkan gambar anime biar terlihat kece maksimal :v bagi sobat yang ingin menggunakan subscribe box seperti Alpukoding ini bisa dicoba sendiri dengan Tutorial dibawah ini. 1. Buka Blogger > Klik Tema > Klik tombo

Cara Custom Url Post Blogger Menjadi Seperti Wordpress

Merubah url post menjadi seperti wordpress mungkin tidak akan kepikiran bila sobat belum pernah mengunjungi web yang mengunakan wordpress karena sobat tidak akan tahu url post blogger dan wordpress sangat berbeda. Contoh saja jika sobat pernah ke petanikode pastinya url post pada bagian anddreas bar pasti tidak akan memiliki post date melainkan langsung ke post url saja berbeda jika blogger yang mengharuskan memiliki post date baru ke post url. Nah untuk merubah post url tersebut tentu saja bisa dilakukan meski menggunakan blogger sekalipun tapi ada dampak buruknya untuk blog sobat, yaitu akan berdampak pada SEO blog dan sekalin itu pasti akan ada beberapa hal yang error tentu saja jika sobat hanya ingin menghilangkan rasa penasaran bisa sobat coba cara ini. Cara ini mengubah Permalink pada bagian blogger agar tidak melihatkan bagian post date dan akan langsung ke bagian post url sebagai contohnya seperti dibawah ini : HTML https://alpukoding.blogspot.com/2018/07/template-evo-mag

Cara Membuat Background Anime Di Blog

Sering melihat Website Fansub dan ada gambar / background anime di sebelah kanan dan kiri selain itu juga dengan menambahkan background anime seperti ini dapat membuat blog menjadi lebih bagus tapi tentu saja ini akan terlihat bagus bila dengan niche yang sama seperti anime. Untuk blog ini juga pakai background anime, karena mimin pecinta dari kuliner ala tukang somay jadi dipasang deh background animenya. Cara Membuat Background Anime Di Blog 1. Buka Blogger > Klik Tema > Klik tombol Edit HTML > Kemudian tambahkan kode dibawah ini sebelum ]]></b:skin> atau </style> CSS body {background-image: url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVnXq3IEaGX98yigj6haFgqLw8TcEtj04QXh58NRQWiK45DXU2Fg3DWW19sAz5xwsH92kUDVOw1RbzBaClYTjfE983jGc3VFx_IIli18ax8tJtUVucuksrwQlgvzReDRhUsHiuOVN82MWB/s1600/Soma.png ),url( https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpLTvAUb4UmYQNswyJkJyHUV2R8It9mKiuS0yPlSGfKLjXeXwZU9crFAz2w6yMFf62ZSBdAyN_DH8PekKvUAVVu

Template Brosense Redesign Dark Theme

BroSense merupakan template blogger yang dibuat khusus untuk dipasang di blog AdSense atau blog yang dibuat khusus untuk dimonetisasi dengan iklan Google AdSense. Meskipun dari segi desain tidak bisa dibilang keren, tapi template ini sudah terbukti mampu meningkatkan CTR iklan sampai berkali-kali lipat. Jadi kalau sobat menggunakan template ini kemungkinan besar earning AdSense sobat bakalan meningkat. Disini dengan tampilan yang berbeda yaitu tampilan hitam atau dark theme bagi sobat yang menyukai tampilan dark bisa coba template redesain dari brosense ini. Apa aja fitur dan kelebihan template ini? SEO sudah dioptimalkan Desain Responsive banget Mudah dimodif lewat fitur perancang template Sudah auto Readmore Sudah terdapat Breadcrumb Related Post juga sudah tersedia Social Share Buttons Facebook Comments Loading super ngebut Dan pastinya mampu ningkatin CTR Iklan Result Download Bila Sobat berminat Template Brosense Redesign ini, sil

Cara Membuat Counter View Real Time Firebase di Blog

Counter View ini sangat berguna sekali untuk blog apalagi jika blog sobat ingin mengetahui jumlah pengunjung yang membaca artikel sobat. Counter View ini adalah solusinya dengan menggunakan fungsi Real Time jadi view pada jumlah postingan akan dihitung secara Real Time atau asli. Counter View disini menggunakan salah satu host yang ada di google yaitu firebase karena terbilang gratis jadi bisa digunakan oleh sobat dan juga di firebase sobat bisa melakukan kreasi sendiri jika paham dalam penggunaanya. Cara Membuat Counter View di Blog 1. Pertama, buat akun firebase terlebih dahulu disini Firebase 2. Akun Firebase bisa digunakan dengan Gmail, jika akun gmail sudah ada otomatis akan menggunakan Akun Gmail saja dan langsung dapat membuat Projek Firebase. 3. Klik Tambahkan Projek. 4. Silahkan untuk menggatur Nama Projek dan Negara/Wilayah, jika sudah klik Buat Projek. 5. Setelah itu akan masuk ke Dashboard seperti ini. 6. Silahkan kamu klik Develop > lalu Database. 7. Disi

Cara Menghilangkan Link Aktif Pada Komentar Blog

Link aktif pada komentar memang terlihat biasa saja dan bisa diacuhkan untuk link aktif tersebut akan tetapi belum tentu hal itu baik bagi blog sobat. Karena belum tentu setiap link tersebut memiliki sifat positif jika saja ada link aktif yang bersifat negatif pasti akan merugikan sekali bagi blog sobat, karena blog akan dicap sebagai tempat spammer oleh google. Tapi bisa juga dengan link aktif dikomentar blog dapat memberikan backlink bagi si pembuat link aktif tersebut, tentu saja bagi sobat ini akan sangat merugikan diantaranya link aktif tersebut bisa saja menjadi broken link alias tidak aktif, hal ini perlu dihindari oleh setiap pemilik blog. Selain itu juga link aktif pada komentar blog akan dianggap sebagai link keluar atau outbound link dan bisa berdampak bagi SEO blog sobat. Oleh karena itu untuk menjadi kualitas SEO blog sobat perlu dilakukan pengecekan secara rutin baik itu dari broken link maupun link aktif pada komentar blog sobat. Lantas bagaimana jika link aktif pada kom

Cara Membuat Link Sumber Otomatis Di Blog

Pada setiap blog memang tidak luput dari yang namanya copy paste dan ini tentu saja kerap meresahkan para blogger yang bersusah payah untuk membuat sebuah artikel dengan idenya sendiri dan ketika satu artikel dicopy paste oleh orang jail tentu saja membuat kesal karena orang tersebut tidak tahu betapa susahnya untuk membuat sebuah artikel. Cara ini juga dapat menaikkan page view / visitor / pageview dengan membuat link atau tautan diblog selain dapat meningkatkan page view juga dapat menambah nilai SEO blog itu sendiri. Dengan menggunakan cara ini bisa membuat blog sobat menjadi lebih aman dari yang namanya copas artikel tentu saja jika ada orang yang melakukan copas pada artikel sobat maka secara otomatis akan membuat link sumber artikel dari blog yang dicopas. Cara Membuat Link Sumber Otomatis Di Blog 1. Buka Blogger > Klik Tema > Klik tombol Edit HTML > kemudian tambahkan kode dibawah ini sebelum </body> Kode Link Sumber Otomatis V1 jQuery <script type='text/ja

Cara Memasang Google Translate Di Blog

Google Translate memang sangat mudah sekali untuk menerjemahkan suatu bahasa ke bahasa tertentu dan diblogger sendiri sudah mempunyai widget bawaan dari Google Translate dengan fungsi yang sama dengan 3 gaya / tampilan berbeda yaitu Vertikal, Horizontal dan Drop Down. Namun dari segi tampilan pasti tidak puas hanya dengan tampilan default yang diberikan oleh Google Translate, maka dari itu disini sobat bisa mencoba tampilan yang berbeda dengan tampilan dari 3 gaya diatas. Cara Memasang Google Translate Di Blog 1. Buka Blogger > Klik Tata Letak > Kemudian klik pada Tambah Gadget > Klik HTML/JavaScript > Tambahkan kode dibawah ini di dalamnya. HTML <style type="text/css"> #translator-wrapper{display:block;width:90%;max-width:300px;border:none;background-color:#fff;color:#444;overflow:hidden;position:relative;height:40px;line-height:40px;border:1px solid #e0e0e0;}#translator-wrapper select{border:none;background:transparent;font-family:'Verdana',Arial,S