سرباز صفر، وبلاگ شخصی محمدمهدی باقری

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

سرباز صفر: یکی از امکاناتی اخیرا به وبلاگ بیان اضافه شده که خیلی هم جذاب و حرفه ای هستش امکان دنبال کردن وبلاک توسط اعضای وبلاگ بیان می‌باشد که از این طریق می‌توانند از آخرین مطالب وبلاگی که دنبال می‌کنند آگاه شوند و نظر خودشون رو اعلام کنند. برای همین ارتباط خوبی بین وبلاک نویسانی که در سرویس 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;
}


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

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

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

به همین راحتی

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

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

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

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

سرباز صفر

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

نظرات  (۹)

۱۳ اسفند ۹۵ ، ۲۲:۵۵ 𝓂𝑜𝒽𝓈𝑒𝓃 𝒻𝒶𝓇𝒶𝒿 シ
عالی هست داداش ایول دمت گرم همین الان این مطلب رو داشتم از بیان می پرسیدم !!!
واقعا تو ساخت قالب وبلاگ هنر دارید :) موفق باشید و در پناه حق...
پاسخ سرباز صفر :
تشکر برادر
درست نشد؟
پاسخ سرباز صفر :
سلام برادر
شرمنده اصلا وقت نکردم
این display:none;
رو گذاشتم بلوکش بهم خورد خراب شد
میخوام فقط چنین چیزی باشه: http://upload7.ir/V4y
یه دکمه بدون بلوک و بدون نوشته اضافی بیرونش
با فونت یکان و فونت 12
اگه کدش رو بذاری خیلی بهتره، خودم میذارم خراب میشه
ف حوصله امتحان کردن ندارم
ممنون بابت کمکت
پاسخ سرباز صفر :
سلام برادر
:)
حتما کمکت میکنم
فقط اگر میشه یکم بهم وقت بده
و اگر هم دوس داشتی دنبالم کن
:)
التماس دعا
خب؟
فونت رو چجوری تعیین کنم؟
پاسخ سرباز صفر :
خب باید font-family:"b yekan"; و font-size:12px; رو به همون قسمت .follow this اضافه کنید
:)
تموم شد
خوشحال میشم دنبالم کنید
:)
ممنون بابت جواب
میشه فقط دکمه باشه؟با فونت یکان و اندازه فونت مثلا 12
بدون عکس و تعداد دنبال کنندگان و بلوک و...
پاسخ سرباز صفر :
خواهش میکنم
:)
آره معلومه که میشه
مگه میشه شما چیزی بخوای نشه
:)
برای همه قسمت های کد که نوشتم عبارت display:none; رو اضافه کنید به جز قسمت .follow this
خب تا اینجاش فقط دکمه میمونه درسته؟
من میخوام کلا نباشه، فقط دکمه و تعداد دنبال کننده ها باشه
چییکار کنم؟
پاسخ سرباز صفر :
:)
سلام داداش
display:none; رو به قسمت .follower اضافه کن
:)
خوشحال میشم نظرت رو راجع به بقیه مطالب هم بدونم
:)
التماس دعا
۰۴ تیر ۹۵ ، ۱۳:۵۴ علی رحمانی پور
ممنون منتظر خبرتونم
پاسخ سرباز صفر :
امیدوارم بتونم یاد بگیرم و بهتون کمک کنم
۰۴ تیر ۹۵ ، ۱۳:۴۷ توحید عالی نژاد
عالی++
پاسخ سرباز صفر :
فدایی داری
۰۴ تیر ۹۵ ، ۱۲:۴۰ علی رحمانی پور
خسته نباشی چه آموزش کاملی
من میخوام جوری باشه که تو صفحه وبلاگم دنبال کنندگان رو که میزنم لیست همه دنبال کنندگانم نمایش داده بشه
تو پنل که نشون داده میشه توی سایت میخوام نشون داده بشه
یا حداقل تعداد بیشتری از دنبال کنندگان نمایش داده بشه
پاسخ سرباز صفر :
سلام برادر
دارم روش کار میکنم
ایشالله درست شد خبرت میکنم

لطفا به این مطلب امتیاز داده و نظر خود را بیان کنید.

موافقین ۴ مخالفین ۱
ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
موافقین ۴ مخالفین ۱
تمام حقوق مادی و معنوی این سایت متعلق به سرباز صفر است و استفاده از مطالب با ذکر منبع بلامانع است