Blogger templates

Johanes
|
Scaning...

Blogger news

280 Px

Pages

280 Px

Hatsune Miku Blogger Templates



Hatsune Miku Blogger Templates 


Apa kabar sobat?detik" sebelum saya UTS saya malah buat template lagi =__=,pasti kalian yang SMA,SMK juga sebentar lagi udah mau UN.sebenar'a udah dari dulu buat template dengan tema miku,tapi baru sekarang dpt inspirasi`xD.
template ini hasil modifikasi dari template guilty crown 2 sidebar.ukuran sidebar dan posting'a saya buat agak lebih kecil sedikit dari template sebelumnya,untuk menubar'a awalnya tadi cuma iseng" buat sendiri,tapi akhirnya bagus dan unik juga.untuk menambah kesan menunya,saya tambahin aja deh icon pada menunya.


-Preview-




Pengaturan1
buka blogger=>templates=>edit HTML lalu cari kode HTML:

<a href='http://djogzs.blogspot.com'>
<div class='menu1'>Home</div></a>
<a href='http://djogzs.blogspot.com'>
<div class='menu2'>Contact</div></a>
<a href='http://djogzs.blogspot.com'>
<div class='menu3'>About me</div></a>
<a href='http://djogzs.blogspot.com'>
<div class='menu4'>Sitemap</div></a>


tinggal ganti url blog saya :)


Pengaturan2
Avatar

Untuk Avatar,sama seperti template Another kamu harus setting manual agar avatar mucul,kalau tidak,ya tidak akan muncul==v
ukuran gambar avatar tepatnya 68px x 68px

Pertama,buka blogger=>rancangan=>edit HTML=> Centang Expand Widget Templates
Lalu carikode html seperti dibawah ini

<b:if cond='data:post.author == &quot;Johanes djogan&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6gfVF6dCayR-UUobkZ9eWkaNvyVcq6YubQYEJQ_Tf9fod2PqNUSGD9JMwTXNzV2KDe_p1vKUEl0GhAD5ucl-ZGZ6rEM0cf5f-_6Zos9SwmUQnZvXFG6dj5QAmIQZfDlBskATaL0kyLw/s1600/Untitled-1.png'/></b:if>

<b:if cond='data:post.author == &quot;Chera Ant Sullivan™&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6gfVF6dCayR-UUobkZ9eWkaNvyVcq6YubQYEJQ_Tf9fod2PqNUSGD9JMwTXNzV2KDe_p1vKUEl0GhAD5ucl-ZGZ6rEM0cf5f-_6Zos9SwmUQnZvXFG6dj5QAmIQZfDlBskATaL0kyLw/s1600/Untitled-1.png'/></b:if>

<b:if cond='data:post.author == &quot;xMikhailx Ryuzaki&quot;'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW6gfVF6dCayR-UUobkZ9eWkaNvyVcq6YubQYEJQ_Tf9fod2PqNUSGD9JMwTXNzV2KDe_p1vKUEl0GhAD5ucl-ZGZ6rEM0cf5f-_6Zos9SwmUQnZvXFG6dj5QAmIQZfDlBskATaL0kyLw/s1600/Untitled-1.png'/></b:if>


kode html Diatas ini,saya sudah sediakan 3 jenis avatar untuk tiga author blog.
cara mengaktifkan avatar ini,yang perlu kamu lakukan adalah mengganti username blogger kamu pada tag conditional author yang sudah tersedia

text bewarna merah:ganti dengan Username kamu.
text bewarna biru :ganti dengan Url gambar avatar kamu.Ukuranya 136px x 190px.

kalau tidak tahu username kamu,sebenar'a mudah aja,tinggal copas dari nama profil di blog kamu,atau bila ada banyak penulis tapi tidak tahu username'a,cara'a:
buka blogger=>setting=>izin/permission.

Contoh:

Lalu kamu akan melihat beberapa nama penulis dan admin disana.tinggal copy paste deh nama'a



Pengaturan 3
Headline

Buka blogger=>rancangan=>element halaman
lalu klik edit pada widget feed,kemudian ganti url blog'a dengan url blog kamu.

Tapi kalau kamu mengalami widget feed blank seperti gambar dibawah ini,dan tidak bisa dihapus/tdk ada tombol removenya~

buka edit HTML kembali,lalu cari kode html sperti dibawah ini

<b:widget id='Feed1' locked='false' title='' type='Feed'/>





Hapus widget'a,simpan,kembali ke element halaman,lalu tambahkan widget/add Gadget Feed yang baru,maka widget'a akan kembali normal.




Pengaturan 4

Untuk mengganti pesan pada blog,kamu cari kode html seperti dibawah ini di edit HTML

<div id='headerbg1'><p>|| Hatsune Miku || Anime Blogger Templates || </p></div>

lalu kamu ganti dengan pesan yang kamu inginkan
Read →

Bleach Theme_ [semi transparent]



--------------------------------------------------
how to use :
--------------------------------------------------

● Copy CSS CSS-Code
● Click Customize My Site
● Click Choose a Theme
● Select Bacchus
● Click Customize My Site
● Click Custom CSS
● Right Click Text on the your CSS box, -> Select ALL
● Paste CSS-Code

--------------------------------------------------
:: CSS-Code ::

div.contentwrapper {
background: transparent;
}
div.bodywrap {
background: transparent;
}
/*--- Design Layout by speedstars@multiply, CSS by peace196@multiply

Created @ July 15th 2010 ---*/

body {

background: #000000 url(http://images.speedstars.multiply.com/image/1/photos/68/1200x1200/4/Starlight03-SS.jpg?et=SZTZVhNPOjBm0mB2vdXyug&nmid=350429504) fixed;
}

a, a:visited, a:link {

color: #FF0000;
}

a:hover {

color: #FF0000;
text-decoration: underline;
}

a.mine, a.mine:link, a.mine:visited {

background:transparent none;
border:medium none;
color:#FF0000;
}

div.ritemactions a, div.ritemactions a:link, div.ritemactions a:visited {

background:transparent none;
border:medium none;
color:#FFFF00;
}

.header .globalnav ul.gnopt a {

color:#FFFF00;
}

div.owner_nav {

background:transparent url(http://images.speedstars.multiply.com/image/1/photos/68/1200x1200/1/Head.png?et=33nN5%2B5zmVTCmwpfzAN6oQ&nmid=350429504) no-repeat;
border:medium none;
height:285px;
margin:20px auto 0;
width:800px;
}

div#page_start {

background:transparent url(http://images.speedstars.multiply.com/image/1/photos/68/1200x1200/2/Body.png?et=6XjDaNRD2VQ6GtK1e%2BCVBQ&nmid=350429504);
border: none;
margin:0 auto;
padding:20px;
width:760px;
}

td#maincontent {

background-color:transparent;
margin:0;
padding:0 25px 0 0;
}

div#ownedfooter {

background:transparent url(http://images.speedstars.multiply.com/image/1/photos/68/1200x1200/3/Footer.png?et=98uL%2Buz4YIx4zmhpH%2BXACA&nmid=350429504) no-repeat;
border: none;
color: #FF0000;
font-size:10px;
margin:0 auto;
padding:10px 0;
width:800px;
height: 320px;
}

h1 {

color:#FFFFFF;
font-family:Arial;
font-size:24px;
font-weight:normal;
margin:0 0 4px;
}

h1#page_owner_title {

background:transparent none;
color:#666666;
font-family:Arial;
font-size:0;
font-weight:normal;
height:68px;
padding-left:12px;
margin-top:150px;
margin-left:100px;
}

div#subnavc {

background-color:black;
border: none;
padding:4px;
width:700px;
margin-top:20px;
margin-left:50px;
border-bottom:1px dotted #FFFFFF;
}

div#subnav {

background:transparent none;
border:none;
height:auto;
padding:1px 1px 1px 5px;
}

a.toptsel, a.toptsel:visited {

background:transparent none;
color:#FF0000;
display:block;
float:left;
font-size:14px;
font-weight:bold;
height:auto;
line-height:1.2em;
margin-left:5px;
margin-right:5px;
padding:2px;
text-align:center;
width:auto;
}

a.topt, a.topt:visited {

background:transparent none;
color:#FF0000;
display:block;
float:left;
font-size:14px;
height:auto;
line-height:1.2em;
margin-left:5px;
margin-right:5px;
padding:2px;
text-align:center;
width:auto;
}

td.icon {

display:none;
}

.itemboxsub {

color:#FFFFFF;
font-family:Arial;
font-size:24px;
font-weight:bolder;
}

.itemboxsub .cattitle {

font-size:18px;
font-family: Arial;
color: #FFFFFF;
font-weight:bolder;
}

.itemsubsub {

color:#FFFFFF;
font-size:10px;
font-weight:normal;
line-height:10px;
text-align:right;
font-family: Arial;
}

.itembox {

background:transparent;
border:none;
color:#CCCCCC;
margin:0;
overflow:auto;
padding:5px;
}

.itemshadow {

max-width:570px;
overflow:auto;
}

.album {

font-size:11px;
text-align:center;
color: #FFFFFF;
}

.videothumb {

font-size:11px;
text-align:center;
color: #FFFFFF;
}

legend {

color:#FFFFFF;
font-weight:bold;
}

.ritemactions {

text-align:right;
border-top:1px dotted #FFFFFF;
border-bottom:1px dotted #FFFFFF;
}

div.prevnextphoto {

background-color:transparent;
border-bottom:1px dotted #FFFFFF;
color:#FFFFFF;
font-family:Arial;
font-size:12px;
margin:0 -5px 10px;
padding:0 5px 5px;
}

div.prevnextphoto table td {

color:#FFFFFF;
font-size:12px;
font-weight:normal;
}

div.prevnextphoto a, div.prevnextphoto a:link, div.prevnextphoto a:visited {

color:#FFFF00;
font-size:12px;
font-weight:normal;
margin-left:5px;
margin-right:5px;
}

td.rail {

background:transparent;
margin:0;
padding:0;
}

.railstart {

background:none transparent;
height:0;
margin:0;
position:relative;
width:159px;
z-index:1000;
}

.railbody {

background:none transparent;
border:medium none;
color:#FFFFFF;
font-size:13px;
padding:15px;
position:relative;
width:129px;
z-index:1000;
}

.railbody div.userlogo {

margin:0 auto 8px;
position:relative;
}

.rail .userlogo {

border:1px solid #FFFFFF;
-moz-border-radius: 5px;
}

.userlogoside a, .userlogo a:visited {

color:#FF0000;
}

.railbody p, .railbody h4 {

text-align:center;
}

ul li {

list-style-image:none;
list-style-type:disc;
}

.railend {

background:none transparent;
height:0;
width:159px;
}

#itemreplyform {

background:none transparent;
margin-top:5px;
}

.userboxlogo {

padding-right:5px;
}

.userboxlogo img {

background: #FFFFFF;
width:50px;
padding:0;
border:1px solid #FFFFFF;
-moz-border-radius:3px;
}

.replybox textarea {

background: #000000;
border-top:1px solid #FF0000;
border-right:1px solid #FF0000;
border-bottom:4px solid #FF0000;
border-left:1px solid #FF0000;
-moz-border-radius:10px;
color: #FFFFFF;
}

.replybox {

background:#000000;
color:#FFFFFF;
margin:0 0 10px;
padding:5px;
border: 2px dotted #FF0000;
-moz-border-radius: 7px;
}

.replyboxread {

-moz-border-radius: 7px;
background:#000000;
color:#FF6600;
margin:0 0 10px;
padding:5px;
border: 2px dotted #000099;
}

.replyboxstamp {

color:#666666;
float:none;
font-size:12px;
font-weight:normal;
margin-bottom:5px;
padding:3px;
text-align:left;
}

.replybodytext {

background:#000000;
color:#FFFFFF;
padding:3px;
font-size:12px;
font-weight:normal;
-moz-border-radius:7px;
max-width:495px;
max-height:350px;
overflow:auto;
}

.quotet {

background:#000000;
color:#00FF00;
border: 1px dotted #FFFFFF;
-moz-border-radius:5px;
}

div#home_guestbook .quotet {

background:#000000;
color:#00FF00;
border: 1px dotted #FFFFFF;
-moz-border-radius:5px;
}

#itemreplyform {

opacity: 1.0;
}

.replybox:hover {

filter:Alpha(Opacity=70,FinishOpacity=0,Style=0);
-khtml-opacity: 0.70;
-moz-opacity: 0.70;
opacity: 0.70;
}

a:hover img {

filter:Alpha(Opacity=50,FinishOpacity=0,Style=0);
-khtml-opacity: 0.50;
-moz-opacity: 0.50;
opacity: 0.50;
}

div.replydeleted {

display: none;
}

div.stats .infobox {
background-color:#000000;
-moz-border-radius:15px;
}

div.stats div.infobox .boxbody {

border:1px solid #FF0000;
-moz-border-radius:15px;
}

div.stats div.userlogo {

background: #FFFFFF;
-moz-border-radius:5px;
border-color: #999999;
}

.itemboxalbum {

background:#000000;
border:none;
color:#CCCCCC;
margin:0;
overflow:auto;
padding:5px;
}
.tablediv1 th {
background:url(http://images.speedstars.multiply.com/image/1/photos/4/600x600/205/table-div-by-ss-peace196.png?et=1fc6mGruxx4SA6rI6C6e8Q&nmid=80599360);
height:33px;
font-family: arial;
font-size: 13px;
font-weight: bold;
color: #CCCCCC;
}

Head.png
  
Body.png
  
Footer.png
  
Starlight03_SS.jpg
  
screenshot_001.jpg
  
SCREEN-2.jpg
  

Read →

Blogroll

Last Komen

Like This Yo

Blog Stats

My Blog List

SEO Black Hat

Labels

Labels

Diberdayakan oleh Blogger.

Ads 468x60px

Popular Posts

Followers

Featured Posts

950 px

 

Exchange

Thanks For Visit. Please Use Browser Google Chrome For Best View