Cara Membuat Genre List Seperti Kurogaze

Malam sobat vetizens setelah kemarin saya share tentang Cara Pasang Emoticon Kedalam Blog Post kali ini saya akan membagikan sedikit tutorial tentang Cara Membuat Genre List Seperti Kurogaze. Pasti kalian tidak asing kan dengan kurogaze? yap situs fanshare anime subtitle indonesia webnya lumayan ringan dan tampilannya bagus, tetapi kali ini yang akan saya bahas adalah cara membuat genre list nya saja bukan templatenya :D

Okelah langsung saja ke TKP nya:

1. Login Blogger kalian.

2. Blog Kalian > Laman > Laman Baru.

3. Pastekan Kode dibawah ini di HTML bukan Compose.

<style>

.kggl321 {font-family: sans-serif;}

.kggl321 ul {margin: 0;padding: 0;}

.kggl321 ul li {list-style: none;}

.kggl321 ul li a {color: #333 !important;width: 135px;padding: 12px;white-space: nowrap;float: left;display: inline;border-bottom: 1px solid #ddd;}

.kggl321 ul li a:hover {text-decoration: none;background: #eee;transition: 0.3s all ease;}

</style>

<div class="kggl321">

 <ul>

  <li>

   <a title="Anime bergenre Action" href="/search/label/action" target="_blank">Action</a>

  </li>

  <li>

   <a title="Anime bergenre Adventure" href="/search/label/adventure" target="_blank">Adventure</a>

  </li>

  <li>

   <a title="Anime bergenre Comedy" href="/search/label/comedy" target="_blank">Comedy</a>

  </li>

  <li>

   <a title="Anime bergenre Demons" href="/search/label/demons" target="_blank">Demons</a>

  </li>

  <li>

   <a title="Anime bergenre Drama" href="/search/label/drama" target="_blank">Drama</a>

  </li>

  <li>

   <a title="Anime bergenre Fantasy" href="/search/label/fantasy" target="_blank">Fantasy</a>

  </li>

  <li>

   <a title="Anime bergenre Game" href="/search/label/game" target="_blank">Game</a>

  </li>

  <li>

   <a title="Anime bergenre Historical" href="/search/label/historical" target="_blank">Historical</a>

  </li>

  <li>

   <a title="Anime bergenre Horror" href="/search/label/horror" target="_blank">Horror</a>

  </li>

  <li>

   <a title="Anime bergenre Magic" href="/search/label/magic" target="_blank">Magic</a>

  </li>

  <li>

   <a title="Anime bergenre Martial Arts" href="/search/label/martial-arts" target="_blank">Martial Arts</a>

  </li>

  <li>

   <a title="Anime bergenre Mecha" href="/search/label/mecha" target="_blank">Mecha</a>

  </li>

  <li>

   <a title="Anime bergenre Military" href="/search/label/military" target="_blank">Military</a>

  </li>

  <li>

   <a title="Anime bergenre Music" href="/search/label/music" target="_blank">Music</a>

  </li>

  <li>

   <a title="Anime bergenre Mystery" href="/search/label/mystery" target="_blank">Mystery</a>

  </li>

  <li>

   <a title="Anime bergenre Parody" href="/search/label/parody" target="_blank">Parody</a>

  </li>

  <li>

   <a title="Anime bergenre Police" href="/search/label/police" target="_blank">Police</a>

  </li>

  <li>

   <a title="Anime bergenre Psychological" href="/search/label/psychological" target="_blank">Psychological</a>

  </li>

  <li>

   <a title="Anime bergenre Romance" href="/search/label/romance" target="_blank">Romance</a>

  </li>

  <li>

   <a title="Anime bergenre Samurai" href="/search/label/samurai" target="_blank">Samurai</a>

  </li>

  <li>

   <a title="Anime bergenre School" href="/search/label/school" target="_blank">School</a>

  </li>

  <li>

   <a title="Anime bergenre Sci-Fi" href="/search/label/sci-fi" target="_blank">Sci-Fi</a>

  </li>

  <li>

   <a title="Anime bergenre Seinen" href="/search/label/seinen" target="_blank">Seinen</a>

  </li>

  <li>

   <a title="Anime bergenre Shoujo" href="/search/label/shoujo" target="_blank">Shoujo</a>

  </li>

  <li>

   <a title="Anime bergenre Shounen" href="/search/label/shounen" target="_blank">Shounen</a>

  </li>

  <li>

   <a title="Anime bergenre Shounen Ai" href="/search/label/shounen-ai" target="_blank">Shounen Ai</a>

  </li>

  <li>

   <a title="Anime bergenre Slice of Life" href="/search/label/slice-of-life" target="_blank">Slice of Life</a>

  </li>

  <li>

   <a title="Anime bergenre Space" href="/search/label/space" target="_blank">Space</a>

  </li>

  <li>

   <a title="Anime bergenre Spiritual" href="/search/label/spiritual" target="_blank">Spiritual</a>

  </li>

  <li>

   <a title="Anime bergenre Sports" href="/search/label/sports" target="_blank">Sports</a>

  </li>

  <li>

   <a title="Anime bergenre Super Power" href="/search/label/super-power" target="_blank">Super Power</a>

  </li>

  <li>

   <a title="Anime bergenre Supernatural" href="/search/label/supernatural" target="_blank">Supernatural</a>

  </li>

  <li>

   <a title="Anime bergenre Thriller" href="/search/label/thriller" target="_blank">Thriller</a>

  </li>

  <li>

   <a title="Anime bergenre Vampire" href="/search/label/vampire" target="_blank">Vampire</a>

  </li>

 </ul>

</div>

Ganti <a title="Anime bergenre Action" href="/search/label/action" target="_blank">Action</a>
yang berwarna merah menjadi sesuai genre yang kalian buat.

Sekian tutorial kali ini semoga bermanfaat khususnya buat para fansub fanshare berplatfom blogger, sampai ketemu di tutorial selanjutnya :D.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara Pasang Emoticon Kedalam Blog Post

Malam Sobat Vetizens Ketemu dengan saya lagi :D semoga kalian tidak bosan karena jika kalian bosan maka sayapun malas membagikan tutorial. pada kesempatan kali ini saya akan share tentang Cara Pasang Emoticon Kedalam Blog Post. Walaupun kurang berguna bagi kalian tetapi pasti ada yang membutuhkannya :). Cara pasang nya cukup simple kok langsung saja yuk disimak . . .

Langsung Saja Ke TKP :

1. Login ke Blogger kalian.

2. Blog Kalian > Template > Edit HTML

3. Tambahkan kode CSS dibawah ini tepat diatas ]]></b:skin> atau </style>

.emoji{height:20px;width:auto;margin:0 .05em 0 .1em!important;vertical-align:-0.1em;display:inline-block!important}

4. Lalu Tambahkan kode dibawah ini tepat diatas kode </body>

<b:if cond='data:blog.pageType in {"item","static_pages"}'>

<script src='//twemoji.maxcdn.com/twemoji.min.js' type='text/javascript'/>

<script src='//cdn.rawgit.com/tutorialku/usagilabs/master/emoji/emoji.min.js' type='text/javascript'/>

</b:if>

5. Save Template Kalian.

Selamat Blog kalian sudah terpasang Emoticon :D kalian bisa mencobanya sendiri :)
Sekian sedikit Tutorial untuk kali ini Semoga bermanfaat :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara Pasang Tombol Spoiler Seperti Kaskus

Kali ini saya akan bagikan Tutorial Cara Pasang Tombol Spoiler Seperti Kaskus. pasti diantara kalian suka mampir di kaskus untuk baca artikel, jualan, beli barang dan lain lain. nah kali ini saya akan bagikan tutorialnya siapa tau ada yang cari :).
Baiklah langsung saja ke TKP.

1. Buka Blogger kalian.

2. Blog kalian > Template > Edit Template.

3. Salin Kode dibawah sebelum </b:skin> atau </style>

/* CSS Spoiler Kaskus - Aka321 */

#spoiler {margin: 1em 0;color: #000;}

#spoiler img {max-width: 100%;}

#spoiler iframe {max-width: 100%;}

.txtspoiler{margin-bottom: 2px;font-weight: 400;font-size: 11px;padding: 3px 0;font-family: sans-serif;height: 20px !important;}

#btnshow{background: #ccc!important;border-radius: 3px;cursor: pointer;width: 40px!important;border: none;font-size: 10px;margin: 0px;padding: 0px;font-family: inherit;height: 14px;}

#btnhide{background: #ccc!important;border-radius: 3px;cursor: pointer;width: 40px!important;border: none;font-size: 10px;margin: 0px;padding: 0px;font-family: inherit;display:none;height: 14px;}

#contentspoiler{background: #EEE;border: 1px solid #CCC;color: black;margin: 0px;padding: 6px;}

.isispoiler{display: block;background: rgb(238, 238, 238);}

4. Setelah itu salin dan pastekan ini sebelum </body>

<script type = 'text/javascript'>

$(document).ready(function() {

    $('#btnshow').click(function() {

        $('#btnshow').hide();

        $('#btnhide').show();

        $('.isispoiler').show();

    });

    $('#btnhide').click(function() {

        $('#btnhide').hide();

        $('#btnshow').show();

        $('.isispoiler').hide();

    });

});

</script>

5. Save Template kalian.

6. Buat Post kalian lalu edit post lewat HTML bukan COMPOSE. lalu pastekan script dibawah ini.

<div id="spoiler">
 <div class="txtspoiler">
  <b>Spoiler</b>
  &nbsp;for
  <i>Judul Spoiler</i> :
  <input id="btnshow" onclick="spoiler(this);" type="button" value="Show"/>
  <input id="btnhide" onclick="spoiler(this);" type="button" value="Hide"/>
 </div>
 <div id="contentspoiler">
  <div class="isispoiler">
   <div class="texty">
    Isi Spoiler
   </div>
  </div>
 </div>
</div>

Judul Spoiler diisi terserah kalian.
Isi Spoiler diisi dengan isi postingan yang mau di sembunyikan.

7. Publish kan posting kalian dan lihat Hasilnya.

Sekian untuk tutorial kali ini semoga bermanfaat dan sampai jumpa di tutorial lainnya :D
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Sumber : AKA321

Read more

Cara Membuat Download Box Fansub Responsif

Malam sobat Vetizens, tadi saya sudah share tentang tutorial cara membuat page pendaftaran admin, kali ini saya akan membuat tutorial membuat simple download box responsif fansub/fanshare.

Langsung saja ke TKP :

1. Login Blogger kalian

2. Blogger kalian > Template > Edit HTML

3. Tambahkan kode CSS dibawah ini tepat diatas ]]></b:skin> atau </style>

/* Vetizens Download Box */

.veti-download{margin:10px 0}

.veti-item>b{background:#49bafc;color:#fff;font-weight:700;padding:0 10px;line-height:36px;margin:0;font-size:12px;float:left;width:55px}

.veti-item{border-bottom:1px solid #E4E4E4;white-space:nowrap;overflow-x:auto;overflow-y:hidden;background:#FBFBFB}

.veti-item a{float:left;margin:13px 10px;margin-right:0;padding-right:10px;border-right:1px solid #C7C7C7;text-align:center;line-height:10px}

.veti-item a:last-child{border-right:0}

4. Lalu Save Template. kalian sudah bisa memasang download boxnya di post.

5.Untuk memasang download box ditulis secara manual lewat html jangan compose, lalu masukkan script dibawah ini.

<div class='veti-download cl'>

<div class='veti-item cl'><b>1080p</b> <a href='#'>Solidfiles</a> <a href='#'>Uptobox</a> <a href='#'>Tusfiles</a> <a href='#'>Otakushare</a></div>

<div class='veti-item cl'><b>720P</b> <a href='#'>Solidfiles</a> <a href='#'>Uptobox</a> <a href='#'>Tusfiles</a> <a href='#'>Otakushare</a></div>

<div class='veti-item cl'><b>480p</b> <a href='#'>Solidfiles</a> <a href='#'>Uptobox</a> <a href='#'>Tusfiles</a> <a href='#'>Otakushare</a></div>

</div>

Dan hasilnya seperti ini :

Jika kalian ingin seperti yang dibawah ini gunakan Script dibawah.

/* Vetizens Download Box */

.usagi-download{margin:10px 0}

.usagi-item>b{background:#49bafc;color:#fff;font-weight:700;padding:7px 10px;margin:0;font-size:12px;width:100%;display:block;border-bottom:1px solid #B9453D;margin-bottom:-1px;line-height:20px;font-size:13px;font-family:'Segoe UI',arial,sans-serif;}

.usagi-item{border-bottom:1px solid #E4E4E4;white-space:nowrap;overflow-x:auto;overflow-y:hidden;background:#FBFBFB}

.usagi-item a{float:left;margin:13px 10px;margin-right:0;padding-right:10px;border-right:1px solid #C7C7C7;text-align:center;line-height:10px}

.usagi-item a:last-child{border-right:0}

Sekian untuk tutorial kali ini semoga bermanfaat untuk kalian semua terutama fansub dan fanshare blogger :D.
Jika ada salah kata saya minta maaf :)
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara Membuat Page Pendaftaran Admin di Blogger

Malam sobat Vetizens bertemu dengan saya lagi pada kali ini saya akan berbagi sedikit tutorial yang setelah saya cari di google dan menemukannya :D
Tutorial ini saya dapatkan dari Usagilaabs dan bukan buatan saya.
Tutorial ini cocok untuk kalian para fansub/fanshare khususnya blogger untuk mencari para admin baru.

Langsung Saja ke TKP biar tidak kelamaan . . .

1. Login Blogger > Masuk Blogger fansub/fanshare kalian.

2. Blog kalian > Laman / Pages > Laman baru.

3. Pilih HTML jangan Compose, lalu masukkan script dibawah ini.

<style>h1.post-title{display:none}.contact-form-box>p{margin:0;line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{text-transform:uppercase;font-size:17px;text-align:center;display:block;margin:0 0 15px;letter-spacing:.5px;border-bottom:1px solid #ddd}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#666;letter-spacing:.5px;text-transform:uppercase;position:relative;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif}.us_line>b{display:block;text-transform:uppercase;letter-spacing:1px}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FDFDFD;padding:0 10px;width:100%;display:block;color:#999;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#333}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49.5%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:3px;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.contact_message b{text-transform:capitalize;font-size:20px;letter-spacing:.2px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}</style>

<div class="contact-form-box">

<b>Recruitment Staff</b>

<p>Open Recruitment Staff, if you interested want to join in my fansub please register in form below. thanks</p>

<form id='us_contact' name="contact-form">

<div class='us_line'><b>Name</b><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" type="text" value="" required/></div>

<div class='us_line'><b>Email</b><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" type="text" value="" required/></div>

<div class='us_line'><b>Gender</b><select><option value="Male" name="gender" selected>Male</option><option value="Female" name="gender">Female</option></select></div>

<div class='us_line'><b>Age</b><input id="ContactForm1_contact-form-age" name="age" placeholder="0" maxlength="2" type="number" min="1" max="30" value="" required/></div>

<div class='us_line'><b>Domicele</b><input id="ContactForm1_contact-form-domicele" name="age" placeholder="Region, City" type="text" value="" required/>

</div>

<div class='us_line'><b>Url Facebook</b><input id="ContactForm1_contact-form-urlfb" name="age" placeholder="http://facebook.com/yourusername" type="url" value="" required/></div>

<div class='us_line'><b>Contact</b><input id="ContactForm1_contact-form-contact" name="age" placeholder="Ex. Number Phone / ID Line / PIN BBM" type="text" value="" required/></div>

<div class='us_line'><b>Job</b>

<select>

<option value="Translator" name="jobs" selected>Translator</option>

<option value="Typesett" name="jobs">Typesett</option>

<option value="Kara Effect" name="jobs">Kara Effect</option>

<option value="Uploader/Mirroring" name="jobs">Uploader/Mirroring</option>

<option value="TLC & Editor" name="jobs">TLC & Editor</option>

<option value="Encoder" name="jobs">Encoder</option>

<option value="Admin In Fanspage" name="jobs">Admin In Fanspage</option>

</select>

</div>

<div class='us_line'><b>Levels of proficiency</b>

<select>

<option value="Zero" name="lvl" selected>Zero</option>

<option value="Beginner" name="lvl" selected>Beginner</option>

<option value="Experienced" name="lvl">Experienced</option>

<option value="Proficient" name="lvl">Proficient</option>

<option value="Expert" name="lvl">Expert"</option>

</select>

</div>

<div class='us_line'><b>The reason want to join?</b><textarea cols="25" id="ContactForm1_contact-form-reason" name="email-message" placeholder="Give your reasons why you want to join?" required></textarea></div>

<div class='us_line dn' style='display:none;'><textarea style='display:none;' cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input style='display:none;' id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>

<button type='button' onclick="generate()" disabled="disabled" id="sendform">Send</button>

<div id="ContactForm1_contact-form-error-message"></div>

<div id="ContactForm1_contact-form-success-message"></div>

</form>

</div>

<script type="text/javascript">/*<![CDATA[*/if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');/*]]>*/</script>

<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type="text/javascript"></script>

<script>

//<![CDATA[

/*

* Form Recruitment Fansubs

* Source code by http://bit.ly/modifymsg_kompiajaib and http://bit.ly/contactform_kompiajaib

* Modify by http://usagilabs.blogspot.com/

* Copyright 2016

*/

var blogsid = "8410876137745120111"; // Your IDBLOG

var nameblog = "//vetizens.id/"; // Your URLBLOG, don't copy HTTP: or HTTPS:

var successmsg = "<b>Your form has been sent</b><p>We will strive to respond promptly your registration within 24 hours. if you not get reply within 24 hours please contact admin via fanspage.</p>";

var invalidmsg =  "<b>A valid email address is required</b><p>You must fill in your email address correctly.</p>";

var notsendmsg = "<b>Message could not be sent</b><p>Please try again later</p>";

var sett = {

name   : "Name",

email   : "Email",

gender   : "Gender",

age   : "Age",

domicele  : "Domicele",

urlfb   : "Url Facebook",

contact  : "Contact",

jobs   : "Jobs",

lvl   : "Level",

reason   : "Give your reasons why you want to join?",

br    : "\n"

};

//]]>

</script>

<script src="//cdn.rawgit.com/tutorialku/usagilabs/master/lib/formrecruitment.min.js" type="text/javascript"></script>

 Penting :

8410876137745120111 ganti dengan ID Blog kalian

 //vetizens.id/ ganti dengan url blog kalian tetapi jangan sampai http / https 

4. Simpan / Save, lalu lihat hasilnya.

Jika Ingin Melihat Demo nya bisa lihat di bawah.

DEMO

Sangat simple kan :D
Tambahan Style lain :

Style Boxed

.contact-form-box{border:1px solid #E2E2E4;padding:0 20px;background:#FDFDFD;border-radius:3px}.contact-form-box>p{margin:0;line-height:1.5;color:#666;border:1px solid #F1E8C3;background:#FDF6D7;padding:15px;border-radius:3px}.contact-form-box>b{background:#77CB59;color:#FFF;text-transform:uppercase;font-size:17px;text-align:center;display:block;margin:0 -21px 15px;border-radius:3px 3px 0 0;line-height:45px;letter-spacing:.5px}h1.post-title{display:none}.us_line{display:block;margin-bottom:15px;font-size:13px;color:#B9B9B9;letter-spacing:.5px;text-transform:uppercase;font-weight:700;position:relative;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif}.us_line>b{display:block;text-transform:uppercase;letter-spacing:1px}.us_line>input,.us_line>textarea,.us_line>select{border:1px solid #E2E2E4;background:#FFF;padding:0 10px;width:100%;display:block;color:#B0B1B1;border-radius:3px;height:35px;line-height:2}.us_line>input:focus,.us_line>textarea:focus,.us_line>select:focus{outline:1px solid #009EFD;color:#646464}#ContactForm1_contact-form-reason{height:100px;padding:5px 10px}.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){display:inline-block;width:49.5%}#sendform{background:#77CB59;color:#FFF;border:0;padding:10px 25px;text-transform:uppercase;letter-spacing:1px;font-weight:700;border-radius:3px;font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;cursor:pointer}#sendform:hover{background:#66AF4C}#sendform[disabled="disabled"]{background:#DDD!important}#contact_layout{font-family:'Roboto','Open Sans',Segoe UI,Arial,sans-serif;text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,.5);z-index:99999}.contact_top{margin:-55px auto 15px}.contact_top i{background:#70C340;color:#fff;font-size:35px;font-weight:400;text-align:center;margin:auto;border-radius:100%;line-height:60px;padding:0 14px;border:5px solid #FFF}.contact_message{width:40%;background:#FFF;color:#fff;border-radius:5px;padding:20px;text-align:center;color:#333;position:absolute;top:10%;left:50%;margin-left:-20%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}.contact_message b{text-transform:capitalize;font-size:20px;letter-spacing:.2px;display:block;font-weight:400}.contact_message p{margin:15px 0;color:#666}.contact_message a{display:block;background:#70c340;border-radius:5px;line-height:40px;color:#fff!important;text-transform:uppercase;font-weight:700;font-size:15px}.contact-form-error-message-with-border img{display:none!important}.error_message a,.error_message i{background:#E66148!important}@media screen and (max-width:768px){.contact_message{width:90%!important;margin-left:-45%!important}}@media screen and (max-width:420px){.us_line:nth-of-type(3),.us_line:nth-of-type(4),.us_line:nth-of-type(8),.us_line:nth-of-type(9){width:100%}}

Style dengan Icon Fontawesome:

.us_line:after{font-family:FontAwesome;position:absolute;bottom:6px;left:10px;z-index:100;color:#B0B1B1;font-size:13px;font-weight:400;opacity:.6}.us_line:nth-of-type(1):after{content:"\f007"}.us_line:nth-of-type(2):after{content:"\f0e0"}.us_line:nth-of-type(3):after{content:"\f222"}.us_line:nth-of-type(4):after{content:"\f133"}.us_line:nth-of-type(5):after{content:"\f21d"}.us_line:nth-of-type(6):after{content:"\f082"}.us_line:nth-of-type(7):after{content:"\f095"}.us_line:nth-of-type(8):after{content:"\f0f2"}.us_line:nth-of-type(9):after{content:"\f19d"}.us_line>input,.us_line>select{padding-left:30px!important} 

bagi kalian yang ingin menambahkan icon sobat tinggal copy css dibawah ini lalu taruh diatas </style>, tidak ada yang diganti cuman menambahkan css untuk fontawesome.

Sekian Tutorial dari saya Jika ada kata yang kurang benar mohon dimaafkan.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara Atasi Google Drive Limit Saat Download

Halo Sobat Vetizens Lama sekali saya tidak berjumpa dengan sobat semua karena kesibukan didunia nyata yang tak bisa ditinggalkan, kali ini saya akan membahas sedikit tutorial tentang Cara Atasi Google Drive Limit Saat Download. Pasti diantara kalian saat download aplikasi, game, anime atau lainnya jika ada server Google Drive pasti kalian akan memilihnya karena cepat, simple , tetapi ada kekurangannya yaitu jika telah banyak yang download dalam satu hari maka otomatis tidak bisa di download maka dari itu saya akan memberikan sedikit tutorial tentang atasi limit tersebut.
Langsung saja ke Tutorialnya. ..

Screenshot pesan yang paling saya tidak suka :

Ini hanya sebagai contoh :

1. Link Asli yang tidak bisa di download

https://docs.google.com/uc?id=0B6upU5EAlQDCVXl2clBESjFDalE&export=download
Warna Merah adalah ID-FILE nya

2. Ganti Menjadi : https://drive.google.com/file/d/ID-FILE/view
https://drive.google.com/file/d/0B6upU5EAlQDCVXl2clBESjFDalE/view

3. Setelah itu copy filenya ke akun Google Drive kalian dengan mengklik logo Google Drive+ (lebih jelasnya lihat pada gambar yang saya lingkari warna merah).

4. Setelah file tercopy, buka akun Google Drive kalian melalui url berikut: https://drive.google.com dan download file yang sudah kalian copy tadi.
Note: Google Drive kalian harus cukup untuk mengcopy file tersebut agar bisa di download.

5. Klik kanan file yang sudah ditambahkan ke Drive kalian lalu copy file

6. Selesai. kalian bisa mendownload file tersebut.

7. Jika akun Google Drive kalian biasa dan cuma bisa menampung file 15gb disarankan jika sudah download langsung dihapus agar bisa dpakai kembali.

Sekian tutorial dari saya mohon maaf jika ada kesalahan dalam penulisan. Semoga bermanfaat.
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Yuk Latihan Bahasa Jepang

Halo Sobat Vetizens lama tidak bertemu dengan saya, saya jadi kangen nih hehehe pada kesempatan kali ini saya akan berbagi ilmu tentang berbahasa jepang, pasti diantara sobat semua suka anime drama jepang atau bagian lainnya dari jepang bukan ?, saya akan memberikan sedikit pengenalan tentang bahasa jepang sederhana dan sering biasa digunakan di jepang di kehidupan sehari hari. Sebenarnya PDF ini sendiri saya dapatkan dari seseorang yang ada disebuah grup di facebook kemudian saya download dan ternyata lumayan mudah dipelajari, maka kali ini saya akan membagikan ilmunya pada sobat semua :D
Yuk langsung download daripada kalian kursus mahal mahal kan mending belajar sendiri :)

Download Disini

Sekian Ilmu kali ini yang saya bagikan semoga bermanfaat dan saya mengucapkan terima kasih kepada yang membuatnya juga. 

Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more

Cara Mendapat Stiker GOPRO Gratis Secara Resmi

Hai Sobat Vetizens Bertemu dengan saya lagi :D. Kali ini saya akan membagikan informasi Cara Mendapat Stiker GOPRO Gratis Secara Resmi. Walaupun hanya stiker tapi lumayan buat pajangan hehehe. . . dulu saya iseng iseng mencobanya setelah sekian lama tiba tiba ada pak pos datang dan memberi surat saya kira dari google adsense tapi ternyata tidak, ternyata surat tersebut dari GOPRO setelah saya buka ternyata isinya stiker yang saya iseng mencoba mendaftarkannya 3 bulan yang lalu :D. Okelah langsung TKP saja daripada mendengarkan curhatan saya . . .

Foto Stiker GOPRO yang dikirim ke rumah saya:

Cara Mendapatkannya Sangat Mudah kok:

1. Masuk ke Sini.
2. Isi secara lengkap Nama sobat alamat dan semua yang ada di kolom tersebut jangan sampai salah apalagi dibagian alamatnya.
3. setelah itu pilih Submit My Order.
4. Setelah ada tulisan "Thank you for your sticker request! We will get those out to you shortly" Berarti berhasil tinggal sobat menunggu surat cintanya dari pak pos :D

Sekian untuk informasi tentang Cara Mendapat Stiker GOPRO Gratis Secara Resmi semoga bermanfaat dan bila ada salah kata saya mohon maaf. . .
Jika Masih Bingung Silahkan Berkomentar . . .
Kunjungi Vetizens terus untuk informasi terupdate . . . .

Read more