Seputar Teknologi Komputer Jaringan

Home All posts

10 Mei 2015

Render | arrahman Mei 10, 2015

Onodera Kosaki Render Pack

Yoyo, Minna-san, Mimin Mau Berbagi Render Waifuu Kesukaan Mimin yg Posisi ke-4 :v

Posisi ke-1 tetep "CHITOGE ♥" :v , Yosh bagi ente semua yang Demen sama Chara Waifuu Favorit Cowo cowo ini, Silahkan Comot Render nya dah :3

DEMO

SIZE : 4.08MB

LINK DOWNLOAD

DOWNLOAD

Pengunjung yang baik, pasti akan meninggalkan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah! (y)

RECOMENDED POST!

VIDEO MEMBUAT BACKGROUND LEFT - RIGHT

CARA MEMBUAT RENDER ANIME

9 Mei 2015

Tutorial | arrahman Mei 09, 2015

Cara Membuat Widget Info Jadwal Rilis

Udah lama nih Mimin gak berbagi tutorial Baru ~ :3

Kali ini Mimin mau Berbagi Tutorial Baru lagi , dan pasti Keren dan Cocok Buat kalian yang membuka Blog Fansub / Streaming xD

Jadi silahkan Coba Widgetnya :D

DEMO

Langsung saja, letakkan Kode Widget ini Layout -> Add Gadget -> HTML/JAVASCRIPT :D

<style>
.lined-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
  display: block;
}
h1.lined-heading:before, h2.lined-heading:before, h3.lined-heading:before, h4.lined-heading:before, h5.lined-heading:before, h6.lined-heading:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 2px solid #ccc;
  content: "";
}
h1.lined-heading span, h2.lined-heading span, h3.lined-heading span, h4.lined-heading span, h5.lined-heading span, h6.lined-heading span {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  background: #fff;
  display: inline-block;
}
:host([direction="up"]), :host([direction="down"]) {
  overflow: initial;
  overflow-y: hidden;
  white-space: initial;
}
.table-bordered {
  border: 1px solid #dddddd;
 margin-bottom:5px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #ebebeb;
  padding:5px 10px;
}
</style>
<h4 class="lined-heading">
Jadwal rilis hari ini</h4>
<marquee behavior="scroll" direction="down" height="125px" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="2"><center>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/baby-steps-season-2"><i class="fa fa-desktop"></i> Baby Steps Season 2  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/denpa-kyoushi"><i class="fa fa-desktop"></i> Denpa Kyoushi  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/fate-stay-night-unlimited-blade-works-season-2"><i class="fa fa-desktop"></i> Fate stay night Unlimited Blade Works Season 2  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr>
<td align="center"><a href="https://www.blogger.com/gunslinger-stratos"><i class="fa fa-desktop"></i> Gunslinger Stratos  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/high-school-dxd-born"><i class="fa fa-desktop"></i> High School DxD BorN  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered">
<tbody>
<tr><td align="center"><a href="https://www.blogger.com/kuroko-no-basket-s3"><i class="fa fa-desktop"></i> Kuroko no Basket S3  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/kyoukai-no-rinne"><i class="fa fa-desktop"></i> Kyoukai no Rinne  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/mahou-shoujo-lyrical-nanoha-vivid"><i class="fa fa-desktop"></i> Mahou Shoujo Lyrical Nanoha ViVid  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/one-piece"><i class="fa fa-desktop"></i> One Piece  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/owari-no-seraph"><i class="fa fa-desktop"></i> Owari No Seraph  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
<table class="table table-bordered"><tbody>
<tr><td align="center"><a href="https://www.blogger.com/plastic-memories"><i class="fa fa-desktop"></i> Plastic Memories  <i class="fa fa-desktop"></i></a></td></tr>
</tbody></table>
</center>
</marquee>

Lalu Save xD
Cara Setting :
<table class="table table-bordered"><tr><td align="center"><a href="baby-steps-season-2"><i class="fa fa-desktop"></i> Baby Steps Season 2 <i class="fa fa-desktop"></i></a></td></tr></table>

*BIRU = LINK ANIME
*MERAH = NAMA ANIME

Nah, jika ada masalah silahkan Komentar dibawahnya

Pengunjung yang baik, pasti akan memberikan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah ! (y)

Template | arrahman Mei 09, 2015

Azu-Nyan Template Blogger

Theme Name: Azu-Nyan Template Blogger

Version: 2.0

Designer: iMoechan

Category: Free Template

Release: 10 Mei 2015

Features :
- Simple
- SEO
- TopMenu
- Fast Loaded
- Special Style
- Suprise Me Button !
- Fontawesomes
- 404 Page Not Found
- Etc.

Demo Click here Download Click Here

Ohayou Minna-san ^^
Mimin mau Berbagi Template baru lagi nih >.< , Ya maaf deh, mimin belakangan ini jarang update, biarpun udh libur :'v , Mimin masih sibuk :'3 Soalnya ada acara buat Perpisahan, mimin dipaksa isi acara #Curhat :v Langsung saja dah, Sedot Template Barunya xD

Saya Harap Anda tidak Menghapus Credit ya ^^

Jadilah Pengguna Template ini dengan baik, Saya sudah menemukan Pengguna Template saya yang menghapus Credit Link / Nama saya ^^ , Karena saya manusia , saya bisa menahan Emosi saya ~ Dan Gak mau Ngurus yang gtuan :D Saya Hanya Membagi Template secara Gratis untuk Anda - anda Semua :D , Saya ingin Kerja keras saya dihargai dengan cara "Tidak Menghapus Credit Link / Nama"

7 Mei 2015

Tutorial | arrahman Mei 07, 2015

Cara Membuat Background dengan 3CSS (Keliatan 3D)

Ohayou Minna-san :v

Mungkin udah pagi nih :v udah jam 12 lewat :v , Mimin kece balik lagi nih >.<

Karna udah siap UN Mimin mau berbagi Tutorial nih >.< Mimin libur 2 Bulan :'v Gak tau mau ngapai selain di depan kompi , Olahraga , senang" ama temen :'v

Mimin mau berbagi tutorial Terbaru nih xD Dijamin Keren dah

"CARA MEMBUAT BACKGROUND DENGAN 3CSS (KELIATAN 3D)"

DEMO

(Scroll Kebawah)

Langsung saja di cobanya >.<
Ikuti tutorial nya dibawah xD
Pertama Silahkan Masukkan CSSnya di atas </style> / </b:skin>

 .para-back {
background: url(http://s5.postimg.org/sfepw03vr/back10d.jpg) repeat;
background-size: 100% auto;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -3;
}
.para-back2 {
background: url(http://s5.postimg.org/jwneflx9j/para10c.png) repeat;
background-size: 35%;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -2;
opacity: 0.7;
}
.para-back3 {
background: url(http://s5.postimg.org/4p7ev95ev/para10d.png) repeat;
background-size: 35%;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -2;
opacity: 0.7;
}

Jika sudah diletakkan CSSnya, Masukkan HTMLnya dibawah <body>

<div class='para-back' data-direction='up' data-parallax='true' data-speed='0.1'></div>
<div class='para-back2' data-direction='up' data-parallax='true' data-speed='0.5'></div>
<div class='para-back3' data-direction='up' data-parallax='true' data-speed='0.3'></div>

Lalu Save Templatenya xD
CARA SETTING :
Ganti Gambar Background

.para-back {
background: url(http://s5.postimg.org/sfepw03vr/back10d.jpg) repeat;
background-size: 100% auto;
position: fixed;
width: 100%;
height: 300%;
top: 0;
left: 0;
z-index: -3;}

*MERAH = LINK GAMBAR

Nah, Jika ada masalah Silahkan Komentar Dibawahnya :D

Pengunjung yang baik , pasti akan meninggalkan Komentarnya

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah ! (y)

2 Mei 2015

Render | arrahman Mei 02, 2015

Kuroko Tetsuya Render Pack

Hoho, Mimin mau Bagi - bagi render Lagi nih :D

Kali ini Render nya adalah salah satu karakter yang paling mimin suka (y)

Ya pasti kalian juga suka sama karakter ini xD , Ya kali ini Rendernya adalah

KUROKO TETSUYA RENDER PACK

DEMO

SIZE : 4.55MB

LINK DOWNLOAD

[ Kumpulbagi ]

Pengunjung yang baik, pasti akan meninggalkan Komentarnya,

Biarpun itu Hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah! (y)

RECOMENDED POST!

VIDEO MEMBUAT BACKGROUND LEFT - RIGHT

CARA MEMBUAT RENDER ANIME

Tutorial | arrahman Mei 02, 2015

Cara Membuat Info Anime V3

Ohayou Minna-san xD

Mimin mau Berbagi Tutorial nih xD Langsung saja di coba :D

Tutorial Kali ini mimin dapat dari pengunjung yang menyarankan Membuat Tutorial seperti ini yg berada di Fansub Tonansub :D

DEMO

Langsung saja ikuti Caranya Dibawahnya ~ :D
Silahkan Masukkan CSS nya di atas </style> / </b:skin>

.col-md-8 {
  width: 66.66666666666666%;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row:before, .row:after {
  display: table;
  content: " ";
}
.col-md-12 {
  width: 100%;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  float: left;
}
.lined-heading {
  position: relative;
  margin-top: 0;
  margin-bottom: 5px;
  text-align: center;
  display: block;
}
h1.lined-heading:before, h2.lined-heading:before, h3.lined-heading:before, h4.lined-heading:before, h5.lined-heading:before, h6.lined-heading:before {
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 100%;
  height: 1px;
  border-top: 2px solid #ccc;
  content: "";
}
h1.lined-heading span, h2.lined-heading span, h3.lined-heading span, h4.lined-heading span, h5.lined-heading span, h6.lined-heading span {
  position: relative;
  z-index: 1;
  padding: 0 20px;
  background: #fff;
  display: inline-block;
}
img {
  vertical-align: middle;
}
.col-md-4 {
  width: 33.33333333333333%;
}
.col-md-8 {
  width: 66.66666666666666%;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.room-thumb .main .price, .comment, .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th, .panel-default > .panel-heading {
  background-color: rgba(90, 186, 198, 0.05);
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border-top: 1px solid #ebebeb;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.row:after {
  clear: both;
}
.col-md-12 {
  width: 100%;
}
.comment {
  margin: 20px 0 0 0;
  padding-bottom: 20px;
}
.comment p {
  margin: 0;
  padding: 0 20px 0 20px;
}
#reservation-form {
  margin-top: -60px;
}#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ebebeb;
  -webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
  box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
  padding: 30px 30px;
  z-index: 9999;
  background-color: #fff;
}
.col-sm-12 {
  width: 100%;
}
.room-thumb .main .price, .comment, .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th, .panel-default > .panel-heading {
  background-color: rgba(90, 186, 198, 0.05);
}
#reservation-form .price, label span, .room-thumb .main .price, .room-thumb .content p span, .blog-author span, #owl-reviews .text-balloon span, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, aside .widget ul a:hover, .yamm a:hover {
  color: #75c5cf !important;
}
#reservation-form .price {
  padding: 10px 25px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 12px;
  font-size: 18px;
  display: block;
  border: 1px dashed #ebebeb;
}

Jika Sudah diletakkan, Silahkan Masukkan HTMLnya di dalam Post / Page anda :D

  <div class="row">
            <div class="col-md-12">
    <h3 class="lined-heading"><span>Arslan Senki Subtitle Indonesia</span></h3>
    <br>
     <div class="row">
      <div class="col-md-4">
      <img width="230px" height="335px" src="http://tontonanime.com/gambar/arslan.jpg">
      </div>
      <div class="col-md-8"> 
       <table class="table table-striped mt1">
        <tbody>
          <tr>
         <td width="20%">Japanes</td>
         <td width="1%">:</td>
         <td width="79%"> アルスラーン戦記</td>
          </tr>
          <tr>
         <td>Type</td>
         <td>:</td>
         <td>TV</td>
          </tr>
          <tr>
         <td>Genre</td>
         <td>:</td>
         <td>Action, Adventure, Drama, Fantasy, Historical, Supernatural</td>
          </tr>
          <tr>
         <td>Status</td>
         <td>:</td>
         <td>on-going</td>
          </tr>
          <tr>
         <td>Durasi</td>
         <td>:</td>
         <td>24 min. per episode</td>
          </tr>
          <tr>
         <td>Rating</td>
         <td>:</td>
         <td>7.66</td>
          </tr>
          <tr>
         <td>Episode</td>
         <td>:</td>
         <td>Unknown</td>
          </tr>
          <tr>
         <td>Produser</td>
         <td>:</td>
         <td>FUNimation EntertainmentL, Magic Capsule, SANZIGEN, LIDENFILMS, Graphinica, NBCUniversal Entertainment</td>
          </tr>
          <tr>
         <td>Mulai Rilis</td>
         <td>:</td>
         <td>Apr 5, 2015 to ?</td>
          </tr>
        </tbody>
       </table>
      </div>
     </div>
     <div class="row">
      <div class="col-md-12">
       <hr>
       <div class="comment">
        <center>
        <p><h4>Sinopsis</h4></p>
        <p>Di umurnya yang ke-14 Arslan masuk ke medan tempur, api berkobar membakar semua kerajaan dan kerajaannya jatuh, dan dia kehilangan segalanya. Banyak cobaan yang akan dihadapi Arslan, meskipun begitu Arslan harus merebut kembali kerajaannya yang jatuh itu!</p>
        </center>
        <br>
        <br>
       </div>
       
      </div>
     </div>
             </div>
          </div>
        </article>
    <section id="reservation-form" class="mt100">
     <div class="col-sm-12">
      <form class="reservation-vertical clearfix" role="form" method="post" action="php/reservation.php" name="reservationform" id="reservationform">
       <h3 class="lined-heading"><span>Download Arslan Senki</span></h3>
       <div class="price">
            <h4><a href="arslan-senki-episode-4-subtitle-indonesia">Arslan Senki episode 4 subtitle indonesia</a></h4>
   </div>
   <div class="price">
            <h4><a href="arslan-senki-episode-3-subtitle-indonesia">Arslan Senki episode 3 subtitle indonesia</a></h4>
   </div>
   <div class="price">
            <h4><a href="arslan-senki-episode-2-subtitle-indonesia">Arslan Senki episode 2 subtitle indonesia</a></h4>
   </div>
   <div class="price">
            <h4><a href="arslan-senki-episode-1-subtitle-indonesia">Arslan Senki episode 1 subtitle indonesia</a></h4>
   </div>
      </form>
     </div>
    </section>

SETTINGan nya Seperti Versi - versi sebelumnya juga kok xD
Jadinya gk usah mimin jelasin yah xD
Nah, Jika ada masalah silahkan Komentar dibawahnya,

Pengunjung yang baik, pasti akan meninggalkan Komentarnya,

Biarpun itu hanya Pertamax! / Sankyuu

Jangan Lupa Like & Share yah! (y)