কাস্টম কালারিং পপুলার পোস্ট ওয়েডগেট ব্লগস্পট ব্লগের জন্য !!

আসসালামু অলাইকুম বন্ধুরা , আজকে আমি আপনাদের জন্য ব্লগার - ব্লগস্পট এর জন্য দারুন দারুন একটি ওয়েডগেট নিয়ে এলাম । এখুন আগের মতো ব্লগার টিপস শেয়ার করতে না পারার জন্য দুঃখিত । যাই হোক আজকের এই ব্লগস্পট টিপস , ওয়েডগেট টি হল পপুলার পোস্ট ওয়েডগেট এটাতে কালারিং  ইফেক্ট আছে তাই দেখতে ভীষণ সুন্দর নিচে থেকে ডেমো সঙ্গে সেটআপ টিপস দেখে নিন ।

কাস্টম কালারিং পপুলার পোস্ট ডেমো

পপুলার পোস্ট ব্লগস্পট ব্লগে কিভাবে সেটআপ করবেন !

• প্রথমে ব্লগার ব্লগ লগইন করুন ।

• ড্যাশবোর্ড থেকে 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 ওয়েডগেটটতযুক্ত করতে হবে , কিভাবে করবেন এই পোস্টে দেওয়া আছে → কিভাবে ডিফল্ট পপুলার পোস্ট ওয়েডগেট অ্যাড করবেন । 

ব্যাস হয়েগেল আশাকরি বুঝতে কোন সমস্যা হলনা । তাহলে পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন । কোথাও কোন রকম সমস্যা হলে আমাকে কমেন্ট করুন । আজকের মতো এই পর্যন্ত আবারও দেখা হবে নতুন কিছু নিয়ে ভালো থাকবেন সুস্থ থাকবেন । আসসালামু অলাইকুম ।

Share on Facebook Share on Twitter Share on Google Plus

About Unknown