Blogger Platform में HTML और xml का use किया गया है. xml use करने की वजह से blogger blog wordpress जितना fast loading नहीं होता है. अगर Blogger blog में ज्यादा widgets नहीं use करते हो तो इससे आपका blog और भी fast loading होगा. आज हम आपको Blog के Homepage में only post title कैसे दिखाए. इसके बारे में बताने जा रहे हैं.

आपने बहुत से blog के homepage में देखा होगा की सिर्फ post की title show होता है. इससे blog की design बहुत simple हो जाती है जिससे blog fast loading होता है. Visitor भी इससे आसानी से समझ जाते हैं की blog post है. इस तरह का design ज्यादा तर आपने wordpress blog में देखा होगा But क्या आपको पता है की आप अपने blogspot blog में भी ऐसा डिज़ाइन कर सकते हो।

में भी पिछले कुछ दिनों से अपने blog के homepage में only post title ही show करा रहे हैं. इससे मुझे फायदा ये हुआ है की Blog की design बहुत simple हो गया है और loading भी बहुत fast होती है. इसीलिए मेने सोचा की Blogger blog वाले को भी इस trick की जानकारी देना चाहिए.

अगर आप Blogger user हो तो आपको अपने Blog की design के लिए अपने से coding customize करके ही अपने Blog को अच्छे से design करना होगा. WordPress में तो लाखों Plugin available है जिसकी मदद से blog को कोई भी आसानी से manage कर सकता है. अगर आप अपने Blog को responsive design करना चाहते हो तो आप इस trick को follow करके अपने blog के homepage में only post title show करवा सकते हो।

Blog के Homepage में सिर्फ Post title कैसे दिखाए.

अब में आपको निचे कुछ simple steps बता रहा हूँ. में उम्मीद करता हूँ की आप इन steps को follow कर पाएंगे. अगर आपको steps follow करने में कोई problem होगी तो comment करें।

Step 1: निचे दिया हुआ Code को copy करें.

<style type=’text/css’>

<b:if cond=’data:blog.pageType != “static_page”‘>
<b:if cond=’data:blog.pageType != “item”‘>
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.0em;
height:50px;
}

 
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:20px;
font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;
font-weight:normal;
line-height:1.4em;
color:#cc6600;

 
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;

 
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {color:#333333;}
.post-body {display:none;}

 
.post-footer {display:none;}
.comment-link {display:none;}
.post img {display:none;}
.post blockquote {display:none;}
.post blockquote p {display:none;}

 
h2.date-header {display:none;}
.post-labels {display:none;}
.post-rating {display:none;}

 
</b:if>
</b:if>
</style>
Step 2: अब Blogger में Login करें और Blog Dashboard में जाइये।
Template में click करे.
Edit HTML पर Click करें.
Step 3: अब CTRL+F बटन दबा कर </head> को search करें. search करने के बाद </head> के पहले copy किया हुआ code paste कर दीजिए.

 
अब template save कर दीजिए.
में आशा करता हूँ की आपको यह जानकारी अच्छी लगी होगी और अपने इसको अच्छे से समझ भी लिए होंगे. अगर आपके मन में इस post से related कोई प्रश्न है तो comment कीजिए. इस post को social media में share करना नहीं भूलें.
Share this
TwitterFacebookGoogle+Email