Cara Membuat Gambar Header Rata Tengah

Dalam postingan sebelumnya kita pernah sharing mengenai Cara Membuat Judul Header Rata Tengah. Untuk kali ini saya akan coba berbagi mengenai Cara Membuat Gambar Header Rata Tengah. Hal ini juga untuk menanggapi komentar yang menanyakan bagaimana kalau Gambar, Judul dan Deskripsi juga rata tengah.

Berikut langkah-langkah yang bisa Anda coba :

• Pertama Login Blogger
• Pilih Desain/Template
• Pilih Ubah Sesuaikan> Tingkat lanjut
• Pilih  Tambahkan CSS

Apabila langkah-langkah diatas sudah dilakukan, langkah selanjutnya adalah tinggal tulis kode dibawah ini, perhatikan kode dibawah ini :

Lyrics/Lirik lagu Every end of the Day By IU + Translate English (VIDEO)

Monday, better day
Cheo-eumcheoreom seolle-ineun geureon nal
Sunday, better day
Jon-gil neoman saenggakhaneun geureon nal

Yokshimi na uri sa-i yomankeumman deo kakka-i
Ttag han balchak, keumankeum deo kakka-i
Honjanmari soksagimi
Neodo kunggeumhal sun it-janha

Ni-ga chowaseo keurae
Na cha-ga-un cheok pyojeong jitko it-jiman
Nae ma-eumeun geuge aninde keojinmarinde
Pabo gateun ni-ga nan tapdabhae

Neomu chowaseo keurae
Na shimurukhan eol-kurha-go it-jiman
Tto kidarida komin-man hada
Heu-lleo-ganeun haru kkeu-teseo haneun mal
Nae-ga neol sarang-hae

One day, ho-riday
Honja itkin neomuneomu shirheun nal
One day, cloudy day

Cara Membuat Menu Tab View di Blog

Menu Tab View biasa digunakan oleh para blogger yang ingin mempercantik dan menghemat space pada halaman webnya. Berikut ini merupakan salah satu tutorial sederhana yang juga banyak di share oleh para blogger di blog mereka.

Contoh Gambar Menu Tab View pada sebuah Blog

Tutorial Membuat Menu Tab View :

1. Login ke blogger kemudian pilih menu "Layout --> Edit HTML"

2. Cari kode berikut ( Tekan CTRL+F untuk mempermudah pencarian) ]]></b:skin>

3. Kemudian masukkan kode berikut ini sebelum kode ]]></b:skin> atau ke dalam tag CSS.

Spoiler:

div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
text-decoration: none;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;

***Text berwarna merah merupakan keterangan untuk melakukan editing menu tab view sesuai keinginan Anda.