Saturday

Blogger me gallary style recent post widget kaise lagaye

Blogger me gallary style recent post widget kaise lagaye- Blogger blog ko well designed banane ke liye aap bahut kuch karte hai, so aaj apko usme recent post ka stylish widget lagana batane wala hu jisse apka blog thoda aur special ho jaye. Recent post se apke visitor ko apki dusri posts ka pata lagane me kafi help milegi.
grid-style-recent-post-widget-for-blogger

Recent post widget lagane se apke blog ka design aur bhi better ho jata hai sath hi apke visitor ko apki dusri letest posts ka pata chalta hai jisse wo unhe read karte hai eska ek bahut bada fayeda apke blog ke seo ko hota hai kyunki post read karte huye visitor apke blog per jyada time spend karta hai aur ess wajah se apke blog ka bounce rate kam ho jata hai jo apke blog ke seo ke liye kafi good news hai.


So apke apne blog per recent post ka ek section jaror banana chahiye yaha main apko ek letest grid layout ka gallary type widget provide kara raha hu. Eska aap apne blog me kahi bhi eska use kar sakte hai. Simply jyadatar blogs me post ke niche usi post se related post ka section dekha hoga, aap chahe to aap bhi post ke niche hi laga sakte hai ya kisi static page me eska use karke apne sabhi blog posts ki gallary bhi bana sakte hai ye apki merji hai aap swadanusar kahi bhi eska use kijiye.


Blogger me gallary style recent post widget kaise lagaye

Blog me recent post widget lagane ke liye aap ye instructions follow kijiye-

STEP 1. 


Pahle apne blog ke dashboard me THEMES me jayiye aur EDIT HTML per click kijiye aur  ye code </head> ke uper paste kar dijiye.

<script type='text/javascript' src='https://rawgit.com/byetnets/infinte/master/recent-grid-posts.js'></script>
<style>
/* CSS Recent Post Gallery */
.recent-gallery {padding:0;clear:both;}
.recent-gallery:after {content:"";display:table;clear:both;}
.recent-gallery .gallerytem{display:inline-block;position:relative;margin:6px 0;overflow:hidden;}
.recent-gallery .gallerytem a{position:relative;float:left;margin:0 6px;text-decoration:none}
.recent-gallery .gallerytem .ptitle{background:rgba(0,0,0,.7);display:block;clear:left;font-size:10px;line-height:1.3em;position:absolute;text-align:left;bottom:3px;left:3px;right:3px;top:3px;color:#fff;padding:5px;word-wrap:break-word;overflow:hidden;visibility:hidden;opacity:0;backface-visibility:hidden;transition:all .2s}
.recent-gallery .gallerytem:hover .ptitle{visibility:visible;opacity:1}
.recent-gallery a img{background:#fdfdfd;float:left;padding:2px;border:1px solid #e3e3e3;transition:all .3s}
.recent-gallery a:hover img {border-color:#bbb;}
</style>

STEP 2.

Ad ye dusra code waha paste kijiye jaha per aap recent post show karana chahte hai.

TYPE 1-

<script>
var anubyet_thumbs = 72;
var anubyet_title = true;
</script>
<script src="/feeds/posts/summary?max-results=9&amp;alt=json-in-script&amp;callback=anubyetgrid"></script>


var anubyet_thumb = 72; // ye thumbanil ka size hai aap jitna bada ya chata karna chahe kijiye.
var anubyet_title = true; // agar aap title show karana chahte hai to true nahi to false lijiye.
eske bad save kar dijiye.

TYPE 2-


<script src="/feeds/posts/summary/-/Tricks?max-results=9&amp;alt=json-in-script&amp;callback=anubyetgrid"></script>

Agar aap kisi ek hi lable ki posts show karana chahte hai to Tricks ki jagah apne lable ko type kijiye.

Fir template ko save kar dijiye.

I hope apko Blogger me gallary style recent post widget kaise lagaye post pasand ayi hogi aur apke liye helpful rahegi. Agar aap chahe to ese share karke hume support kar sakte hai. Aur hamari new blogger theme Shadow byet Grid ko download karna na bhule.

Must Read:- 


0 Comment: