Cara Mengubah Huruf Kapital Semua yang Tampil di Blog menjadi Kecil



Konin'chiwa Mina-san ^3^
Hari ini aku post lagi ^^
Sekarang Aku mau membahas Cara Mengubah Huruf Kapital Semua yang Tampil di Blog menjadi Kecil
Maksudnya Adalah menghilangkan huruf Kapital yang tidak ada huruf Kecilnya.. Contohnya bisa di lihat di Blog ini bagian judul pada Page Post Berhuruf Kapital semua....
Nah, Langsung saja simak cara berikut ini.... >> :v

~ Pilih Dashboard > Template > Edit HTML
~ Cari Kode :

h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
    text-transform: uppercase;
    color: #7B8996;

~ Hapus "uppercase" dan ganti dengan "none" (Huruf Kecil semua)

* Setelah Selesai di ganti, Cari bagian-bagian lain ber Kalimat "uppercase" lalu ganti dengan "none" agar Menjadi huruf kecil semua *

Berikut Beberapa Contoh Kode-kode yang ber kalimat "uppercase"

.main-nav li a {
    font-family: "Oswald";
    font-size: 16px;
    font-weight: 400;
    background: none repeat scroll 0% 0% #35444E;
    color: #FFF;
    display: block;
    margin: 0px;
    padding: 20px 25px;
    text-transform: uppercase;
    line-height: 100%;
{

NB: Contoh di atas Adalah Kode untuk Menu Navigasi


h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {
    color: #E63A87;
    z-index: 0;
    text-transform: uppercase;

NB: Contoh di atas adalah Kode untuk Tampilan Post di Home Blog


h2#blog-desc {
    text-align: left;
    font-weight: bold;
    font-size: 15pt;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
}

NB: Contoh di atas Kode untuk Deskripsi Blog


#search input[type="text"] {
    color: #222;
    max-width: 288px;
    padding: 10px;
    border: 1px solid #313131;
    height: 15px;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 15px;
    border-radius: 2px;
    font: bold 13px "lucida sans","trebuchet MS","Tahoma";
    background: none repeat scroll 0% 0% #EEE;
    float: left;
    box-shadow: 0px 0px 4px #DDD inset, 0px 0px 4px #BBB;
}

NB: Contoh di atas untuk tampilan Huruf/Kata-kata dalam Seach Box (Seach....)


.author1 {
    float: left;
    padding-right: 10px;
    color: #FFF;
    padding-left: 16px;
    text-transform: uppercase;
    font-size: 7pt;
    height: 35px;
    line-height: 35px;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4RsGYlTU-ZMHcucBWRyxkDqJlzAgZ8Iqt1Qgw-RisEgTXQKHfQbCjkB-E_Z6j4b_RShYxROmevCbWFDCbmKfr6hOlWIBnF28ANefTeS-2HpbYpCmGEDqNEy5CC5oT5dHGvaSpTwX3fqY/s1600/user_female.png') no-repeat scroll left center transparent;
    margin-left: 10px;

NB: Contoh di atas adalah Kode untuk nama Author/Admin Blog yang di tampilkan di Home Blog Misalnya: Di Post kan oleh Evu-nyan BABYMETAL


.fleft {
    text-align: center;
    margin: 30px auto auto;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #FFF;
    font-weight: normal;
    font-size: 8pt;
    text-transform: uppercase;
    background: none repeat scroll 0% 0% #7AABE9;
    border-radius: 3px;
    border-top: 4px double #FFF;
}


NB: Contoh di atas adalah Kode untuk ATRIBUSI atau Hak Cipta


.menu-secondary li a {
    color: #323232;
    padding: 12px 15px 9px;
    text-decoration: none;
    font: 12px Arial,Helvetica,Sans-serif;
    text-transform: uppercase;

NB: Contoh di atas adalah Kode untuk Menu Blog


.sidebar h2 {
    text-align: center;
    color: #FFF;
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzqzNZFsEpl_y3ZKhGfdIWvKhyphenhyphenPPejq1ac9be9VY8kTWL0F2EZDzGI2tCOQli2e0E_Tt_8dRT51xqng4lxl_M59BG9HTGTkEtBVLPudYErHss82vxXZ2D4GPhEvSs9kQ0zkhZqX0XOI4wp/s1600/widget-title-bg.png') repeat-x scroll left top transparent;
    font-size: 16px;
    line-height: 16px;
    font-family: Arial,Helvetica,Sans-serif;
    font-weight: bold;
    margin: 0px 0px 5px;
    padding: 9px 0px 9px 10px;
    text-transform: uppercase;
}


NB: Contoh di atas adalah Kode untuk Widged/Gadged pada Sidebar Kiri

Yap, Mungkin hanya segitu dulu :D
Terimakasih sudah Membaca artikel ini dan Berkunjung ^^
Enjoy Blogging~!!! ^^

0 komentar:

Posting Komentar