Cara Membuat Blogger Posts Memiliki Kalender Untuk Tanggal Di

Ini cukup umum untuk melihat gaya tanggal kalender di samping beberapa posting WordPress tetapi untuk platform Blogger itu tidak selalu merupakan tugas yang sangat mudah untuk menambahkan ini. Tapi siapa bilang Anda tidak bisa melakukannya? Anda perlu melihat tidak lebih dari blog ini. Dalam tutorial ini, kita akan belajar cara membuat tanggal gaya kalender untuk posting Blogger Anda. 

DEMO

Cara membuat kalender di tanggal gaya Blogger 

. Langkah 1 Buka Pengaturan> Bahasa dan Formatting - Tanggal Format Header dan mengubah format tanggal seperti yang Anda lihat dalam contoh saya di bawah ini (menempatkan hari pertama, maka bulan dan akhirnya tahun) 
 

Langkah 2. Lalu pergi ke Template> Edit HTML 

Langkah 3. Pilih "Expand Template Widget" kotak centang 

. Langkah 4 dan pencarian (CTRL + F) baris berikut: 

 <h2 class='date-header'> <span> <data:post.dateHeader/> </ span> </ h2>

. Langkah 5 Jika Anda menemukan dua kali, maka anda harus menggantinya dua kali dengan kode ini: 

 <div id='Date'>
<script> CHANGEDATE ('<data:post.dateHeader/>'); </ script>
</ Div>
<b:else/>
<div id='Date'>
<script> CHANGEDATE (''); </ script>
</ Div>

Langkah 6. Sekarang cari tag ini (CTRL + F untuk menemukannya) 

 </ Head>

Langkah 7 Dan paste kode dari bawah hanya ATAS </ head> tag.: 

 <script type='text/javascript'>
/ / <! [CDATA [
var DateCalendar;
fungsi CHANGEDATE (d) {
if (d == "") {
d = DateCalendar;
}
var da = d.split ('');
hari = "<strong class='date_day'>" + da [0] + "</ strong>";
. bulan = "<strong class='date_month'>" + da [1] slice (0,3) + "</ strong>";
tahun = "<strong class='date_year'>" + da [2] + "</ strong>";
document.write (bulan + hari + tahun);
DateCalendar = d;
}
/ /]]>
</ Script>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
/ * Tanggal gaya Calendar
----------------------------------------------- * /
# Tanggal {
background: url transparan (http://1.bp.blogspot.com/-NVj6tUKJgLo/UBShW2dCLSI/AAAAAAAACZk/3TkTa8Hzqt0/s1600/calendar07.png) no-repeat;
display: block;
width: 60px;
height: 60px;
float: left;
margin: 15px 2px 0 -108 px;
padding: 0 0 8px 0px;
border: 0;
text-transform: uppercase;
}
. Date_month {
display: block;
font-size: 15px;
font-weight: bold;
margin-top:-1px;
text-align: center;
color: # ffffff; / * Bulan warna * /
}
. Date_day {
display: block;
font-size: 28px;
font-weight: bold;
margin-top: 8px-;
text-align: center;
color: # 282828; / * Hari warna * /
}
. Date_year {
display: block;
font-size: 10px;
margin-top: 8px-;
text-align: center;
color: # 282828; / * Tahun warna * /
}
</ Style>
</ B: if>

Sebelum menyimpan Template Anda, kita dapat membuat beberapa perubahan: 

• Untuk mengubah gaya kalender, ganti url warna biru dengan Anda;
• Jika kalender tidak muncul dengan benar, mengubah -108 dengan 0;
• Dengan hijau menandai daerah di mana Anda dapat mengubah warna dari tanggal

Langkah 8. Sekarang Preview Template Anda dan jika semuanya ok, klik tombol Save. Nikmati!