कैसे दिखाएँ (WordPress) स्टाइल ब्लॉगर पोस्ट में दिनाँक कैलेंडर

मनोज जैसवाल :सभी पाठकों को मेरा प्यार भरा नमस्कार.आज फ्रैंडशिप-डे है. आप सभी को इस दिन पर ढेर सारी बधाई. पिछली पोस्ट को अत्यधिक पसंद करने के लिए आप सभी का दिल से धन्यबाद.आज इस पोस्ट में आपको जानकारी दे रहा हूँ कि कैसे दिखाएँ (WordPress) स्टाइल ब्लॉगर पोस्ट में दिनाँक कैलेंडर यह काफी अहम् है अपने ब्लॉगर पोस्ट के लिए एक कैलेंडर शैली तारीख आप अपनी सभी पोस्टों में इसे कैसे दिखाएँ,इसके लिए आप नीचे दिए आसान चरणों को अपनाए.इसका लाइव डेमो आप नीचे देख सकते हैं.

कैसे दिखाएँ (WordPress) स्टाइल ब्लॉगर पोस्ट में दिनाँक कैलेंडर

डेमो

अपने ब्लॉगर डैशबोर्ड में प्रवेश करें, सेटिंग्स > स्वरूपण तिथि हैडर स्वरूप  तारीख बदलने विकल्प पिछले महीने के अंत में है और वर्ष उदाहरण के लिए: 28 जुलाई 2012 - स्क्रीनशॉट 

यदि आप नए इंटरफ़ेस का उपयोग कर रहे हैं  सेटिंग्स - भाषा और स्वरूपण तिथि हैडर प्रारूप और दिनांक स्वरूप को बदलने के रूप में आप नीचे मेरे उदाहरण में देख सकते हैं:

 HTML संपादित करें >  विजेट टेम्पलेट्स का विस्तार करें 
अब इस कोड को खोजें  (CTRL + F)

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

यह कोड आपको दो जगह मिलेगा,इसे दोनों जगह नीचे दिए कोड से बदलें 

<div id='Date'>
<script>changeDate(&#39;<data:post.dateHeader/>&#39;);</script>
</div>
<b:else/>
<div id='Date'>
<script>changeDate(&#39;&#39;);</script>
</div>

अब इस कोड को खोजें  </head> (CTRL + F)
अब इस कोड को </head>के ठीक  ऊपर  चिपकाएँ 

<script type='text/javascript'>
//<![CDATA[
var DateCalendar;
function changeDate(d){
if (d == "") {
d = DateCalendar;
}
var da = d.split(' ');
day = "<strong class='date_day'>"+da[0]+"</strong>";
month = "<strong class='date_month'>"+da[1].slice(0,3)+"</strong>";
year = "<strong class='date_year'>"+da[2]+"</strong>";
document.write(month+day+year);
DateCalendar = d;
}
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* Calendar style date
----------------------------------------------- */
#Date {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXIp9ptgOoO1c7HttHmcX6UKUioVyfPJv2beViaZ0whyphenhyphencaxbsHxvotm88AB9aHPP-7t11-AHRM0HCptMM-pX24FGMIuCrXYWDkXyLWszcBfmduEsjjKaDeS5dSQCrzJpzN6cRrY-ex2EbS/s1600/calendar07.png) no-repeat;
display: block;
width:60px;
height:60px;
float: left;
margin: 15px 2px 0 -98px;
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; /* Month's color */
}
.date_day {
display: block;
font-size: 28px;
font-weight:bold;
margin-top:-8px;
text-align:center;
color:#282828; /* Day's color */
}
.date_year {
display: block;
font-size: 10px;
margin-top:-8px;
text-align:center;
color:#282828; /* Year's color */
}
</style>
</b:if>

अपनी टेम्पलेट को सहेजने से पहले आप निम्नलिखित परिवर्तन कर सकते है.

• कैलेंडर शैली बदलने के लिए,  नीले रंग में यूआरएल की जगह अपने किसी और स्टाइल का आइकन लगा सकते हैं.
• यदि कैलेंडर सही ढंग से प्रकट नहीं होता है, बदलने के -98  with 0; 
•  हरे रंग  से चिह्नित  आप दिनांकों के रंग बदल सकते हैं

अब अपने टेम्पलेट का पूर्वावलोकन करें और अगर सब कुछ ठीक है, सहेजें बटन पर क्लिक करें.

क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!