Kali ini aku akan menyebarkan tutorial cara menciptakan widget kategori anime untuk blog, tutorial widget genre ini sanggup dipakai pada tema blogger , juga widget genre anime ini responsive .
Cara Membuat Widget Genre Anime di Blogger
1. Masuk ke Blogger
2. Blog Anda > Tata Letak > Tambah Gadget
3. Pilih HTML / Javascript
4. Salin arahan di bawah dan tempelkan di dalam konten widget
<link rel='stylesheet' href='https://cdn.staticaly.com/gh/Yuukithemes/yuukithemes.github.io/master/css/yk-widget-genre.css' type='text/css' media='all' /> <div class="yuukithemes-genre"> <ul> <li><a href="/search/label/Action" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Action</span></a></li> <li><a href="/search/label/Adventure" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Adventure</span></a></li> <li><a href="/search/label/Comedy" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Comedy</span></a></li> <li><a href="/search/label/Drama" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Drama</span></a></li> <li><a href="/search/label/Demons" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Demons</span></a></li> <li><a href="/search/label/Ecchi" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Ecchi</span></a></li> <li><a href="/search/label/Fantasy" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Fantasy</span></a></li> <li><a href="/search/label/Game" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Game</span></a></li> <li><a href="/search/label/Hareem" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Hareem</span></a></li> <li><a href="/search/label/Historical" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Historical</span></a></li> <li><a href="/search/label/Horror" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Horror</span></a></li> <li><a href="/search/label/Isekai" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Isekai</span></a></li> <li><a href="/search/label/Kids" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Kids</span></a></li> <li><a href="/search/label/Magic" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Magic</span></a></li> <li><a href="/search/label/Martial arts" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Martial Arts</span></a></li> <li><a href="/search/label/Mecha" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Mecha</span></a></li> <li><a href="/search/label/Military" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Military</span></a></li> <li><a href="/search/label/Music" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Music</span></a></li> <li><a href="/search/label/Mystery" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Mystery</span></a></li> <li><a href="/search/label/Parody" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Parody</span></a></li> <li><a href="/search/label/Police" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Police</span></a></li> <li><a href="/search/label/Psychological" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Psychological</span></a></li> <li><a href="/search/label/Romance" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Romance</span></a></li> <li><a href="/search/label/School" title="√ Cara Membuat Widget Genre Anime di Blog"><span>School</span></a></li> <li><a href="/search/label/Sci-fi" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Sci-Fi</span></a></li> <li><a href="/search/label/Seinen" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Seinen</span></a></li> <li><a href="/search/label/Shoujo" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Shoujo</span></a></li> <li><a href="/search/label/Slice of life/" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Slice of Life</span></a></li> <li><a href="/search/label/Space" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Space</span></a></li> <li><a href="/search/label/Sports" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Sports</span></a></li> <li><a href="/search/label/Supernatural" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Supernatural</span></a></li> <li><a href="/search/label/Super power" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Super Power</span></a></li> <li><a href="/search/label/Tragedy" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Tragedy</span></a></li> <li><a href="/search/label/Vampire" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Vampire</span></a></li> </ul> </div>
* Style 2 ( Menggunakan Scrool biar tidak panjang kebawah
<div style="overflow: auto; height: 293px; "> <link rel='stylesheet' href='https://cdn.staticaly.com/gh/Yuukithemes/yuukithemes.github.io/master/css/yk-widget-genre.css' type='text/css' media='all' /> <div class="yuukithemes-genre"> <ul> <li><a href="/search/label/Action?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Action</span></a></li> <li><a href="/search/label/Adventure?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Adventure</span></a></li> <li><a href="/search/label/Comedy?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Comedy</span></a></li> <li><a href="/search/label/Drama?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Drama</span></a></li> <li><a href="/search/label/Demons?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Demons</span></a></li> <li><a href="/search/label/Ecchi?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Ecchi</span></a></li> <li><a href="/search/label/Fantasy?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Fantasy</span></a></li> <li><a href="/search/label/Game?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Game</span></a></li> <li><a href="/search/label/Harem?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Hareem</span></a></li> <li><a href="/search/label/Historical?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Historical</span></a></li> <li><a href="/search/label/Horror?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Horror</span></a></li> <li><a href="/search/label/Magic?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Magic</span></a></li> <li><a href="/search/label/Martial%20Arts?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Martial Arts</span></a></li><li><a href="/search/label/Mecha?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Mecha</span></a></li> <li><a href="/search/label/Military?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Military</span></a></li> <li><a href="/search/label/Music?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Music</span></a></li> <li><a href="/search/label/Mystery?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Mystery</span></a></li> <li><a href="/search/label/Parody?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Parody</span></a></li> <li><a href="/search/label/Police?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Police</span></a></li> <li><a href="/search/label/Psychological?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Psychological</span></a></li><li><a href="/search/label/Romance?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Romance</span></a></li> <li><a href="/search/label/School?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>School</span></a></li> <li><a href="/search/label/Sci-Fi?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Sci-Fi</span></a></li> <li><a href="/search/label/Seinen?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Seinen</span></a></li> <li><a href="/search/label/Shoujo?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Shoujo</span></a></li> <li><a href="/search/label/Slice%20of%20Life?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Slice of Life</span></a></li><li><a href="/search/label/Space?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Space</span></a></li> <li><a href="/search/label/Sports?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Sports</span></a></li> <li><a href="/search/label/Supernatural?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Supernatural</span></a></li><li><a href="/search/label/Super%20Power?&max-results=6" title="√ Cara Membuat Widget Genre Anime di Blog"><span>Super Power</span></a></li> </ul> </div> </div>
6. Click Save
Semoga tutorial ini sangat bermanfaat untuk Anda , Kalo ada yang perlu ditanyakan silahkan komentar :)
Semoga tutorial ini sangat bermanfaat untuk Anda , Kalo ada yang perlu ditanyakan silahkan komentar :)
Sumber http://idalponse.blogspot.com
EmoticonEmoticon