আসসালামু অলাইকুম বন্ধুরা , আজকে আমি আপনাদের জন্য ব্লগার - ব্লগস্পট এর জন্য দারুন দারুন একটি ওয়েডগেট নিয়ে এলাম । এখুন আগের মতো ব্লগার টিপস শেয়ার করতে না পারার জন্য দুঃখিত । যাই হোক আজকের এই ব্লগস্পট টিপস , ওয়েডগেট টি হল পপুলার পোস্ট ওয়েডগেট এটাতে কালারিং ইফেক্ট আছে তাই দেখতে ভীষণ সুন্দর নিচে থেকে ডেমো সঙ্গে সেটআপ টিপস দেখে নিন ।
পপুলার পোস্ট ব্লগস্পট ব্লগে কিভাবে সেটআপ করবেন !
- প্রথমে ব্লগার ব্লগ লগইন করুন ।
- ড্যাশবোর্ড থেকে Template এ ক্লিক করুন ।
- এবার Edit HTML এ ক্লিক করুন ।
- এবার CTRL+F প্রেস করে নিচের ট্যাগ খুজুন ।
]]></b:skin>
- উপরের ট্যাগ খুজে পেলে তার ঠিক উপরে নিচের CSS কোড গুলো বসান ।
.PopularPosts h2{
padding-right:.4em;
padding-left:1em
}
.popular-posts ul { padding-left: 0;
counter-reset: trackit;/*setting counter-reset*/
}
.popular-posts ul li {
border-bottom: 1px solid #ffffff;
list-style: none outside none !important;
margin-left: 0 !important;
overflow: hidden;
padding: 10px 0 !important;
transition: all 0.25s linear 0s;
counter-increment: trackit;/*setting counter-increment*/
}
.PopularPosts ul li:before{
content: counters(trackit, ".");
padding: 0 .1em 0 0;
font-size: 20px;
font-weight: bold;
color: #ffffff;
float:left;
margin-right:10px;
} /* creates counter before lists */
.PopularPosts li:first-child{
border-top:1px solid #000000
}
.PopularPosts li:nth-child(even)
{background:#0099ff
}/*define background color for even number lists*/
.PopularPosts li:nth-child(odd)
{background:#000000
}/* define background for odd number lists */
.PopularPosts .item-thumbnail {display: true!important}, .PopularPosts .item-snippet {
display: true!important}/* Hides Thumbnail and Snippet */
.PopularPosts a, .PopularPosts a:hover{
color:#ffffff;
font-size:.9rem
}
#PopularPosts1 li{
padding-right: 1em !important;
padding-left: 1em !important;
}
.widget.PopularPosts{padding:1.2em 0em !important}
- Save Template এ ক্লিক করে বেরিয়ে আসুন ।
এই ওয়েডগেট আপনার ব্লগে দেখানোর জন্য আপানাকে অবশ্যই ডিফল্ট Popular Post ওয়েডগেটটতযুক্ত করতে হবে , কিভাবে করবেন এই পোস্টে দেওয়া আছে → কিভাবে ডিফল্ট পপুলার পোস্ট ওয়েডগেট অ্যাড করবেন ।
ব্যাস হয়েগেল আশাকরি বুঝতে কোন সমস্যা হলনা । তাহলে পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন । কোথাও কোন রকম সমস্যা হলে আমাকে কমেন্ট করুন । আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভালো থাকবেন সুস্থ থাকবেন । আসসালামু অলাইকুম ।