J-LMA

yo, kali saya akan posting cara menambah judul/tulisan di atas postingan, mungkin beberapa templete tak ada yang menggunakan ini, tapi templete yang saya gunakan menggunakan ini.



1. Buka blog kalian
2. klik template
3. tambahkan css di bawah ini dan taruh diatas kode ]]></b:skin>

h7.megared {
font-size: 16px !important;
padding: 5px;
color: rgb(255, 0, 0);
border-radius: 5px;
font-family: 'Baumans', cursive;
background: #000;
width: 780px;
margin: 3px 3px 10px 8px;
border: 1px solid rgb(255, 0, 0);
float: left;
position: relative;
text-align: center;
letter-spacing: 2px;
}

4. tambahkan html dibawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<h7 class='megared'>Postingan J-LMA || http://megaredrcn.blogspot.com ||</h7>
</b:if></b:if>

dan taruh taruh di atas <b:section class='main' id='main' showaddelement='no'>

5. lalu simpan

Untuk warna kuning ganti ukuran lebar sesuai keinginan kalian
Untuk warna biru ganti warna sesuai keinginan kalian
Untuk warna Hijau ganti left atau right
Untuk warna biru laut ganti tulisan tersebut sesuai keinginan kalian 

bila ada masalah atau pertanyaan,silakan tanyakan,dan berikan komentar'a,terima kasih,selamat mencoba^^

Yoooo, pengemar Naruto!!, Gua share Boruto Blogger template, langsung saja lah!

Ditemplate ini,saya berikan sentuhan css3 animation dan warna radial pada menubar'a.untuk mengganti lin dan URL'a,pertama sobat buka blogger =>rancangan => edit HTML,lalu cari kode HTML seperti dibawah ini

<li class='icon-feed'><a href='http://anotherv2-template-blogger.blogspot.com/feeds/posts/default'>Feed</a></li>
<li class='icon-facebook'><a href='http://facebook.com/username'>Facebook</a></li>
<li class='icon-twitter'><a href='http://twitter.com/username'>Twitter</a></li>
<li class='icon-youtube'><a href='http://www.youtube.com/user/username'>Youtube</a></li>
<li class='icon-instagram'><a href='http://instagram.com/username'>instagram</a></li>

<ul id='nav'>
<li class='current-cat'><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#/' title='about'>about</a></li>
<li><a href='#' title='about'>CSS</a></li>
<li><a href='#' title='about'>HTML</a></li>
<li><a href='#' title='about'>Blogger templates</a></li>
</ul>

Ganti Tanda # atau link warna hijau, kamu tinggal ganti saja nama link dan url'a yang kamu inginkan..~

Slesai deh,kalau sudah simpan template~xD
bila ada masalah atau pertanyaan,silakan tanyakan,dan berikan komentar'a,terima kasih,selamat mencoba^^

Yo, sob kali ini gua ngeshare tentang cara mengganti background gambar pada header blogger.

1. buka situs blogger Anda lalu klik kanan pada gambar header blog >> klik Inspect Element (Q)
3. Tambahkan background-size: 100%; di dlam kurung kurawal

Catatan: biasanya gambar header harus sesuai ukuran panjang dan lebar header, tapi aku hanya menggunakan background-size: 100%;. jadi ukuran berapapun gambar akan sesuai panjang dan lebar, jadi tidak harus sama dengan header. min-gambar harus width: 800px; agar tidak pecah2/ kotak2/ ngeblur.

4. buka blog Anda >> Templete >> Edit Templete

width: 960px;
margin: auto;
height: 480px;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5t1QyvqlLrwmN8CbLtFDIatMpRJvwPm9IS7g6JeKpL6KP_VVFrzYSwSURgYJ9FTygSnd7P8sZBtENIZrdSrvb_wuayolu1tEAAYPsKuWEt9bXMcAAKEsqOiiWXfTSHbtbgwxHXR0xVMeG/s1600/Untitledh-2.png") no-repeat top center;
overflow: hidden;
background-size: 100%;
border: 2px solid #f0f;

5. tambahkan Copy css tersebut lalu cari sesuai nama header itu lalu ganti

contoh : #headerwinda
catatan: setiap header namanya berbeda-beda jadi anda cari sesndiri namanya dengan menggunakan Ctrl+F

6. Simpan

warna kuning ganti sesuai ukuran yang Anda inginkan
warna Hijau ganti sesuai link gambar yang Anda inginkan
warna biru ganti sesuai warna yang Anda inginkan

selamat mencoba

Yo, sob kali ini gua ngeshare tentang cara menambahkan background gambar pada header blogger.
mungkin beberapa templete susah ada gambarnya, tapi kebanyakan templete lama tak ada gambarnya

1. buka situs blogger Anda lalu klik kanan pada header blog >> klik Inspect Element (Q)
2. pilih HTML yang akan di kasih gambar >> klik Add New Rule
3. Tambahkan css di bawah ini ke dalam kurung kurawal #header

contoh:
#header {

}
menjadi

#header {
width: 998px;
position: relative;
margin: 0px;
height: 406px;
background: #000 url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7iG0svNV9pfDGykgaRV0mE8Q6JD8UoRGPtPWK8v3Go3eIUF9PySrlSCzg1qj_BoP7mbZdMUopU3D8X9RFaOfzHfT9aNLSRXwLi6rTQjodDhiNTT59POMZFzOSvOJzhqZDuc7PqMqbQsIA/s400/flow0.jpeg") no-repeat scroll center center / 100% auto;
border: 1px solid #FFF;
}

4. buka blog Anda >> Templete >> Edit Templete
5. tambahkan css tersebut di atas
6. Simpan

warna kuning ganti sesuai ukuran yang Anda inginkan
warna Hijau ganti sesuai link gambar yang Anda inginkan
warna biru ganti sesuai warna yang Anda inginkan

selamat mencoba

<b:loop values='data:labels' var='label'>

<span class='label-size'>

<b:if cond='data:blog.url == data:label.url'>

<a expr:dir='data:blog.languageDirection'><data:label.name/></a>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:if>

<b:if cond='data:showFreqNumbers'>

<span class='label-count' dir='ltr'>(<data:label.count/>)</span>

</b:if>

</span>

</b:loop>

<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>

<b:if cond='data:blog.url == data:label.url'> 

<a expr:dir='data:blog.languageDirection'><data:label.name/></a>

<b:else/>

<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>

</b:if>

<b:if cond='data:showFreqNumbers'>

 <span class='label-count' dir='ltr'>(<data:label.count/>)</span>

</b:if>

</span>

.label-size-1, .label-size-2, .label-size-3, .label-size-4, .label-size-5 {font-size: 100%;filter: alpha(100);opacity: 10;}

.label-size a, .label-size span {display: inline-block;color: #ffffff !important;padding: 6px 8px;font-weight: bold;}

.label-size:hover {background: #333333;}

.label-size {background: #666; display: block; margin: 0 3px 3px 0; color: #ffffff;font-size: 11px;text-transform: uppercase;}

.label-count {float: right;white-space: nowrap; padding-right: 3px; margin-left: -3px; background: #333333;color: #fff !important;width: 25px;text-align: center;}

10. Lalu simpan