Recent Posts

Download Color Palette Pack

07:45:00 2 Comments
Download Color Palette Pack

Tenniyaro.us - Ok kembali lagi dengan kami Tenniyaro, kali ini kita akan membagikan sebuah pack yang berisi Color Palette, dipack ini kalian bisa membuat flat design atau desain yang lainnya dengan warna yang sangat nyaman dipandangan mata, color palette sangat dibutuhkan bagi desainer yang lebih memilih ke flat design dan tidak hanya flat design, semua desain bisa menggunakan color palette untuk mencocokan warna yang digunakan. Color Palette ini dibuat oleh Design Contest

Template Cover Facebook Yurilonds Style

20:18:00 Add Comment

Tenniyaro.us - Ok Kembali lagi dengan kami Tenniyaro, Sekarang kami sedang fokus untuk ke desain terlebih dahulu untuk mengembangkan skill desain kami. Ok, Kali ini kami akan membagikan sebuah Template Cover Facebook Yurilonds Style. Memakai Format Apa ? Kami Menggunakan Format PSD ( Photoshop Documents ) . Kami menyediakan font juga didalam folder nya. Baiklah, sudah cukup, Cekidot Gan !

Cara Membuat Menu Navigasi Melayang

20:53:00 1 Comment

Tenniyaro.us - Pernahkah kalian melihat sebuah menu navigasi disuatu blog yang sedang kalian kunjungi itu melayang ? kalian mungkin tertarik dengan css tersebut. Anda sudah mencari tutorial kesana dan kesini namun tidak paham dengan tutorial yang begitu rumit diluar sana. Maka dari itu, kami akan membuat tutorial tersebut supaya kalian menjadi lebih paham dengan css tersebut. Berikut adalah CSS dan HTML untuk Membuat Menu Navigasi Melayang.

1. Masukkan Kode berikut diatas </style> atau ]]></b:skin>
#headermi { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #2A8DF7; font-family:segoe ui } #headermi li { float: left; } #headermi li a { display: block; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } #headermi li a:hover:not(.active) { background-color: #0051A8; } .active { background-color: #0051A8; } #melayang { width:100%; background-color:#2A8DF7; position:fixed }
2. Lalu taruh HTML berikut dibawah kode <body>
<div id="melayang"> <div id="headermi"> <li><a class="active" href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </div> </div>
3. Selesai

Promo Desain Service Tenniyaro

19:47:00 Add Comment

Tenniyaro.us - Tenniyaro membuka jasa desain untuk kalian yang membutuhkannya, kali ini kami sedang mengadakan promo harga desain kami. Jadi kalian bisa membayarnya lebih murah dari harga sebenarnya yang kami jual. Berikut ini Kriteria Kami :

  • Fast Respon
  • Aman 100%
  • Trusted 100%
  • Dapat Diandalkan
  • Sesuai dengan keinginan Customer
Kami disini menyediakan jasa :

1. Desain Banner
Kami hanya menyediakan jasa desain saja, tidak sekalian mencetak bannernya , namun kualitas terjamin bagus dan baik.

 2. Desain Kaos
Seperti halnya dengan Desain Banner, kami tidak mencetaknya sekalian, kami hanya mendesain dan kualitas terjamin bagus dan baik.

 3. Desain Sampul
Sampul yang kami maksud bisa sampul facebook, dll.

4. Desain Poster
Beberapa antara lain contohnya adalah poster lomba, event, dll.

 5. Desain Brosur
Seperti halnya dengan Desain Banner, kami tidak mencetaknya sekalian, kami hanya mendesain dan kualitas terjamin bagus dan baik. di desain brosur, kalian perlu memberikan keterangan dan tulisan apa saja yang harus ada didalam brosur tersebut.

 6. Desain ID Card
Membuka kartu yang cocok untuk digunakan pada saat ujian, lomba, dll.

6. Desain Web
Merancang bentuk dan desain dari sebuah website.

Bagaimana Proses Pemesanannya ?
Customer Meng-chat Admin Tenniyaro dan Order Desain lalu saya buat desain tersebut - apabila sudah cocok, anda perlu membayar terlebih dahulu lalu saya melampirkan file tersebut.

Sampai Kapan Nih ?
Kami membuka diskon / promo ini sampai tanggal 25 Desember 2016.

Kurogaze New Ost Widget

19:13:00 Add Comment

Tenniyaro.us - Kali ini kita akan memberi tutorial seperti widget Kurogaze yang pasti tidak asing lagi, yaitu New Ost Widget, di widget kali ini kalian mengisi dengan manual dan tidak otomatis, ada beberapa fitur dari widget Kurogaze yang kami hilangkan karena itu tidak berfungsi di Blogger, yaitu fitur nama Author dan jumlah pengunjung di Artikel Ost Tersebut. Ingin mencobanya? Ikuti tutorial berikut ini.

1. Masukkan kode berikut diatas </style> atau ]]></b:skin>
.boxost{float:left;width:205px;margin:3px;padding:0px 1px;font-family:sans-serif}
.boxost a {text-decoration: none}
.imgost{overflow:hidden;position:relative;height:208px;background:#000 none repeat scroll 0% 0%;border-top-right-radius:3px;border-top-left-radius:3px;transition:  .4s}
.imgost img{display:block;position:relative;width:205px;height:205px;border-top-right-radius:3px;border-top-left-radius:3px;}
.imgost h2{position:absolute;bottom:0px;border-bottom:0px none;margin:0px;padding:7px 6px;font-size:12px;font-weight:normal;border-top:2px solid rgba(65,65,65,0.8);background:rgba(0,0,0,0.8) none repeat scroll 0% 0%;width:194px;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff!important;height:20px;transition: ease .4s}
.imgost h2:hover{height:50px;overflow:visible;white-space:normal;}
.imgost h2 a{color:#FFF;}
.imgost h2 a:hover{text-decoration:none;}
2. Masuk ke Tata Letak - Tambah Widget - Pilih HTML/JavaScript - Masukkan kode berikut.
<div class="boxost">
<div class="imgost">
<a href="http://www.kurogaze.net/signal-tk-ling-tosite-sigure-91-days-op/" title="TK from Ling tosite sigure Days (OP)"> <img width="300" height="267" src="http://www.kurogaze.net/wp-content/uploads/2016/09/signal-91days-op-300x267.jpg" class="attachment-medium size-medium wp-post-image" alt="signal-91days-op" srcset="http://www.kurogaze.net/wp-content/uploads/2016/09/signal-91days-op-300x267.jpg 300w, http://www.kurogaze.net/wp-content/uploads/2016/09/signal-91days-op.jpg 400w" sizes="(max-width: 300px) 100vw, 300px"/> </a>
<h2><a href="http://www.kurogaze.net/signal-tk-ling-tosite-sigure-91-days-op/" title="TK from Ling tosite sigure Days (OP)">Signal &#8211; TK from Ling tosite sigure &#8211; 91 Days (OP)</a></h2>
</div>
</div> 
Keterangan

 Warna Merah : Isi dengan URL yang dituju
Warna Kuning : Isi dengan title / alt
Warna Hitam : Isi dengan judul
Warna Biru : Isi dengan URL Gambar

3. Simpan

Kurogaze Anime of The Week Widget

10:55:00 Add Comment

Tenniyaro.us - Kali ini Tenniyaro akan memberi salah satu widget dari Kurogaze, yaitu Anime of The Week, Kita disini menggunakan CSS dan HTML Saja untuk membuat Widget Tersebut. Kami tidak membuat berdasarkan artikel anime yang paling ramai dikunjungi. Ingin Mencobanya? Ikuti Tutorial berikut ini.

1. Masukkan kode berikut diatas </style> atau ]]></b:skin>
/* Original CSS By Kurogaze Copied By Tenniyaro */
body {font-family:segoe ui;color:#444444}
.topgran{width:300px;height:53px;border-bottom:1px solid #ccc;padding:2px 0px;margin:2px 0px;}
.topgran a{font-size:13px;font-weight:bold;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#444444}
.imigran img{width:42px;height:47px;}
.imigran{float:left;margin-right:10px;border:1px solid #ddd;padding:1px;}
.titit{background:#f0f0f0;margin:0px 0px 0px 50px;padding:5px 2px;height:41px;color:#444444;text-decoration:none;}
.gentitit{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0px;}
/* End of Original CSS By Kurogaze Copied By Tenniyaro */
2. Gunakan kode berikut untuk digunakan pada post dengan mode HTML
<div class="topgran">
<div class="imigran"><img src="http://www.kurogaze.net/wp-content/uploads/2016/09/79410.jpg" alt="Re:Zero kara Hajimeru Isekai Seikatsu"></a></div>
<div class="titit">
<a href="http://www.kurogaze.net/anime/rezero-kara-hajimeru-isekai-seikatsu/" title="Re:Zero kara Hajimeru Isekai Seikatsu">Re:Zero kara Hajimeru Isekai Seikatsu</a>
<div class="gentitit">Drama, Fantasy</div>
</div>
</div>

Pengertian HTML dari warna yang dicetak tebal :
Warna Merah : Isi dengan gambar poster dari anime yang ingin anda masukkan.
Warna Kuning : Isi dengan URL yang akan dituju apabila judul anime di klik.
Warna Biru : Isi dengan Judul Anime yang ingin anda masukkan.
Warna Hijau : Isi dengan Genre Anime yang ingin anda masukkan.

3. Selesai.

Kurogaze Download Button

10:22:00 4 Comments

Tenniyaro.ml - Sekian lama kami tidak memberikan tutorial seputar blogger dan script dikarenakan beberapa penyebabnya, untuk membalasnya kami akan memberikan script Download Button persis seperti Kurogaze.net , ingin mencobanya? ikuti tutorial berikut ini.

1. Masukkan kode berikut diatas </style> atau ]]></b:skin> lalu simpan
body {font-family:segoe ui}
.dfr{background:#0B68CC;display:block;float:left;width:37px;border-radius:4px;color:#fff;padding:0px 5px;font-size:12px;text-align:center;padding:5px;margin-right: 15px}
.dln{color:#444!important;font-weight:600;font-size:13px;margin:0px 2px;text-decoration: none;font-weight: 700;transition:all .5s;}
.dln:hover {font-style: italic}
.deps{border-bottom:2px solid #ddd;display:block;width:90%;padding:3px 0px;}
2. Gunakan kode berikut untuk digunakan pada post dengan mode HTML
<p><strong class="deps">Episode 1:</strong></p>
<p><strong class="dfr">480p</strong>  <a class="dln" href=http://link.kurogaze.net/?go=aHR0cDovL3d3dzg1LnppcHB5c2hhcmUuY29tL3YvbTZkS1B2NjIvZmlsZS5odG1s target="_blank" rel="nofollow">Zippyshare</a>  |  <a class="dln" href=http://link.kurogaze.net/?go=aHR0cHM6Ly91c2Vyc2Nsb3VkLmNvbS9zcXNrZjZiYWdzaGE= target="_blank" rel="nofollow">Userscloud</a>  |  <a class="dln" href=http://link.kurogaze.net/?go=aHR0cHM6Ly93d3cuc29saWRmaWxlcy5jb20vdi96ZGFxM1dqTE5XZ1Fk target="_blank" rel="nofollow">Solidfiles</a>  |  <a class="dln" href="http://pasted.co/e0c1e51e" target="_blank" rel="nofollow">Mirror</a></p>
<p><strong class="dfr">720p</strong>  <a class="dln" href=http://link.kurogaze.net/?go=aHR0cDovL3d3dzg1LnppcHB5c2hhcmUuY29tL3YvWFlOaktnRTcvZmlsZS5odG1s target="_blank" rel="nofollow">Zippyshare</a>  |  <a class="dln" href=http://link.kurogaze.net/?go=aHR0cHM6Ly91c2Vyc2Nsb3VkLmNvbS85bDk5NmF0NnI2am0= target="_blank" rel="nofollow">Userscloud</a>  |  <a class="dln" href=http://link.kurogaze.net/?go=aHR0cHM6Ly93d3cuc29saWRmaWxlcy5jb20vdi8yWkFQWTJqNUF6dzNR target="_blank" rel="nofollow">Solidfiles</a>  |  <a class="dln" href="http://pasted.co/e0c1e51e" target="_blank" rel="nofollow">Mirror</a></p>
<p><strong class="dfr">MP4</strong>  <a class="dln" href="http://st.kurogaze.net/ZUHSQ" target="_blank" rel="nofollow">Zippyshare</a>  |  <a class="dln" href="http://st.kurogaze.net/0uTPz" target="_blank" rel="nofollow">Userscloud</a>  |  <a class="dln" href="http://st.kurogaze.net/ioqon" target="_blank" rel="nofollow">Solidfiles</a>  |  <a class="dln" href="http://st.kurogaze.net/EEurX" target="_blank" rel="nofollow">Uppit</a></p>
<p><strong class="dfr">HRQ</strong>  <a class="dln" href="http://st.kurogaze.net/2t4us" target="_blank" rel="nofollow">Zippyshare</a>  |  <a class="dln" href="http://st.kurogaze.net/aJmsJ" target="_blank" rel="nofollow">Userscloud</a>  |  <a class="dln" href="http://st.kurogaze.net/h7uqo" target="_blank" rel="nofollow">Solidfiles</a>  |  <a class="dln" href="http://st.kurogaze.net/wUY8i" target="_blank" rel="nofollow">Uppit</a></p>
3. Selesai
Demo
Subscribe to: Posts (Atom)