اگر شما هم دوست دارید وقتی روی دکمه پسندیدن یا نپسندیدن در قالب وبلاگتون کلیک می شه ، تصویری نمایش داده بشه این آموزش برای شما مفید خواهد بود . برای مثال قالب فعلی نقل بلاگ به همین صورت هست و بعد از کلیک روی یکی از گزینه های پسندیدن یا نپسندیدن تصویر یک تیکِ سبزرنگ کنار اون نمایش داده می شه که به شما نشون می ده کدوم گزینه رو انتخاب کردید .
احتمالا کدِ این ابزار در قالبِ فعلی شما موجود هست پس شما باید اون رو پاک کنید و کدی که در ادامه در اختیارتون قرار می گیره رو بجاش قرار بدید اگر مکان ابزار نظرسنجیِ شما توی یه قسمتِ خاصی از قالب هست پیشنهاد می کنم کدِ جدید رو دقیقا به جای اون قرار ندید و یک جایی مثلا بعد از متنِ مطلب قرارش بدید چون کدِ جدید به فضای بیشتری نیاز داره و ممکنه جای قبلی براش مناسب نباشه
پس اول می ریم سراغ پاک کردن کدهای قبلی هر قالب عموما دو تا کد نظرسنجی داره یکی برای خلاصه مطلب و یکی هم برای شرح مطلب البته بعضی قالب های شخصی شاید در هیچ کدومشون فعال نباشه و یا طوری باشه که این ابزار فقط در یکی از قسمت هایی که گفته شد قرار گرفته باشه ، بهرحال باید مطمئن شد که کدی از قبل وجود نداشته باشه !
سیستم کدنویسیِ ابزار نظرسنجی طوری هست که بین تگ باز و بسته ی post_rating قرار می گیره یعنی :
<box:post_rating>
کدهای مربوط به نظرسنجی
</box:post_rating>
پیشنهاد بنده برای محل قراردادن کد جدید ، بعد از این کدها هست که کد اول مربوط به متن خلاصه مطلب هست و کد دوم هم مربوط به متن شرح مطلب :
(*post_summary*)
(*post_full_content*)

برای درک بیشتر از مراحل آموزش ، پیشنهاد می کنم کلیپ پایین رو تماشا کنید بعد از کلیپ هم کدهای لازم در دسترس شما عزیزان هست که می تونید استفاده کنید :
لینک آموزش در صورت پخش نشدن :
کد اچ تی ام ال :
<box:post_rating>
<span class="rate-box (*user_rated*)">
<span class="rate-button-box rate-up (*user_rated_up*)">
<a class="rate-button" nolink="(*rate_up_link*)" rel="nofollow" title="رای مثبت"> (*up_rates*) </a>
</span>
<span class="rate-button-box rate-down (*user_rated_down*)">
<a class="rate-button" nolink="(*rate_down_link*)" rel="nofollow" title="رای منفی"> (*down_rates*) </a>
</span>
</span>
</box:post_rating>
کد سی اس اس :
.rate-box {
display: block;
text-align: left;
}

.rate-button-box {
font-size: 13px;
padding: 0 20px;
}

.rate-up a:after {
content: "پسندیدم";
color: #4B4B4B;
}

.rate-up.rated a, .rate-down.rated a {
background: url(http://bayanbox.ir/view/390913878236021869/tick-rate.png) no-repeat right;
background-size: 16px;
padding-right: 20px;
}

.rate-down a:after {
content: "نپسندیدم";
color: #4B4B4B;
}


مشخصات

تبلیغات

محل تبلیغات شما
محل تبلیغات شما محل تبلیغات شما

آخرین وبلاگ ها

برترین جستجو ها

آخرین جستجو ها

real estate iran Bill سامانه دانلود-موزیک,فیلم و سریال,بازی مشهدیم این پیج شخصی است Cucunguk فروشگاه اینترنتی charmsara سبک زندگی