Skip to main content

Cara membuat widget jadwal rilis anime di blogger

Setelah sebelumnya saya sudah membagikan tips Cara membuat Menu Multi Dropdown Di blog, dan untuk postingan saya kali ini akan menshare tentang Cara membuat widget jadwal rilis anime di blogger untuk kawan blogger yang sudah lama pastinya sudah tidak asing lagi mengenai widget seperti ini. Tapi untuk sebagian kawan blogger khususnya pemula seperti saya ini masih terbilang awam ya hehe. 
Ok sobat kita kepokok judul dari postingan diatas, disini saya akan membagikan tips Cara membuat widget jadwal rilis anime di blogger untuk kalian yang baru saja membuat blog tentang anime mungkin widget seperti ini bisa kalian terapkan atau pasang di blognya.

Jika berminat untuk menggunakannya bisa langsung di praktekan di blog dengan cara berikut ini: Silahkan kalian buka Blogger > PILIH TEMA > EDIT HTML > Letakan codenya tepat sebelum </style>

/* Jadwal Rilis Anime */
.gunawan-fix{width:25%;float:left}
.gunawan-wrap{padding:10px 4px 10px}
.gunawan-title{color:#fff;font-family:sans-serif;text-align:center;padding:20px 10px;text-transform:uppercase;font-size:22px;font-weight:bold}
.gunawan-fix:nth-child(1) .gunawan-title{background:#000;border-bottom:5px solid #007dd0}
.gunawan-fix:nth-child(2) .gunawan-title{background:#ff0000;border-bottom:5px solid #308e00}
.gunawan-fix:nth-child(3) .gunawan-title{background:#c1004f;border-bottom:5px solid #9e0041}
.gunawan-fix:nth-child(4) .gunawan-title{background:#ff5722;border-bottom:5px solid #ce4115}
.gunawan-fix:nth-child(5) .gunawan-title{background:#008287;border-bottom:5px solid #00696d}
.gunawan-fix:nth-child(6) .gunawan-title{background:#7200ac;border-bottom:5px solid #5d008c}
.gunawan-fix:nth-child(7) .gunawan-title{background:#f58500;border-bottom:5px solid #bd6700}
.gunawan-fix:nth-child(8) .gunawan-title{background:#8c0000;border-bottom:5px solid #610000}
.gunawan-wrap ul{margin:0!important;padding:0!important;color:#333;background:#ebebeb}
.gunawan-wrap ul li{list-style:none;padding:7px 12px!important;transition:all 0.3s;margin:0!important}
.gunawan-wrap ul li:hover{background:#ddd}
.gunawan-wrap ul li a{color:#333}
.gunawan-wrap ul li a:hover{color:#333}

Jika CSS diatas sudah kalian pasang, selanjutnya kalian simpan kembali template yang sudah di edit tadi. Langkah selanjutnya untuk menampilkan widgetnya kalian bisa menggunakan code dibawah ini

<div class='gunawan'>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Senin</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Selasa</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Rabu</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Kamis</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Jumat</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Sabtu</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Minggu</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
   <div class='gunawan-fix'>
      <div class='gunawan-wrap'>
         <div class='gunawan-title'>Random</div>
         <ul>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
            <li><a href='#'>Nama Anime</a></li>
         </ul>
      </div>
   </div>
</div>

LIVE DEMO

Silahkan di edit dan bisa disesuaikan code diatas menurut kalian semua, mungkin dari saya cukup segitu dulu aja ya, selamat mencoba dan semoga bisa bermanfaat.
Labels:

Comments

Post a Comment

Popular posts from this blog

50 Situs Mendapatkan Bitcoin Gratis No SCAM

Bitcoin di tahun 2016 ini penggunaannya sudah sangat banyak, hal ini terbukti dengan harga bitcoin yang semakin hari semakin mahal saja harganya. Saya sendiri yang belum lama menggeluti bitcoin ini sejak agustus tahun 2015, harga bitcoin pada saat itu hanya sekitar Rp.5.000.000 lebih Tetapi harga bitcoin saat ini adalah sekitar Rp.7.500.000 saat di terbitkannya artikel ini dan diperkirakan harga bitcoin akan semakin naik. Harga dari tahun ke tahun yang meningkat ini tentu saja menjadi keuntungan tersendiri bagi para penikmat bitcoin, hingga bisa mendapatkan keuntungan puluhan juta rupiah. Namun tidak semudah itu untuk mendapatkan bitcoin karena kita harus memiliki sebuah alat khusus untuk menambang bitcoin serta modal yang cukup besar hanya untuk 1 bitcoin saja. Karena hal tersebut hanya sebagian orang saja yang mampu mendapatkan bitcoin. Bitcoin Gratis Tetapi bitcoin untuk kalangan tertentu saja yang bisa, bukan berarti kita yang tidak memiliki modal untuk mendapatkan bitco
Post a Comment
Read more

Wah, Tak Hanya Cantik, 7 Artis Ini Juga Dianugerahi Bibir Yang Sensual. Siapa Aja Sih?

Setiap wanita itu terlahir cantik, karena kecantikan adalah hal yang relatif dan sesuai dengan pendapat orang masing-masing. Kita tidak bisa mengatakan wanita gendut itu tidak cantik, karena ada beberapa negara yang justru cantik jika mempunyai tubuh gendut. Dan setiap negara ataupun orang mempunyai idealnya sendiri bagaimana kecantikan sejati. Yang Paling penting kecantikan bukanlah di wajah, tapi di hati. Namun, bicara tentang bibir sensual dimana kebanyakan orang menganggapnya demikian. Berikut Ini ada 7 Artis yang tak hanya cantik, tapi juga mempunyai bibir yang sensual. Siapa aja sih? Ariel Tatum Kecantikan dari Artis yang mengawali karir semenjak usia 10 tahun ini sering sekali pamer bibir sensualnya saat berfoto. Raline Shah Raline tak hanya cantik, tapi juga dianugerahi bibir yang sensual. Selain itu, artis cantik ini juga sangat rendah hati dan jauh dari kata sombong. Manohara Odelia Pinot Terkenal sekali dengan kecantikannya, memang lama tidak terdengar akan kab
Post a Comment
Read more

Beberapa Mitos Salah Tentang Deep Web Yang Dipercayai Banyak Orang

Banyak sekali orang penasaran dengan apa yang namanya Deep Web. Seperti apa dan ada apa sih disana sehingga sering kali di perbincangkan di media sosial? Selama ini saat mendengar kata Deep Web pasti akan diikuti dengan mitos-mitos menakutkan yang tersebar di internet. Mitos-mitos ini terus berkembang padahal sebenarnya belum teruji benar atau tidaknya. Kali ini kita akan membahas fakta-fakta palsu yang banyak tersebar di Internet mengenai Deep Web. Dampaknya, banyak yang menganggap deep web menakutkan dan sangat berbahaya. Apakah Deep Web semenakutkan itu? 1. Masuk Deep Web menjadi sasaran FBI Di salah satu artikel yang saya baca tentang Deep Web, terdapat sebuah komentar yang mengatakan, jika sekedar surfing memakai browser TOR itu bahaya. Nanti bakal ditangkap oleh FBI, jadi selain TOR harus mengaktifkan VPN atau proxy. Tidak perlu lebay, Deep Web sama saja seperti situs publik, dalam artian tidak ada yang mengontrol semua surfer, FBI sekalipun. 2. Masuk Deep Web PC langs
Post a Comment
Read more