Founder
Aditya Indra Lesmana - Hanya seorang manusia biasa yang suka dengan makhluk yang disebut "LOLI" yang sedang berkuliah dibidang Teknik Informatika dan suka hal yang berbau dengan desain Photoshop atau Web mempunyai keinginan kecil agar bisa ke Stadion Santiago Bernabéu :3


#TeamOnodera
Posted by : Aditya Indra Lesmana Selasa, 05 April 2016


Cara untuk membuat jejeran staff seperti di atas 
Pertama : masuk ke bagian Template > Edit HTML

Masukan Script di bawah ke atas ]]></b:skin>
/* Staff DurandalSubs */

.durandown {
  border: 1px solid #F0F0F0;
  padding: 10px;
  border-radius: 3px;
}
.dlduran {
  background: #3D99E0;
  color: #fff;
  position: relative;
  padding: 10px;
  border-radius: 3px 3px 0px 0px;
  text-align: center;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.boxduran {
  background: #F0F0F0;
  color: #666;
  position: relative;
  text-align: center;
  font-size: 15px;
  padding: 10px;
  border-radius: 0px 0px 3px 3px;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

/* Akhir Staff */

Lalu Save

Kedua : Buat Laman atau Posting baru dan ubah ke bagian HTML

lalu masukan kode di bawah

<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
<br/>
<div class='durandown'><center>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfaxXg2Jt3aoEqJNyMI44nx0a3t_KQoI2x98yjA-7I8aiegyl9LKJ5tuVAVg3xPCT9f25hpGumaRjbqGZohzdLbbaex1aNV4XCZufOeozujKERb__wKJvbTAnLjO8u-iO_5qNUWOEZJIM/h350/Kono_Suba_04.jpg' height='100px' width='100px'/></center>
  <div class='dlduran'>An-chan</div>
    <div class='boxduran'><i class='fa fa-user'></i> Admin Utama | <i class='fa fa-refresh'></i> Translator | <i class='fa fa-film'></i> Encoder | <i class='fa fa-check'></i> TLC | <i class='fa fa-music'></i> Kara-FX | <i class='fa fa-html5'></i> Designer Web</div></div>

<br/>
<div class='durandown'><center>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgP7GzdkNvG6wS0o4FlSRX6Crbzx4wQZMhf7CX_Gzpnj3FWI52UVN38oBVQ2NUPKXS3JCLZT10j_hgPdgUZJ8DkDYzNHLEN8IQ1D2nZ3cYdB90J56TcC8PcpIzBM6OB5W95Xj2no-RJnIgt/s320/Admin+-+Roka.gif' height='100px' width='100px'/></center>
  <div class='dlduran'>Röka</div>
    <div class='boxduran'><i class='fa fa-refresh'></i> Translator | <i class='fa fa-check'></i> TLC</div></div>

<br/>
<div class='durandown'><center>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn7hPgvHC4m3v6Yv_AmPAejbt48SMVXOjVK683xJwOYNL1Zp5WEMcG0Exkj2E1OWVSwZ64OoQ8q8OLKSb_FJL9S0vNZG6bSveGigyihjRHuNoLHuJJAuMItGmGjxFJrSttjbUKvrTRpIH2/s320/Admin+-+Aditya.gif' height='100px' width='100px'/></center>
  <div class='dlduran'>Aditya</div>
    <div class='boxduran'><i class='fa fa-refresh'></i> Translator | <i class='fa fa-check'></i> TLC | <i class='fa fa-html5'></i> Designer Web</div></div>

<br/>
<div class='durandown'><center>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFv9JWmOduGhrZg6a5g-Kzxxl4Z9HXPPIoY-r3V2zMw7Irv6OIHmWdl-pnvgDeOzTfDKHcGVvH4BQC87yDbhCL6KNaLVyYC0tq4wHcBFWTQ85M_4c6UvzZ4v1ZXmoSkcs2dzL46rwiTaSE/s1600/Admin+-+Lunatic.jpg' height='100px' width='100px'/></center>
  <div class='dlduran'>Lunatic</div>
    <div class='boxduran'><i class='fa fa-refresh'></i> Translator</div></div>

<br/>
<div class='durandown'><center>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTMAWScki5-I__GTSIm4wdO6Nc8WZbjPSbb0_pbmdVYwcR2m08SefwxmpCuF_9eFMVkxv5L78tLNBEpvyDbjrCFvyBFnOXMuTeX6QjdMDRWixKUanm31UqRX-qz6CyVsNR0Zithy9r9d35/s320/Durandal+Fansubs+Logo.png' height='100px' width='130px'/></center>
  <div class='dlduran'>Rikuo</div>
    <div class='boxduran'><i class='fa fa-refresh'></i> Translator | <i class='fa fa-film'></i> Encoder </div></div>

<br/>
<div class='durandown'><center>
  <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixrNB9wZJg893QKLUPmxWfxeAF65-48KInEeCSHPoTdSIStvAAJ-YFuVpHXdgablTRJLpkvx1Lfq8geQOSGBWNzXAKAHkiLb8WlQXi6VpUWBdW_04K_GxY5PlYMKuknTUDifd5c0jQDwGV/s320/Admin+-+The_474.jpg' height='100px' width='100px'/></center>
  <div class='dlduran'>The_474</div>
    <div class='boxduran'><i class='fa fa-refresh'></i> Translator | <i class='fa fa-film'></i> Encoder </div></div>

Lalu Publikasikan
Pada text berwarna merah adalah gambarnya silahkan diganti dengan gambar yang kalian inginkan dan font yang berwarna biru adalah ukuran dari gambarnya, untuk merubah Font Awesome tinggal ganti yang bagian fa fa-refresh untuk lebih lengkap lagi bisa dilihat disini

2 komentar

Back to top

© 2014 - Blog Indra-kun - All Rights Reserved
Design by Aditya Indra Lesmana - Template by Djogzs