બ્લોગર પર ઓટોમેટીક અનુક્રમ બનાવો
તમે બ્લોગર પર કામ કરતા હો તો પોસ્ટનું લીસ્ટ બને, અનુક્રમ બને તેવું ઇચ્છતા હો તો આ લેખ તમારા કામનો છે. હા આપનો પ્રતિભાવ આપશો જેથી વધુ વિગત માટે ખ્યાલ આવે.
બ્લોગ પર જે પોસ્ટ કરશો તે લેબલ પ્રમાણે ગોઠવાય જાય, અને સરસ અનુક્રમ બની જાય તો કેવું સારું? તો આવો...
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style></div>
</div>
આ કોડમાં રેડ કલરમાં URL તમારું બદલશો અને બ્લોગનું નામ પણ બદલશો.
તમે બ્લોગર પર કામ કરતા હો તો પોસ્ટનું લીસ્ટ બને, અનુક્રમ બને તેવું ઇચ્છતા હો તો આ લેખ તમારા કામનો છે. હા આપનો પ્રતિભાવ આપશો જેથી વધુ વિગત માટે ખ્યાલ આવે.
બ્લોગ પર જે પોસ્ટ કરશો તે લેબલ પ્રમાણે ગોઠવાય જાય, અને સરસ અનુક્રમ બની જાય તો કેવું સારું? તો આવો...
અનુક્રમ કેવી રીતે બનાવશો ?
સૌ પ્રથમ તમારા બ્લોગર ડેશબોર્ડ પર જાઓ.
એક પેઈજ ક્રિએટ કરો. પેઈજનું નામ Site Map રાખો.
નીચે આપેલ કોડ કોપી કરી....પેઈજ પર HTME પર ક્લિક કરી પેસ્ટ કરો.
અને પેઈજ પ્રકાશિત કરો....
<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/sitemap.js" type="text/javascript"></script>
<script src="http://www.mksolanki.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<br />
<div style="display: none;">
<a href="http://www.mksolanki.blogspot.com/">mksolanki.blogspot</a></div>
<style type="text/css">
.post-archive { width: 100%; padding: 20px 0; text-transform: capitalize; }<br />
<div dir="ltr" style="text-align: left;" trbidi="on">
<script src="https://dl.dropboxusercontent.com/u/76401970/All%20Blogger%20Tricks/sitemap.js" type="text/javascript"></script>
<script src="http://www.mksolanki.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<br />
<div style="display: none;">
<a href="http://www.mksolanki.blogspot.com/">mksolanki.blogspot</a></div>
<style type="text/css">
.post-archive h4 { border-bottom: 2px solid #EEEEEE; color: #333333; font-size: 20px; margin: 0 0 10px 2px; padding: 0 0 10px; }
.ct-columns-3 { -moz-column-count: 3; -moz-column-gap: 10px; -moz-column-rule: none; -webkit-column-count: 3; -webkit-column-gap: 10px; -webkit-column-rule: none; column-count: 3; column-gap: 10px; column-rule: none;}
.ct-columns-3 p { padding: 5px 0px; -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; -o-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 100%; }
.ct-columns-3 p a { background: #fafafa; color: #333; display: block; border: 1px solid #FFFFFF; font-size: 14px; line-height: normal; outline: 1px solid #EEEEEE; padding: 10px 15px; -webkit-transition:all .25s ease-in-out; -moz-transition:all .25s ease-in-out; -o-transition:all .25s ease-in-out; transition:all .25s ease-in-out; }
.ct-columns-3 p a:hover { background: #555; color: #fff; }
@media screen and (max-width: 768px){ .ct-columns-3 { -moz-column-count: 1; -moz-column-gap: 0px; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0px; -webkit-column-rule: none; column-count: 1; column-gap: 0px; column-rule: none; } }
</style></div>
</div>
આ કોડમાં રેડ કલરમાં URL તમારું બદલશો અને બ્લોગનું નામ પણ બદલશો.
