कैसे दिखाएँ (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(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 -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; 
  •  हरे रंग  से चिह्नित  आप दिनांकों के रंग बदल सकते हैं
अब अपने टेम्पलेट का पूर्वावलोकन करें और अगर सब कुछ ठीक है, सहेजें बटन पर क्लिक करें.




View Image in New Window क्या आपको यह लेख पसंद आया? अगर हां, तो ...इस ब्लॉग के प्रशंसक बनिए !!
इस पोस्ट का शार्ट यूआरएल चाहिए: यहाँ क्लिक करें। Sending request...
Comment With:
OR
The Choice is Yours!

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

  1. बेहतरीन बिजेट मनोज जी मेने इसे लगा लिया..

    sports

    ReplyDelete
  2. धन्यवाद पंडित जी.आनद लें.

    ReplyDelete
  3. उपयोगी जानकारी

    ReplyDelete
  4. बेहतरीन बिजेट Thanks

    ReplyDelete
  5. बहुत अच्छी जानकारी है ,शेयर करने का बहुत शुक्रिया.

    ReplyDelete
  6. आदरणीय भाई आमिर जी,आदरणीय श्री विनय प्रजापति जी सहित सभी ब्लॉगर साथिओं को पोस्ट पर कमेन्ट के लिए दिल से हार्दिक आभार.

    ReplyDelete
  7. शानदार विजेट थैंक्स मनोज जी

    ReplyDelete

Widget by:Manojjaiswal
Related Posts Plugin for WordPress, Blogger...
Online Marketing
Praca poznań w Zarabiaj.pl
 

Blog Directories

क्लिक >>

About The Author

Manoj jaiswal

Man

Behind

This Blog

Manoj jaiswal

is a 56 years old Blogger.He loves to write about Blogging Tips, Designing & Blogger Tutorials,Templates and SEO.

Read More.

ब्लॉगर द्वारा संचालित|Template Style by manojjaiswalpbt | Design by Manoj jaiswal | तकनीक © . All Rights Reserved |