Cara Modifikasi Tampilan 'Arsip Blog'
Kunjungi
Home » » Cara Modifikasi Tampilan 'Arsip Blog'

Cara Modifikasi Tampilan 'Arsip Blog'

Cara Modifikasi Tampilan 'Arsip Blog'

Apakah anda pernah membayangkan jika memiliki banyak postingan di blog, apalagi jika anda memposting artikel rutin setiap hari dan sebulannya ada 50-70 artikel yang anda postingkan. 

Tentunya artikel yang sekian banyak ini dapat memakan tempat jika anda tidak mengatur atau mengarsipkannya. 

Dengan fitur archive blog maka postingan blog anda akan semakin baik dari tampilan dan tidak memakai tempat/posisi tampilan blog yang banyak. Dengan tampilan archive blog yang dimodifikasi blog akan semakin keren lebih elegan.
  • Lalu apa tips untuk memodifikasi tampilan arsip blog ini ?
  • Simak penjelasan modifikasi berikut;.
Cara Pertama;

1. Menuju ke tata letak blog anda, lalu tambahkan gadget/widget baru, lalu pilih archive blog.

2. Kemudian klik Simpan pada pojok bawah

Berikutnya ; pasang koding modifnya pada widget arsip lalu anda menuju ke edit HTML.

1. Kliklah template dan menuju customize

2. Selanjutnya anda dapat meng – klik menu advance dan tekan add CSS

3. Dan kemudian anda dapat meng copy paste kode arsip yang bisa anda dapatkan di Google, Seperti ;

/* Archive Year Header */
#ArchiveList ul > li > a.post-count-link {
font-size: 18px;
width: 100%;
margin: 0;
padding: 0 15px;
line-height: 38px;
background-color: #F5F5F5;
box-sizing: border-box;
letter-spacing: 1px;
}

/* Archive Month Header */
#ArchiveList ul ul li  a.post-count-link{
font-size: inherit;
width: auto;
margin: 0 5px 0;
padding: 8px 25px;
line-height: 1;
background: transparent;
text-transform: uppercase;
}

#ArchiveList .zippy{
visibility: hidden;
}

#ArchiveList ul li a.toggle {
position: absolute;
top: 0;
left: 0;
width: 100%;
display: block;
height: 38px;
z-index: 5;
}

#ArchiveList ul ul li a.toggle {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 24px;
display: block;
z-index: 0;
}

#ArchiveList .toggle {
position: relative;
}

#ArchiveList ul ul .zippy{
color: white;
visibility: visible;
text-shadow: none;
}

#ArchiveList ul ul .zippy:before {
content: '\f105';
font-family: FontAwesome;
position: absolute;
top: 3px;
left: 12px;
padding: 4px;
line-height: 1;
font-size: 12px;
color: #8C8C8C;
}

#ArchiveList ul ul .toggle-open:before {
content: '\f107';
position: absolute;
top: 3px;
left: 10px;
}

#ArchiveList ul li{
padding: 0 !important;
text-indent: 0 !important;
margin: 0 !important;
position: relative;
        background: none;}
#ArchiveList ul .post-count-link {
padding: 10px 0;
display: inline-block;
margin: 0 5px 0;
}

#ArchiveList ul ul .posts li {
margin: 0px 10px 10px 30px !important;
text-transform: none;
}

#ArchiveList ul {
margin: 0 0 2px !important;
}

span.post-count {
position: absolute;
right: 10px;
top: 10px;
color: #8C8C8C;
}

4. Kemudian anda dapat meng klik Apply to blog

5. Selesai anda dapat melihat tampilan arsip anda akan berubah menjadi lebih keren.

Cara 2.

Cara 2 ini cukuplah mudah bagi anda karena saya akan membagi tips dengan menggunakan tambah kode CSS saja. 

Jadi anda tidak perlu susah payah untuk mencari dan menambah kode div di kode widget blog anda.

Oke langsung saya bagikan tips ke dua ini. Simak dengan baik ya.

Membuat Scroll di Archive Blog menggunakan CSS

1. Loginlah ke blogger

2. Pasang dahulu widget Arsip pada Tata Letak blog anda, biasanya otomatis setelah membuat blog langsung ada pada tata letak blogger.

3. Apabila anda sudah pasang widget arsip pada blog, selanjutnya lewati saja langka no 2 diatas.

4. Selanjutnya setelah ada arsip blog, silahkan menuju ke edit HTML

5. Anda dapat mencari kode blog Archieve 1 dengan menggunakan tombol CTRL + F. 

Saya sarankan anda mencarinya dengan teliti saat mencari kodenya, karena kode tersebut penting dan harus ada. 

Karena itu merupakan ID widget yang akan anda edit menjadi CSS dan harus sama persis.

LALU Masukan kode CSS seperti diatas nomor 1, kode-kode tersebut otomatis bisa di presentasikan.
Cara yang ke dua ini mudah bukan bagi anda? Pastinya sudah berhasilkan dengan cara ke dua ini.

Di atas merupakan artikel tentang cara modifikasi arsip blog, saya menyajikan dua cara di sana. 

Anda dapat memilih salah satunya. Atau anda dapat mencoba ke dua cara di atas untuk anda praktekan untuk menata archive pada blog anda. 

Karena blog yang tampil rapi saat ini adalah kewajiban terutama untuk anda yang ingin mendaftar adsense. 

Maka dengan blog yang rapi pihak Google adsense akan mempertimbangkan blog anda layak atau tidak untuk di terima mereka. 

Jika blog anda rapi maka tentunya akan mudah di terima adsense karena blog anda memiliki point SEO friendly dan User Friendly. Semoga artikel ini memberi manfaat.

0 komentar:

Post a Comment