Seputar Teknologi Komputer Jaringan: Juli 2015

Home Archives for Juli 2015

30 Jul 2015

Cara Membuat Widget Project Rilisan Anime

arrahman Juli 30, 2015

Hai hai Minna-san , Setelah sekian lama pada nanya" :v kapan update baru nih :v Ya tepatnya update akan saya mulai lagi mulai hari ini deh :3 , Maaf mimin gak update karna mimin Vakum karna Males Ngeblog :v kwokwokok :v Tapi sekarang udh ada niat lagi kok :3

Jadi bagi anda yang punya masalah sama Tutorial yang lalu atau Link Rusak Lainnya Silahkan Lapor kan ke Mimin Disini

Tutorial Kali ini Mimin akan Membagikan Sebuah Tutorial "Cara Membuat Widget Project Rilisan Anime" Caranya tidak rumit , Agan tinggal ikuti Caranya dibawah ini :3

DEMO

CLICK HERE

Layout / Tata Letak - > Add Gadget - > Pilih HTML / JAVASCRIPT
Langsung Saja Letakkan Kode dibawah ini yah dengan cara diatas ^^

 <style>
.projectlst{padding:5px 5px;}
.projectlst a{color:#666;font-family:tahoma;font-size:12px;font-weight:normal}
.projectlst a:hover{text-decoration:underline}
.projectlst h2{border-bottom:1px solid #444;padding-bottom:8px;font-size:14px;font-family:tahoma;font-weight:normal}
.projectlst li:before{content: &quot;\f105&quot;; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;margin:0 3px;}
</style>
<div class="projectlst">
<h2>Daftar Project Musim ini</h2>
<li><a href="http://www.mannasubs.ga/search/label/Bikini%20Warriors" target="_blank">Bikini Warriors</a></li>
<li><a href="http://www.mannasubs.ga/search/label/To%20Love%20Ru%3A%20Trouble%20-%20Darkness%202nd" target="_blank">To Love Ru: Trouble - Darkness 2nd</a></li>
<li><a href="http://www.mannasubs.ga/search/label/Gakkou%20Gurashi" target="_blank">Gakkou Gurashi</a></li>
<li><a href="#" target="_blank">Monster Musume no Iru Nichijou</a></li>
<li><a href="http://www.mannasubs.ga/search/label/Non%20Non%20Biyori%20Repeat" target="_blank">Non Non Biyori Repeat</a></li>
<li><a href="http://www.mannasubs.ga/search/label/Overlord" target="_blank">Overlord</a></li>
<li><a href="http://www.mannasubs.ga/search/label/Rokka%20no%20Yuusha" target="_blank">Rokka no Yousha</a></li>
<li><a href="http://www.mannasubs.ga/search/label/Chaos%20Dragon%3A%20Sekiryuu%20Seneki" target="_blank">Chaos Dragon: Sekiryuu Seneki</a></li></div>

Jika Sudah Silahkan Simpan :)
Dan Cara Mengeditnya atau Menambahkan Rilisannya Seperti ini :
1. Jika Ingin Menambahkan Rilisan Anime Barunya Silahkan Letakkan Kode Dibawah ini Setelah Kode </li>
<li><a href="http://www.mannasubs.ga/search/label/Bikini%20Warriors" target="_blank">Bikini Warriors</a></li>
2. Jika Ingin Mengubah Nama Animenya atau Mengganti Linknya Silahkan Ganti Dengan Cara Dibawah ini.
<li><a href="http://www.mannasubs.ga/search/label/Bikini%20Warriors" target="_blank">Bikini Warriors</a></li>
* Biru = Link Anime
* Merah = Nama Anime

Jika Ada Masalah Silahkan Tinggalkan Jejak Kalian Dibawahnya ^^

Dan Jangan Lupa Like Fanpages kami jugah yah !!! :D

Charlotte Cover Facebook

arrahman Juli 19, 2015

Hai Minna-san , Jumpa lagi sama Admin Moe Tercakep ini :* , Mimin kali ini akan membagikan Cover Facebook terbaru yang baru mimin buat :v

Cover Facebook kali ini adalah

"Charlotte Cover Facebook" , Dan juga Tambahan Videonya nanti saya upload :v

Jadi disedot dlu yah Cover Facebooknya :v

DEMO

LINK DOWNLOAD

[ Solidfiles ]

Dan Jangan Lupa tinggalkan komentar kalian yah ! :D

Jangan Lupa Like Fanpages kami juga yah ! :D

Fix Info Rilisan Anime

arrahman Juli 13, 2015

Konbawa Minna-san ^^ , Kali ini Mimin Membagikan Tutorial Fix Dari "Rilisan Anime" yang dulu banyak yg protes :v Yaudah langsung aja mimin Fix deh :v

Dan sekarang Info Rilisan Animenya Dapat dari Blog orang :v jadinya ini bukan 100% fix dari mimin :v Langsung aja deh cek demonya dibawah :v

DEMO

Info Rilisan

Danna ga Nani wo Itteiru ka ... 03 (90%)

Tinggal Upload

Langsung saja, ikuti caranya dibawah

Pertama Silahkan Letakkan Kode Widget ini

Blogger - > Layout - > Add Gadget

<style>
progress{width:100%;height:14px;display:block;margin:5px 0;-webkit-appearance:none;border:none;}progress::-webkit-progress-bar{background:#fff;padding:1px;border:1px solid #444;}progress::-webkit-progress-value{background:#444;}.prgs{overflow:auto;border:1px solid #444;background-color:#fff;}.prgs p{padding:10px 15px;}.prgs b{color:#333;font-weight:300;font-size:14px;text-overflow: ellipsis;white-space: nowrap;}.prgs h3{margin:0;background-color:#333;color:#fff;font-weight:300;padding:5px;text-align:center;font-family:tahoma;}.prgs::-webkit-scrollbar {background-color:#ccc;width:4px;}.prgs::-webkit-scrollbar-thumb{background-color:#48B5CD;}b.info{font-family:tahoma;font-weight:normal;font-size:10px;color:#989898;}
</style>
<div class="prgs">
<h3>Info Rilisan</h3>
<p>
<b>Danna ga Nani wo Itteiru ka ... 03 (90%)</b>
<b class="info">Tinggal Upload</b>
<progress max='100' value='90'></progress></p></div>

CARA SETTING :
<div class="prgs">
<h3>Info Rilisan</h3>
<p>
<b>Danna ga Nani wo Itteiru ka ... 03 (90%)</b>
<b class="info">Tinggal Upload</b>

<progress max='100' value='90'></progress></p></div>

*Merah = Nama Anime Dan Persen
*Biru = Info Projek
*Ungu = Proses Kinerja Projeknya

Cara Nambahkan Proses Rilisan , tinggal tambahkan aja kode ini sebelum kode </div>
<p>
<b>Danna ga Nani wo Itteiru ka ... 03 (90%)</b>
<b class="info">Tinggal Upload</b>

<progress max='100' value='90'></progress></p>

Jangan Lupa Tinggalkan Komentar kalian yah ! :D

Dan Jangan Lupa Like Fanpages kami yah ! :D

Order Template Premium

arrahman Juli 12, 2015

Hai Minna-san , Admin Moe akan membuka Kembali Pengorderan Template Premium buat anda - anda semua ^^ Dengan Platform Blogger :)

Order Template Bisa dilakukan melalu Via
- Pulsa
- BANK

Cara Pengorderan :
- Pesan Template -> Pembayaran -> Template di proses -> Template dikirim :)

Daftar Harga Template bisa dicek dibawah :)

Order Template FansubORDER

Daftar Harga

- Template Fansub Normal Rp.50.000,00
- Template Fansub Normal + Responsives Rp.75.000,00

Order Template StreamingORDER

Daftar Harga

- Template Streaming Normal Rp.60.000,00

Order Template Magazine Otaku NewsORDER

Daftar Harga

- Template Magazine Normal Rp.75.000,00

Order Template Music / PVORDER

Daftar Harga

- Template Download Music + ResponsivesRp.50.000,00
- Template Download PV/Music + Responsives Rp.75.000,00

Order Template Manga~~ORDER~~

Daftar Harga

- Template Manga Normal Rp.50.000,00

*NOTE : Bagi anda Pembeli Template Moe, Saya harapkan Kontak FB anda harus aktif jika saya ingin menanyakan sesuatu :)

Bagi anda yang sudah membeli template saya , dan ingin memesan lagi :) Saya akan memberikan diskon 20% xD
Makanya Ayo Order !!! :D

Fix Anime List V.1

arrahman Juli 11, 2015

Ohayou Minna-san , Malam ini mimin akan Membagikan Tutorial yang Rusak :)

Dan mimin sudah Fix Semua Kodenya , Dan Berhasil ^^

Jadinya Langsung mimin Share , karna ini permintaan dari pengunjung :3

Bisa diliat Kok DEMOnya dibawah :)

DEMO

CLICK HERE

Pertama-tama silahkan Letakkan CSSnya di atas </style> / </body> atau langsung di dalam Page / Post anda :) (Saran saya biar template tidak berat)

 <style>/* === ANIME LIST === */
.nav_apb{padding:0;text-align:center;margin:0;}
.nav_apb a{display:block;font-weight:700;border:none;background:none;width:21px;font-size:13px;float:left;margin:1px;background:#3C3B36;color:#DDDDDC;padding:2px 0px}
.nav_apb a:hover{background:#222;text-decoration:none}
#mcTagMap .tagindex h4, #sc_mcTagMap .tagindex h4 {border-bottom: 2px solid #2977BE;padding: 0 0 4px 0;margin: 2px 0 4px 0;}
#mcTagMap .tagindex ul li, #sc_mcTagMap .tagindex ul li {list-style: outside none disc;padding: 2px 0;margin: 0;font-size: 13px;width: 50%;float: left;}
#mcTagMap .tagindex ul, #sc_mcTagMap .tagindex ul {list-style: outside none disc;padding: 1px 0;margin: 0px 15px 25px;width: 100%;float: left;}
#mcTagMap .tagindex ul li a {color: #333;}
#mcTagMap .tagindex ul li a:before {content: &quot;\f108&quot;;margin:0 3px; font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
#mcTagMap .tagindex ul li a:hover{text-decoration:underline;}</style>

Dan Kode HTML dibawah ini, kalian letakkan di Post / Page Anda :)

 <div class="nav_apb"> <a href="#%23">#</a> <a href="#A">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a> <a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a> <a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a>
<div class="clear"></div></div>
<div id="mcTagMap" class=" toggleNo">
<div class='holdleft' style="width: 640px;">
<div class="tagindex">
<h4 id="A">A</h4>
<ul class="links">
<li><a title="Absolute Duo" href="#">Absolute Duo</a></li>
<li><a title="Accel World" href="#">Accel World</a></li>
<li><a title="Accel World" href="#">Accel World</a></li></ul></div>
<div class="tagindex">
<h4 id="B">B</h4>
<ul class="links">
<li><a title="Baby Princess 3D Paradise [Love]" href="#">Baby Princess 3D Paradise [Love]</a></li>
<li><a title="Baby Steps S2" href="#">Baby Steps S2</a></li></ul></div>
<div class="tagindex">
<h4 id="C">C</h4>
<ul class="links">
<li><a title="Campione!" href="#">Campione!</a></li>
<li><a title="Chuunibyou Demo Koi ga Shitai!" href="#">Chuunibyou Demo Koi ga Shitai!</a></li></div>
<div class="tagindex">
<h4 id="D">D</h4>
<ul class="links">
<li><a title="D-Frag!" href="#">D-Frag!</a></li>
<li><a title="Daitoshokan no Hitsujikai" href="#">Daitoshokan no Hitsujikai</a></li></ul></div>
<div class="tagindex">
<h4 id="E">E</h4>
<ul class="links">
<li><a title="ef: A Tale of Memories" href="#">ef: A Tale of Memories</a></li>
<li><a title="Elfen Lied" href="#">Elfen Lied</a></li></ul></div>
<div class="tagindex">
<h4 id="F">F</h4>
<ul class="links">
<li><a title="Fairy Tail" href="#">Fairy Tail</a></li>
<li><a title="Fate/Stay Night: Unlimited Blade Works" href="#">Fate/Stay Night: Unlimited Blade Works</a></li></ul></div>
<div class="tagindex">
<h4 id="G">G</h4>
<ul class="links">
<li><a title="Gekkan Shoujo Nozaki-kun" href="#">Gekkan Shoujo Nozaki-kun</a></li>
<li><a title="Gintama (2015)" href="#">Gintama (2015)</a></li></ul></div>
<div class="tagindex">
<h4 id="H">H</h4>
<ul class="links">
<li><a title="Hagure Yuusha no Estetica" href="#">Hagure Yuusha no Estetica</a></li>
<li><a title="Haikyuu!!" href="#">Haikyuu!!</a></li></ul></div>
<div class="tagindex">
<h4 id="I">I</h4>
<ul class="links">
<li><a title="Inari Konkon Koi Iroha" href="#">Inari Konkon Koi Iroha</a></li>
<li><a title="Infinite Stratos" href="#">Infinite Stratos</a></li></ul></div>
<div class="tagindex">
<h4 id="J">J</h4>
<ul class="links">
<li><a title="Jinsei" href="#">Jinsei</a></li>
<li><a title="Jormungand" href="#">Jormungand</a></li></ul></div>
</div>
<div class='holdleft noMargin' style="width: 640px;">
<div class="tagindex">
<h4 id="K">K</h4>
<ul class="links">
<li><a title="K-ON!" href="#">K-ON!</a></li>
<li><a title="K-ON!!" href="#">K-ON!!</a></li></ul></div>
<div class="tagindex">
<h4 id="L">L</h4>
<ul class="links">
<li><a title="Log Horizon" href="#">Log Horizon</a></li>
<li><a title="Log Horizon S2" href="#">Log Horizon S2</a></li></ul></div>
<div class="tagindex">
<h4 id="M">M</h4>
<ul class="links">
<li><a title="Madan no Ou to Vanadis" href="#">Madan no Ou to Vanadis</a></li>
<li><a title="Magi: The Labyrinth of Magic" href="#">Magi: The Labyrinth of Magic</a></li></ul></div>
<div class="tagindex">
<h4 id="N">N</h4>
<ul class="links">
<li><a title="Nagato Yuki-chan no Shoushitsu" href="#">Nagato Yuki-chan no Shoushitsu</a></li>
<li><a title="Nagi no Asukara" href="#">Nagi no Asukara</a></li></ul></div>
<div class="tagindex">
<h4 id="O">O</h4>
<ul class="links">
<li><a title="Ookami Shoujo to Kuro Ouji" href="#">Ookami Shoujo to Kuro Ouji</a></li>
<li><a title="Ookami to Koushinryou" href="#">Ookami to Koushinryou</a></li></ul></div>
<div class="tagindex">
<h4 id="P">P</h4>
<ul class="links">
<li><a title="Plastic Memories" href="#">Plastic Memories</a></li>
<li><a title="Psycho-Pass" href="#">Psycho-Pass</a></li></ul></div>
<div class="tagindex">
<h4 id="Q">Q</h4>
<ul class="links">
<li><a title="Quotes" href="#">Quotes</a></li>
<li><a title="Quroyaki" href="#">Quroyaki</a></ul></li>
<div class="tagindex">
<h4 id="R">R</h4>
<ul class="links">
<li><a title="Ragnarok" href="#">Ragnarok</a></li>
<li><a title="Rail Wars!" href="#">Rail Wars!</a></li></ul></div>
<div class="tagindex">
<h4 id="S">S</h4>
<ul class="links">
<li><a title="Saenai Heroine no Sodatekata" href="#">Saenai Heroine no Sodatekata</a></li>
<li><a title="Sakurasou no Pet na Kanojo" href="#">Sakurasou no Pet na Kanojo</a></li></ul></div>
<div class="tagindex">
<h4 id="T">T</h4>
<ul class="links">
<li><a title="Tamako Market" href="#">Tamako Market</a></li>
<li><a title="Tantei Opera Milky Holmes" href="#">Tantei Opera Milky Holmes</a></li></ul></div>
<div class="tagindex">
<h4 id="U">U</h4>
<ul class="links">
<li><a title="Ushinawareta Mirai o Motomete" href="#">Ushinawareta Mirai o Motomete</a></li>
<li><a title="Ushio" href="#">Ushio</a></li></ul></div>
<div class="tagindex">
<h4 id="V">V</h4>
<ul class="links">
<li><a title="Vampire Knight" href="#">Vampire Knight</a></li>
<li><a title="Vampire Knight Guilty" href="#">Vampire Knight Guilty</a></li></ul></div>
<div class="tagindex">
<h4 id="W">W</h4>
<ul class="links">
<li><a title="Wake Up Girls!" href="#">Wake Up Girls!</a></li>
<li><a title="Walkure Romanze" href="#">Walkure Romanze</a></li></ul></div>
<div class="tagindex">
<h4 id="Y">Y</h4>
<ul class="links">
<li><a title="Yahari Ore no Seishun Love Comedy wa Machigatteiru. Zoku" href="#">Yahari Ore no Seishun Love Comedy wa Machigatteiru. Zoku</a></li>
<li><a title="Yahari Ore no Seishun Love Come wa Machigatteiru" href="#">Yahari Ore no Seishun Love Come wa Machigatteiru</a></li></ul></div>
<div class="tagindex">
<h4 id="Z">Z</h4>
<ul class="links">
<li><a title="Zankyou no Terror" href="http://www.kurogaze.net/anime/zankyou-no-terror/">Zankyou no Terror</a></li>
<li><a title="ZETMAN" href="http://www.kurogaze.net/anime/zetman/">ZETMAN</a></li></ul></div>
</div>

Lalu Coba Save :)
CARA SETTING :

<div class="tagindex">
<h4 id="B">B</h4>
<ul class="links">
<li><a title="Baby Princess 3D Paradise [Love]" href="#">Baby Princess 3D Paradise [Love]</a></li>

<li><a title="Baby Steps S2" href="#">Baby Steps S2</a></li></ul></div>

*MERAH = Nama Anime
*Biru = Link yang dituju

*Admin Note = Silahkan Edit di Mode "HTML" jangan di mode Compose, karna jika di mode Compose , Link Alphabet bisa berantakan ~ Jika anda mengerti dengan Sistem Kode Alphabetnya tidak masalah, Jika anda tidak mengerti saya harapkan anda Setting di Mode "HTML"

Jika Masih ada masalah pada kode Anime list diatas, Silahkan Komen langsung dan langsung berikan kepada saya link Blog yang sudah anda pasang Anime list diatas tersebut :)

Jangan Lupa Tinggalkan Komentar kalian yah, Jika tutorial diatas Berhasil! :D

Dan Jangan Lupa Like Fanpages dan Share Post ini! :D

Kaneki Ken Cover Facebook

arrahman Juli 11, 2015

Hai Minna-san , Jumpa lagi sama Admin Moe Tercakep ini :* , Mimin kali ini akan membagikan Cover Facebook terbaru yang baru mimin buat :v

Cover Facebook kali ini adalah

"Kaneki Ken Cover Facebook" , Dan juga Tambahan Videonya nanti saya upload :v

Jadi disedot dlu yah Cover Facebooknya :v

DEMO

LINK DOWNLOAD

[ Solidfiles ]

Dan Jangan Lupa tinggalkan komentar kalian yah ! :D

Jangan Lupa Like Fanpages kami juga yah ! :D

Non Non Biyori Render Pack

arrahman Juli 09, 2015

NON NON BIYORI RENDER

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOPvgO2IKrBpJgBZwA538T4fSoUo1Op4n3Y0jQrnSBCZhyPdA8P-U88_Chj1zGPEGy6TjPwvqwBNMa7yhvLf4p86YDB74DBapf0RNKgq_ZTx_f_ilk1QAvPjIUqji0tWNO17UZOvXgpL88/s1600/512fd1.png

Name Folder: Non non Biyori Render

Size: 1.88 MB

Format: PNG Files

Category: Render Pack

Publisher: iMoechansz

Download Click Here

Kantai Collection Render Pack

arrahman Juli 07, 2015

Ohayou Minna-san ^^ , Pasti Pagi ini Semangat yah :)

Pagi ini Mimin akan Membagikan Render Terbaru. Dan dijamin Kalian Menyukai Render ini ^^ Karna Render kali ini Berisi Waifu - Waifu idaman :v Akakaka :v

Langsung saja , isinya semua 8 Buah Gambar :D

DEMO

Size : 6.13MB

LINK DOWNLOAD

[ Solidfiles ]

Terima Kasih Telah Mendownload Render ini ^^

Dan Jangan Lupa Meninggalkan Jejak Komentar kalian Dibawahnya ^^

Jangan Lupa Like Fanpages kami juga yah !!

Cara Memasang Favicon dengan HTML

arrahman Juli 06, 2015

Konbawa Minna ^^, Malam ini mimin akan membagikan tutorial Terbaru xD

Karna udah buka puasa :v jadinya mimin semangat buat ngepost ya :v Hueheheh :v

Langsung aja kita mulai tutorialnya , Tutorial kali ini adalah "Cara Memasang Favicon Dengan HTML"

Tau Favicon ? :v Nih menurut saya Favicon itu Icon Gambar yang berada di Tab Browser kamu :v

Nah, Cara memasangnya begini ^^

Pertama Silahkan Cari </head> , Lalu letakkan Javascript bawah ini tepat diatasnya :)

 <link href='LINK GAMBAR 20x20' rel='shortcut icon' type='image/x-icon'/>

Biasanya Gambar Favicon itu normal 20x20 :3
Lalu SAVE TEMPLATE.

Semoga tutorial ini bisa membantu anda ^^

Jangan Lupa Tinggalkan Komentar kalian yah ! ^^

Dan Jangan Lupa Like Fanpages kami dan Share Blog ini juga ^^

Cara Membuat Footer Widget Full Width

arrahman Juli 04, 2015

Konichiwa Minna-san !! ^^ , Siang ini mimin akan membuat Tutorial Baru nih :3

Tutorial cukup Simple dan mudah kok :3

Kalau gk Work , coba ulangin lagi deh ^^

DEMO

Lihat Bagian Bawah Blog ini

Langsung saja ikuti caranya dibawahnya ~
Pertama , Silahkan Masukkan Kode CSS dibawah ini diatas </style> / </b:skin>

 /*==== FOOTER MOE ====*/
#footer-wrapper {width: 100%;text-align: left;border-top: 2px solid #112121;overflow: hidden;background: #333;margin: -20px 0px 0px 0px;padding: 15px 0 0 0;}
#footer-widgetfix .footer-widget {width:30%;float:left;margin-left:30px;padding-top:10px;padding-bottom:15px;}
#footer-widgetfix {max-width:1140px;overflow:hidden;margin: 0 auto;}
#footer-wrapper h2 {font-family: "Open Sans";font-size: 14px;font-weight: 600;color: #888;padding: 5px 0;text-transform: uppercase;border-bottom: 1px solid #888;margin-top: -10px;}
#footer-wrapper .widget-content {text-align: left;font-family: 'Exo 2', Open sans, sans-serif;margin: 0 0 15px;color: #888;}
#footer-wrapper a {color: #DDD;font-weight: 700;font-family: "Open Sans";}#footer-wrapper a:hover{color:#dce1e2;text-decoration:underline;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#888}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 0;display:block;}
.footer li a {font-size: 12px;font-weight: 400;font-family: 'Exo 2', Open sans, sans-serif;color: #eee;margin: 0;}
.footer li a:hover {color: #eee;text-decoration:underline;}
#footerfix {overflow:hidden;background:#111;padding:10px 5px;margin:15px 0 0 0;}
.cpleft {float:left;margin:10px;color:#888;font-size:11px;font-family:'Exo 2', Open sans, sans-serif;font-weight:400;}
#cpright {float:right;margin:10px;color:#888;font-size:11px;font-family:'Exo 2', Open sans, sans-serif;font-weight:400;}
.cpleft a,#cpright a {color:#dce1e2;text-decoration:none;}
.cpleft a:hover,#cpright a:hover {color:#ffa812;text-decoration:none;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {font-weight:400;padding-bottom:.2em;}
.footer-bottom .recpost li{overflow:hidden;border-bottom:1px solid #333;padding:10px 0}
.footer-bottom .recpost li:first-child{padding-top:0}
.footer-bottom .recpost li:last-child{border-bottom:none}
.footer-bottom .recpost .arl-tmb{display:block;width:60px;height:60px;}
.footer-bottom .recpost .rcp-title{font-family:'Exo 2', Open sans, sans-serif;font-size:15px;font-weight:400;margin:5px 0 8px}
.footer-bottom .recpost .rcp-title a{color:#bbb;font-weight:700;font-size:14px}
.footer-bottom .recpost .rcp-title a:hover{color:#ffa812;text-decoration:none}
#footer-wrapper .label-size {color: #fff;display: block;float: left;font-size: 11px;transition: all .3s ease-out;}
#footer-wrapper .label-size a {display: inline-block;padding: 2px 3px;font-weight: 400;transition: all .3s ease-out;}
#footer-wrapper .label-size a:hover {color:#fff;}
#footer-wrapper .label-size a:before {content:"\f02b";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;
color:#fff;transition:all .3s ease-out;}
#footer-wrapper .label-size a:hover:before {content:"\f061";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#4791d2;}
#footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#111;color:#fff;border-color:#444;}
#footer-wrapper .label-count {white-space:nowrap;padding:3px;
background:#222;color:#fff!important;transition:all .3s ease-out;}
.pelangi {height: 6px;margin:20px 0px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYYC1c9CnnWnAh5kaXZBCPrcHQNiw87mgvUBE_Isi6asOxqZpPZgvhCzrFhOPtWvf-MBwtZ5XWrdC-7kUCDPhoAIac14HyGKZRuu7Nn1ZiNFwmFq7R10NOBN_OcK1Jb1D7tBBQyKJApdRK/s1600/rainbow.png) repeat-x;}
.copyright3 {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxNkt_J0T-hJPluFqMXA48ztXjVTcyqWD_OdCPX3JrEsR5pd_o0bcb4wQxzIsxCqOvstt6Tg8a5SGez8-Q9XLx4OQkV3zLDpKTEnjkyun4iUkq4XFI4omlXEwV2huyJUVqtmmIg4B-nBE/s1600/Footer.png") #222 5px;color: #fff;height: 20px;padding: 25px 0px;text-align: center;font-family: "Open Sans",sans-serif;font-size: 13px;}

Sesudah diletakkan Kode CSSnya, Lalu letakkan HTMLnya
Tepat diatas HTML Credit anda, ( Kalau anda Memakai Template saya Maka Cari Kode  )

 <!-- FOOTER WRAPPER -->
<div class='pelangi'/>
<footer id='footer-wrapper'>
<div class='footer-bottom'>
<div id='footer-widgetfix'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'>
  <b:widget id='HTML5' locked='false' title='Fanpages' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='footer-widget' id='footx2'>
<b:section class='footer' id='footer2'>
  <b:widget id='Label2' locked='false' title='Categories Cloud' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='footer-widget' id='footx3'>
<b:section class='footer' id='footer3'>
  <b:widget id='Label4' locked='false' title='Categories List' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
        <b:loop values='data:labels' var='label'>
          <li>
            <b:if cond='data:blog.url == data:label.url'>
              <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
            <b:else/>
              <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
            </b:if>
            <b:if cond='data:showFreqNumbers'>
              <span dir='ltr'>(<data:label.count/>)</span>
            </b:if>
          </li>
        </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
</div>
</footer>

Lalu Save Template anda :)
Dan Lihat Hasilnya :)
Jika ada masalah silahkan Komentar dibawahnya :)

Jangan Lupa Tinggalkan Komentarnya yah ! xD

Dan Jangan Lupa Like Fanpages kami dan Share Post ini ! :D

Cara Membuat DL Box V8

arrahman Juli 03, 2015

Oi, Coeg kali ini gw mau berbagi tutorial caram membuat DL Box V8,
DL Box ini dibuat oleh bang frozen..... :v

DEMO

GOES TO TKP

Langsung saja, ikuti Caranya Dibawahnya ^^

Pertama, Silahkan masukkan CSS dibawah ini, diatas </style> / </b:skin>


/* Download Box */
.dlbc1 h3.dl-title{font-size:15px;font-weight:400;font-family:Segoe UI,sans-serif;color:#4C8BD8;padding:15px;padding-left:150px;background-color:#fff;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dlbc1.dl-box{background-color:#4C8BD8;position:relative;min-height:130px;margin:10px 0;border:1px solid #4C8BD8;color:#fff;padding-bottom:7px;}
.dlbc1.dl-box:before{content:"";background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0U5mIqMjTojSwcTYIb1SwaH-Mnk6FPqTH90MZb8h6f1-X3jl0KEJT41hUMajps7IKTgdaQtgCXyUQY5C2jEcDgl8vzga9aGyRgwB02R-ltSqsFPSzRAWKf49stb0Aaf8HosLe9MFpz1s/s1600/download_box.png)no-repeat left bottom;background-size:145px;position:absolute;left:0;bottom:0;height:200px;width:150px;}
.dlbc1 .dl-item{padding:7px 0 7px 150px;}
.dlbc1 .dl-item a{color:#fff;background-color:#397dd0;border:1px solid #3373c0;padding:3px 15px;display:inline-block;border-radius:3px;min-width:56px;margin-right:1px;text-align:center;margin-bottom:5px;}
.dlbc1 .dl-anime{padding-top:5px;}
.dlbc1 .dl-item a:hover{background-color:#4C8BD8;color:#fff;}
.dlbc1 .dl-quality{border:1px solid #134f9b;padding:5px;display:block;margin-right:10px;border-radius:5px;color:#fff;background-color:#296bbd;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

Jika sudah diletakkan, Silahkan Save Template ya dahulu

Lalu silahkan Masukkan Kode HTML dibawah ini, di dalam Post / Page anda

<div class='dlbc1 dl-box'><h3 class='dl-title'>Download Arslan Senki &#8211; Episode 08 [Subtitle Indonesia]</h3><div class='dl-item'><span class='dl-quality'>[Fansubs]Arslan Senki &#8211; 08 [720P].mkv</span><br /><div class='dl-anime'><a href='#'>[MF]</a> <a href='#'>[SF]</a> <a href='#'>[TF]</a> <a href='#'>[SB]</a> <a href='#'>[Mirror]</a></div><span class='clear'></span></div><div class='dl-item'><span class='dl-quality'>[Fansubs]Arslan Senki &#8211; 08 [720P].mkv</span><br /><div class='dl-anime'><a href='#'>[MF]</a> <a href='#'>[SF]</a> <a href='#'>[TF]</a> <a href='#'>[SB]</a> <a href='#'>[Mirror]</a></div><span class='clear'></span></div><div class='clear'></div></div>

Pengunjung yang baik, pasti akan meninggalkan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah ! (y)

Cara Membuat Tombol Buka Tutup Ala Fansub

arrahman Juli 03, 2015

Kali ini saya mau berbagi cara membuat tombol buka tutup ala fansub,
kalo nggak salah pernah ada yang request tutorial ini, yang pernah request mana suaranyaaa!!!!

Penampakan Tombolnya

Sinopsis

Pada tahun 1972, Apollo 17 menemukan Hypergate, artefak peradaban kuno Mars, di permukaan Bulan. Setelah mendarat, para astronot juga menemukan “Aldnoah” yang sangat mempesona. Terbukalah jalan bagi kolonisasi manusia dan pengembangan Mars. Namun, hal itu menyebabkan munculnya Kekaisaran Vers. Kekaisaran Vers mengklaim kepemilikan terhadap peninggalan Mars serta Aldnoah sebagai teknologi kuno mereka, sehingga menyebabkan konflik berkepanjangan. Setelah kegagalan Putri Asseylum, seorang putri kerajaan Mars, yang turun ke bumi dalam upaya membawa perdamaian antara kedua planet, perang pecah antara Bumi dan Mars. Tentara Mars turun dari langit, menaiki baja raksasa, berniat membasmi umat manusia.

Cara pembuatan:
Pertama copy kode dibawah ini diatas </style> atau ]]></b:skin>

.sp-wrap {background: none 0% 0% repeat scroll rgb(233, 233, 230); border-color: rgb(195, 203, 209); border-image-source: none; border-style: solid; border-width: 1px 1px 1px 2px; box-sizing: border-box; clear: both; color: #630000; font-family: Roboto, sans-serif; font-size: 15px; line-height: 21.4285717010498px; margin-bottom: 10px; padding: 0px;}
.sp-head {background: url(http://neosubs.web.id/wp-content/plugins/bbspoiler/img/icon_plus.gif) 0% 50% no-repeat; box-sizing: border-box; color: #2a2a2a; cursor: pointer; font-weight: bold; margin-left: 6px; padding: 2px 14px 4px;text-align: left;}
.sp-body {background: rgb(245, 245, 245); border-top-color: rgb(195, 203, 209); border-top-style: solid; border-top-width: 1px; box-sizing: border-box; height: auto; padding: 2px 6px;}

Setelah itu kalian letakan kode HTMLnya pada postinga kalian

<div class="sp-wrap">
<div class="sp-head">Sinopsis</div>
<div class="sp-body folded">
<p style="text-align: center"><span style="line-height: 1.5">Pada tahun 1972, Apollo 17 menemukan Hypergate, artefak peradaban kuno Mars, di permukaan Bulan. Setelah mendarat, para astronot juga menemukan &#8220;Aldnoah&#8221; yang sangat mempesona. Terbukalah jalan bagi kolonisasi manusia dan pengembangan Mars. Namun, hal itu menyebabkan munculnya Kekaisaran Vers. Kekaisaran Vers mengklaim kepemilikan terhadap peninggalan Mars serta Aldnoah sebagai teknologi kuno mereka, sehingga menyebabkan konflik berkepanjangan. Setelah kegagalan Putri Asseylum, seorang putri kerajaan Mars, yang turun ke bumi dalam upaya membawa perdamaian antara kedua planet, perang pecah antara Bumi dan Mars. Tentara Mars turun dari langit, menaiki baja raksasa, berniat membasmi umat manusia.</span></p>
</div>
</div>

Jangan lupa simpan Script ini di atas kode </head>

<script type='text/javascript'>
/* <![CDATA[ */
var title = {"unfolded":"Klik untuk membuka","folded":"Klik untuk menutup"};
/* ]]> */
</script>
<script type='text/javascript' src='https://googledrive.com/host/0B5JXgBc-xBGTZzF0ZVJSTUVBekU/Spoiler_by_Ardiansyah21.js'></script>

Jika ada masalah silahkan melapor ke ketua RT Setempat,
Karena pa RTnya nggak ada jadi lapor ke ketua RW aja.

Cara Clipping Mask Gambar Dengan Photoshop

arrahman Juli 02, 2015

Haii Minna-san , !! :D Udah lama nih mimin gak update Tutorial Mengenai Photoshop :), Yosh Hari ini mimin abis liat di Menu "Request"Ada Pesanan Tutorial Photoshop xD , jadinya langsung aja mimin buat Tutorialnya :D.
Langsung saja yah , ikuti Caranya dari Mimin :D

Kita Akan Membuat Tutorial "Cara Clipping Mask Gambar Dengan Photoshop". Maksud dari Tutorial ini adalah , kita Akan mencrop Gambar dengan Rapi dan Disatukan Dengan Gambar Background ataupun Shapes :D *Maaf Penjelasan mimin Rumit* hehe :D

Hasilnya akan Seperti ini XD

Langsung saja kita mulai Tutorialnya :D
1. Siapkan Canvas / Lembar Untuk Meletak Gambar dan Shapesnya.

2. Siapkan Gambarnya dan Letakkan Gambarnya di Canvas yang kita buat tadi, Hasilnya seperti Gambar dibawah.

3. (1.)Tambahkan Layer Baru

(2.)Pilih Shapesnya (Bebas)

(3.)Letakkan Shapes ya di Canvas tersebut , Hasil Seperti Gambar dibawah.

4. Silahkan Letakkan Layer Gambar diatas, Lalu Letakkan Gambarnya Tepat didepan Shapes yang anda letak tadi Hasil Seperti Gambar dibawah.

5. Lalu Klik Kanan Pada Layer 1 (Punya Saya) / Layer Gambarnya, lalu pilih "Create Clipping Mask" , Hasil Seperti gambar dibawah.

6. Dan Lihat Hasil Akhir ^^ Selamat !! :D
Jika tidak berhasil , Silahkan Ulang dari nomor 1 yah ! :D

Jangan Lupa tinggalkan Komentar anda yah Minna !! :D

Dan Jangan Lupa Like Fanpages ini dan Share post ini !! xD

HoverFansub V3.5 Template Blogger [ Final + Fixed ]

arrahman Juli 02, 2015

HOVERFANSUB THEME BLOGGER

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoqD9bahZuLipoxdstL8272plqcIDO_uPgOV781nI3SHRq1uSJ9zdcn_LCqdZFEm_JXU7bQ56jRv9eezplGh-q8fMzBc1c68ynL4AIdbxDA4DFRrYDJ5vra7rAan1EI_gO8ekkO6nwBz5H/s1600/Screenshot_1.png

Theme Name: HoverFansub Theme Blogger

Version: 3.5 (3 July, 2015)

Designer: Onee-chan

Category: Free Template

Release: 10 June , 2015

Features :

- SEO

- Simple Classic

- Related Posts

- Recommended Series

- Fontawesomes

- 404 Page Not Found

- ETC

Demo Click here Download Click Here

Info : ini adalah Versi Terakhir dari Template HoverFansub
Dan Sebagai Kenyamanan, Saya sudah Men-fix semua Error di Template ini :)
Saya Harap jika anda menggunakan Template ini , Harap Jangan Menghapus Link Credit :)

Komik 21 V2.0 Blogger Template

arrahman Juli 02, 2015

Komik21 V2.0 Template Blogger

Download Template Untuk Manga atau Komik

Theme Name: Komik21 V2.0 Template Blogger

Version: 2.0

Designer: Ardiansyah Twentyone

Category: Free Template

Release: Jum'at, 26 Juni 2015

Features :

- SEO

- Siple

- Fast Loading

- Responssives

- Fontawesomes

- Disqus Comment

- Tombol Back To Top

- ETC

Demo Click here Download Click Here

Template ini masih akan di Update ke versi 2.5 untuk penambahan fitur Related Post dan Gambar yang otomatis jadi Fulsize.
Bagi kalian yang menggunakan template ini, dimohon untuk tidak menghapus link Credit pada Footer ataupun pada HTMLnya.
Jangan lupa berkomentar coeg..... walaupun cuma cingcong PERTAMAX doang!!!!
Sekian dan Terima Gajih......