آموزش تغییر دادن جعبه دنبال کنندگان ( followers ) در وبلاگ بیان

سرباز صفر: یکی از امکاناتی اخیرا به وبلاگ بیان اضافه شده که خیلی هم جذاب و حرفه ای هستش امکان دنبال کردن وبلاک توسط اعضای وبلاگ بیان می‌باشد که از این طریق می‌توانند از آخرین مطالب وبلاگی که دنبال می‌کنند آگاه شوند و نظر خودشون رو اعلام کنند. برای همین ارتباط خوبی بین وبلاک نویسانی که در سرویس blog.ir وبلاگ ساخته اند به وجود آمده است. در ادامه این مطلب با هم یاد میگیریم که چطوری این جعبه رو هر جوری که میخواهیم تبدیل کنیم. برای این‌کار به بلد بودن هیچ گونه برنامه نویسی و ... هم نیاز نیست. با ما همراه باشید.

شاید شما هم مثل من علاقه زیادی به انجام تغییر ظاهری در قالب وبلاگ خودتون دارید و می‌خواهید همه بخش های قالب رو خودتون با توجه به سلیقه خودتون طراحی کنید.

خب من قبلا در ایـــــــــــــــــن پست اعلام کرده بودم که اگر کمکی از دستم برمیاد برای تغییر دادن وبلاگتون باهام درمیون بزارید که با هم درستش کنیم که خوشبختانه استقبال خوبی هم شد. حالا تو این پست به صورت اختصاصی یاد می‌گیریم که چطوری این جعبه دوست داشتنی دنبال شوندگان رو تغییر بدیم. همونطور که گفتم به هیچ برنامه نویسی و کد نویسی و ... هم نیاز نداریم.

خب اگر موافق باشید شروع کنیم.

به نظرم از اینجا شروع کنیم که شما باید کد زیر رو در قسمت ویرایش CSS قالب فعلی خودتون کپی کنید. به نظرم بهترین جا برای کپی کردن آخر آخر CSS و قبل از بسته شدن آخرین کمانک ( } ) می‌باشد.

اینم کدی که باید کپی کنید :

 

---

.followBx {
    background: #f5f5f5;
    border-radius: 3px;
    padding: 10px 4px 4px;
    font-size: 16px;
}
#followInBx {
    margin: 0 auto;
}
.followersCount {
    float: left;
}
.followersTitle {
    padding: 0 4px;
    margin-bottom: 7px;
}
.follower {
    float: right;
}
.follower:hover img {
    transform: scale(1.3);
}
.followThis {
    display: block;
    padding: 5px 15px 5px;
    margin: 0px;
    background: #e00b1c;
    color: #fff !important;
    border-radius: 0px;
    text-align: center;
    border-bottom: 3px solid #b52d21;
}
.followThis:hover {
    border-radius: 6px; 

}
.followBx, .followThis {
    font-family: "B Nazanin", BNazanin, "A Nazanin", "Nazanin 0", IRNazanin, Nazanin, W_Nazanin, "Times New Roman", "Arial", serif;
}
.followThis:hover {
    color: #fff !important;;
}
.followThis.followed {
    background: #fea320;
}
#followInBx #followersLs .followImg {
    width: 34px;
    height: 34px;
    border-radius: 4px;
    margin:3px;
}
#followersLs {
    text-align: center;
    margin: 7px 0 13px;
    clear: both;
}
.hoverTip {
    position: absolute;
    z-index: 3000;
    background: #fafaff;
    border-radius: 5px;
}
.hoverTip .body {
    padding: 5px;
}
.followShow {
    width: 250px;
    background: #fff;
    border: 1px solid #bbb;
    box-shadow: 3px 3px 8px 0 #666;
    color: #333;
    direction: rtl;
    line-height: 18px;
    overflow: hidden;
}
.followShow.dark {
    color: #fff;
    background: #000;
    border-color: #555;
}
.followShow a, #followInBx a {
    text-decoration: none;
}
.followShow .site { color: #33a; }
.followShow .site:hover { color: #33F; }
.followShow.dark .site { color: #bbf; }
.followShow.dark .site:hover { color: #ddf; }
#followInBx.dark {color: #fff}
.followShow .folDetImg {
    width: 64px;
    height: 64px;
    float:right;
    margin: 5px 5px 10px 10px;
}
.followShow .body {
    position: relative;
    height: 74px;
}
.followShow * {
    box-sizing: content-box;
}
.followShow .followThis {
    width: 136px;
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-size: 14px;
    font-weight: bold;
}

---

خب تا اینجاش که خیلی راحت بود نه؟

از اینجا به بعدش راحت تره . فقط کافیه شما سوالتون رو تو نظرات بپرسید تا من بگم کجای این کد رو باید تغییر بدید تا به خواستتون برسید یا اصلا شایدم تغییر داده شدشو خدمتتون دادم و یا شاید من رو به عنوان نویسنده تو وبلاگتون اضافه کردید و اومدم خودم براتون درستش کردم.

راستی بهتون پیشنهاد میکنم حتما از ایــــــــــــــــن پست دیدن کنید.

به همین راحتی

امیدوارم از این آموزش خوشتون اومده باشه

راستی سرباز صفر رو اگر دوس داشتید دنبال کنید تا ما هم اگ شما رو دوس داشتیم دنبالتون کنیم. سرباز صفر با دوستاش رابطه نزدیکی برقرار میکنه

منتظر نظراتتون هستم و اگر هم از مطلب خوشتون اومد لایک یادتون نره

تا آموزشی دیگر خدا یار و نگهدارتون

با سلام و عرض ادب خدمت تمامی مخاطبان عزیز سرباز صفر
محمد مهدی باقری هستم. طلبه سطح مقدماتی مدرسه علمیه علوی حوزه علمیه قم و نویسنده مطلب فوق. امیدوارم از این مطلب خوشتون اومده باشه. لطفا ما رو برای بهتر شدن وبلاگ با نظرات خودتون راهنمایی کنید و اگر با موضع من در این مطلب موافق بودید مطلب رو لایک کنید.
التماس دعا

برای حمایت از ما این مطلب را به اشتراک بگذارید. برای تبادل لینک با ما کلیک کنید