مرجع بلاگ اسکای

معرفی کد ها و امکانات جدید برای وبلاگ نویسان بلاگ اسکای - قالب های حرفه ای بلاگ اسکای

مرجع بلاگ اسکای

معرفی کد ها و امکانات جدید برای وبلاگ نویسان بلاگ اسکای - قالب های حرفه ای بلاگ اسکای

لایک مطالب در بلاگ اسکای

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

خوب ، شروع کار :

1- در ابتدا تگ <header /> رو بین تگ های <head> و </head> قرار بدید.

2- سپس بلاک مربوط به لایک مطالب همراه با اسکریپت لایک که کدش رو در زیر مشاهده می کنید بین دو بلاک <post><many></many></post> و درجایی که میخواهید نمایش داده شود قرار بدید.

<like>
	<script>
		blogsky.ajax.onPostLikeBegin = function(e) {
			var postLikeCountElement = document.getElementById("post-like-count-" + e.id);
			var postLikeCount = parseInt(postLikeCountElement.innerHTML);
			postLikeCountElement.innerHTML = postLikeCount + 1;
		}

blogsky.ajax.onPostLikeFailure = function(e) {
			var postLikeCountElement = document.getElementById("post-like-count-" + e.id);
			postLikeCountElement.innerHTML = parseInt(postLikeCountElement.innerHTML) - 1;
			var postLikeErrorMessage = document.getElementById("post-like-error-message-" + e.id);
			postLikeErrorMessage.innerHTML = e.error;
			setTimeout(function () { postLikeErrorMessage.innerHTML = ""; }, 5000);
		}
	</script>
   <div class="like">
       <span onclick="PostLike(this, @id)" data-like-count="@count" data-status="available" style="cursor: pointer;">
       <img style="vertical-align: middle;" src="http://www.blogsky.com/images/template/blue/like.gif">
       (<span style="" id="post-like-count-@id">@count</span> لایک)</span>
        <span id="post-like-message-@id" class="message"></span>
   </div>
</like>

3- در ادامه برای اینکه یه شکل منظمی به این عنصر بدید میتونید از کد css برای استایل دهی استفاده کنید.


.like { margin: 5px 10px; }
.like .message { color: Red; }

نکته :

- تیک گزینه "علاقه‌مندی (لایک)" رو از قسمت "تنظیمات" -> "یادداشت ها" فعال کنید.

- دکمه لایک فقط در ادامه مطلب نمایش داده خواهد شد.

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

منبع : همیار بلاگ اسکای

دکمه لایک برای بلاگ اسکای کد لایک مطالب لایک برای بلاگ اسکای بلاگ اسکای کد یک کد دکمه پسندیدم برای وبلاگ

محمد حسین دوشنبه 21 مرداد 1392 ساعت 04:12

نظرات 5 + ارسال نظر

همیار بلاگ اسکای چهارشنبه 23 مرداد 1392 ساعت 20:35 http://blogchi.ir

سلام آقا محمد حسین،
حالتون خوبه؟
بله ، من شما رو می شناسم. (البته منظورم سایتتون هست).
مطالبتون رو همیشه دنبال میکنم. خیلی خوب و پرمایه هستن.

درباره سفارش قالب، شما خودتون که استادید.دیگه چرا سفارش؟ آموزش ها که هست می تونید استفاده کنید. قالب هاتون رو با این آموزش ها بروز رسانی کنید.
موفق باشید
همیار بلاگ اسکای

سلامی دوباره

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

دوما این آموزش هایی که میگید کجاست ؟

تا الان همینایی که شما گذاشتید و فعال کردم اما موارد زیادی هنوز مونده ، مثل :

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

اگه جایی آموزشی داره لطفا معرفی کنید

همیار بلاگ اسکای چهارشنبه 23 مرداد 1392 ساعت 21:44 http://blogchi.ir

بله، درست می فرمائید.
بنده هم نگفتم که همه آموزش ها رو قرار دادم.در حال حاضر هم مشغول تهیه آموزش برای استفاده از هر قابلیت جدید بلاگ اسکای هستم که به امید خدا آماده شد، در سایت قرار خواهم داد.
اما چند نکته :
1- نشون دادن موضوع هر مطلب، در نسخه جدید دیگه ساپورت نمیشه.
2- قالبی جداگانه برای صفحات جداگانه : این مورد هم بنا به دلایل طراحان و دست اندر کاران بلاگ اسکای دیگه استفاده نمیشه و صفحات جداگانه در قالب کلی سایت نمایش داده میشه.
3- جایی آموزش نداره، همیار بلاگ اسکای اولین مرجع آموزش تخصصی امکانات جدید بلاگ اسکای هست.

موفق باشید
همیار بلاگ اسکای

این مواردی که ساپورت نمیشن واقعا خیلی بد شده که توضیحش و دادم

موفق باشید

محمد یکشنبه 3 شهریور 1392 ساعت 08:28

دمت گرم داداش !!
کد خوبی بود .

قربونت

ساعت بند چرم الیزابت یکشنبه 20 بهمن 1392 ساعت 03:54 http://avashshop.ir/products/view/518/

سلام عزیزم تو قالبای دیگه بجز قالبای خود بلاگ اسکای حتما باید ازاین تگ بین <head></head>استفاده بشه

<header />

<script>
blogsky.ajax.onPollVoteSuccess = function(e) {
document.getElementById("poll-vote-" + e.id).innerHTML = e.data;
}

blogsky.ajax.onPollVoteFailure = function(e)
{
var pollVoteErrorMessage = document.getElementById("poll-vote-error-message-" + e.id);
pollVoteErrorMessage.innerHTML = e.error;
pollVoteErrorMessage.style.display = "block";
setTimeout(function () { pollVoteErrorMessage.style.display = "none"; }, 5000);
}

blogsky.ajax.onPollResultSuccess = function(e) {
document.getElementById("poll-vote-" + e.id).style.display = "none";
document.getElementById("poll-result-" + e.id).innerHTML = e.data;
}

blogsky.ajax.onPollResultFailure = function(e) {
var pollVoteErrorMessage = document.getElementById("poll-vote-error-message-" + e.id);
pollVoteErrorMessage.innerHTML = e.error;
pollVoteErrorMessage.style.display = "block";
setTimeout(function () { pollVoteErrorMessage.style.display = "none"; }, 5000);
}
</script>

سمانه دوشنبه 28 اردیبهشت 1394 ساعت 17:48 http://soltan-india.loxblog.com

سلام خاهش میکنم جواب بدیدتوی وبم.من ازکدلایک این وب خوشم اومده ولیبلدنیستم کدشوازقالبش دربیارم خودشونم افن.میشه شماعین همین کدوبهم بدید؟همین کدتووبم بیاین لطفاشماکه اینکارین.بی اعتنانباشیدکه ازتون بدم میاد
opso.ir

از این سایت کدش و بگیرین
http://rating-widget.com
درضمن بدتون بیاد به ...مم

برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)

نام

ایمیل

آدرس وبسایت