Posts

Cara Membuat Anime List Awsubs

Image
  Cara Membuat Anime List Awsubs Anime List - Fitur ini biasa disebut sitemap atau daftar isi dari suatu blog, setiap blog memiliki beberapa macam design sitemap/ daftar isi yang berbeda namun tetap satu fungsi. Tutorial ini akan membahas Cara Membuat Anime List Seperti Fansub Awsubs, cara membuatnya cukup mudah kalian tinggal mengikuti langkah-langkah yang akan saya jelaskan dibawah. Kalian bisa lihat contoh yang sudah jadinya dibawah ini. Demo Cara Membuat Anime List Awsubs Silahkan Buka  Blogger kamu > Halaman Baru , lalu tambahkan css berikut ini <style> /* CSS Anime List Wardhanime */ .nominal_apb{text-align:center;margin:0 0 5px;padding:1px 0} .nominal_apb a{display:block;width:26.7px;float:left;background:#424242;font-weight:500;color:#FFF;padding:5px 0} .nominal_apb a:hover{background:#2977BE;text-decoration:none} .filter-kata{position:relative;margin-bottom:10px} .judul-filter{font-family:segoe ui;font-weight:700;color:#333;font-size:13px;border-bottom:2px so...
Post a Comment
Read more

Cara Membuat Slider Animation Di Homepage

Image
  Cara Membuat Slider Animation Di Homepage Tutorial kali ini saya akan membahas tentang  Cara Membuat Slider Animation Di Homepage , tutorial kali ini agak sedikit rumit untuk orang awam, tapi tenang saja ditutorial ini saya akan buat menjadi mudah jadi tidak perlu khawatir lagi. Cara Membuat Slider Animation Di Homepage Buka  Blogger > Tema > Edit HTML , cari  </style> , lalu tambahkan css berikut diatasnya /* CSS Slider - Arlethdesign */ .slidewrap-wrapper{width:auto;float:left;position:relative;padding-right:2%;padding-top:10px} .slidewrap{overflow:hidden;position:relative;width:100%;height:350px;margin-bottom:5px;background:#eee} .arlethdesz,.imgs_wrap,.paging{position:absolute} .imgs_wrap{top:0;left:0} .imgs_wrap img{float:left;width:20%;height:350px} .paging{background:0 0;bottom:15px;right:20px;padding:4px 0 2px;z-index:100;display:none} .paging a{margin:3px;background:#fff;width:10px;height:10px;display:inline-block;border:none;outline:0} .paging...
Post a Comment
Read more

Cara membuat tombol back to top dengan gambar

Image
  Cara membuat tombol back to top dengan gambar Tutorial kali ini saya akan membahas Cara membuat tombol back to top dengan gambar, sesuai judulnya gambar bisa kalian ganti sendiri sesuai keinginan kalian, artikel kali ini mungkin akan berguna untuk blog kalian. Ok kita mulai saja tutorial cara buatnya. Cara membuat tombol back to top dengan gambar Langkah pertama Silahkan kalian buka  Blogger > Tema > Edit HTML , lalu cari  </style> , kemudian simpan css berikut ini diatasnya .jiul-back-to-top{position:fixed;bottom:2em;right:12px;text-decoration:none;padding:1em;display:none;cursor:pointer} Cari  </body> , simpan HTML & Javascript berikut ini diatasnya <img class='jiul-back-to-top' src=' Link Gambar '/> <script type="text/javascript">/*<![CDATA[*/ jQuery(document).ready(function(){var t=222,e=495;jQuery(window).scroll(function(){jQuery(this).scrollTop()>t?jQuery(".jiul-back-to-top").fadeIn(e):jQuery(".jiu...
Post a Comment
Read more

Cara Membuat Safelink Di Blogger [Video]

Image
  Cara Membuat Safelink Di Blogger [Video] Cara Membuat Safelink Di Blogger [Video]  - Tutorial Cara Membuat Safelink blogger ini saya sudah menyiapkan video bagi yang kurang mengerti jadi silahkan didownload juga. Tutorial sebelumnya saya sudah membagikan Template gratis yaitu  Edna Template Blogger v2  dan tutorial  Cara membuat tombol back to top dengan gambar , untuk hari ini saya akan membagikan tutorial yang sedikit berbeda dari sebelumnya, ok kita mulai saja tutorial kali ini. Cara Membuat Safelink Di Blogger Buka Blogger > Buat Blog Baru Untuk Safelink Jika Sudah, Buat  Halaman  diblog baru tersebut Kemudian Tambahkan Script berikut kedalam page tersebut & beri judul  GO <script src=" LINK-JAVASCRIPT " type="text/javascript"></script> Kemudian buka Notepad, lalu simpan menjadi javascript berikut kebentuk file  Safelink.Js , Dan jangan lupa ganti  http://link-tujuan.blogspot.com/p/go.html  dengan Url Blog s...
Post a Comment
Read more

Anime list Auto Index Responsive Blogger

Image
  Anime list Auto Index Responsive Blogger Anime list Auto Index Responsive Blogger - Anime list biasanya diperlukan untuk blog dengan niche Download anime, anime list sering kita jumpai di web atau blog-blog anime, namun kali ini saya akan membahas Bagaimana  Cara Membuat Anime list Auto Index Responsive Untuk Blogger . Pasti kamu pernah merasa malas & lelah mengurus Anime list/ Daftar Isi blog kalian dikarenakan konten atau postingan blog tersebut terlalu banyak, makanya dari itu saya disini akan membagikannya tips agar kalian tidak perlu mengedit atau mengisi Anime Listnya lagi, jadi kalian tidak kerepotan mengisi daftar isi setiap kali posting. Ok kita mulai saja tutorial kali ini Cara Membuat Anime list Auto Index Responsive Blogger Buka  Blogger > Buat Postingan Berlabel  dari  A sampai Z  berdasarkan  Huruf Awal Judul Postingan Tersebut Buat Halaman baru, lalu Salin CSS dibawah kedalam halaman tersebut <style> /* CSS By Arleth98 */ ...
Post a Comment
Read more