blog එකේ downloads වලට download counter එකක් දාමු
යාලුවනේ අද මම කියල දෙන්න යන්නේ ගොඩක් වැදගත් දෙයක් . විශේෂයෙන් විවිදාකාර downloads දෙන බ්ලොග් අඩවි පවත්වාගෙන යන අයට මේක ගොඩක් වැදගත් වේවි.. අද මම කියල දෙන්න යන්නේ .. ඔබේ blog එකෙන් යම් කිසි download කිරීමක් ලබාදෙනවනන් ඒවාට download counter එකක් යොදන ආකාරය .- මුලින්ම මේ ලින්කුවෙන් ගිහින් Firebase Account එකක් හදන්න .
https://www.firebase.com/signup/ - ඔබ ලියාපදිංචි වූ අවසන data base එකක් creat කරන්න
මේක තමයි ඔබගේ firebase URL එක දැන් අපි download counter එක blog එකට add කරගමු.
ඒ සඳහා මුලින් ..
- Blogger > Template
- වැඩි හොඳට templet එකේ backup එකක් අරගෙන ඉන්න .
- Edit Html යන්න ක්ලික් කරන්න .
- ctrl + F ඔබා </b:skin> සොයාගන්න .(පහත චායරුපය මත ක්ලික් කර නරඹන්න.)
 |
| click here to view larg preview |
5.දැන් ඊට ඉහලින් පහත සඳහන් code එක past කරන්න ..
/*----- download counter-----*/
.smloading {
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1UJjL-wGcziJJYGW68PqxCDAE5bFyopApPcn2HaU9wEwAm0tYCfRtXVH2HzlJh7BVbsUVj2ILA2Z5UoqF1vvBd2W67k38HtU2AnHbWy8qyKzvQnGcBcfDIgcJqjAc0_ZcuMUOaiQfjup-/s48/loading_sm.gif')
no-repeat left center;
width: 48px;
height: 48px;
}
.blog-stats {
color: #289728;
font: bold 30px georgia, arial;
float: center;
}
6.ඊට පස්සේ ආයෙම ctrl + f ඔබලා </body> හොයාගන්න. ඊට පස්සේ එකට උඩින් පහත code එක ඊට යටින් දීලා තියෙන වෙනස්කම් කරලා past කරන්න ..
<!-- Download Counter starts-->
<script type="text/javascript">
window.setTimeout(function() {
document.body.className = document.body.className.replace('loading', '');
}, 10);
</script>
<script src="https://cdn.firebase.com/v0/firebase.js" type="text/javascript">
<script>
$.each($('[data-download-count=true]'), function (i, e) {
var elem = $(e).parent().find('#download-count').addClass('smloading');
var id = $(e).closest('.post-body').siblings('a[name]').attr('name') + "-" + $(e).attr('id');
var downloadStats = new Firebase("https://sudusmd.firebaseio.com/downloads/id/" + id);
var data = {}, isnew = false;
downloadStats.once('value', function (snapshot) {
data = snapshot.val();
if (data == null) {
data = {};
data.value = 0;
data.url = window.location.href;
data.id = id;
isnew = true;
}
elem.removeClass('smloading').text(data.value);
});
$(e).click(function (e) {
data.value++;
if (isnew) downloadStats.set(data);
else downloadStats.child('value').set(data.value);
});
});
//<![CDATA[
$(document).ready(function () {
//checks if the number of posts on this page are more than one then return.
if($('.post-outer').length > 1)
return;
//selects the element to be made sticky.
var stickElement = $('.date-header'),
//selects the element which would trigger the sticky elem to go away
hideTrigger = $('#comments'),
//class name to be added (it should match the class in CSS)
fixed = "fixed",
top = stickElement.offset().top;
$(window).scroll(function (event) {
var y = $(this).scrollTop();
var maxY = hideTrigger.offset().top;
if (y >= top && y < maxY) {
stickElement.addClass(fixed);
} else {
stickElement.removeClass(fixed);
}
});
});
//]]>
</script>
<!-- Download Counter Ends-->
ඉහත කේතයේ රතුපාටින් සඳහන් වෙලා තියෙන sudusmd යන්න වෙනුවට ඔබ කලින් හදාගත් firebase account එකේ නාමය යොදන්න.
ඊලඟට අපිට තව පුංචි වැඩක් කරන්න තියනවා.. ටික් ගාලා ආයෙම ctrl +f ඔබලා <head> යන්න හොයාගෙන ඊට පහලින් පහත සඳහන් කේතය ඇතුල් කරන්න ..
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script>
දැන් ඉතින් save templet දීලා ඔබගේ templet එක save කරන්න .. දැන් ඉතින් download counter එක add කරගෙන ඉවරයි .. ! (ඔවු ඔවු.. තව පොඩ්ඩක් තියනවා ඒ ටිකත් කියල දෙන්නම්කො...
දැන් ඉතින් මේකයි කරන්න තියෙන්නේ .. ඔයාට download කරන්න ලබාදෙන්න ඕනි ලින්කුව තියනවනේ අන්න ඒ ලින්කුව මම පහත දීලා තියෙන code එකේ ඊට යටින් සඳහන් කරලා තියෙන විදියට ඇතුල් කරන්න.
<div style="width:120px;">
<a data-download-count="true" href="#">Download Now!</a>
<div class="blog-stats" id="download-count">
</div>
</div>
වැඩි දෙයක් නැහැ රතු පාටින් # ලකුණ තියෙන තැනට download කරන්න ඕනි ලින්කුව දෙන්න download now! කියන තැනට කැමති වචනයක් දෙන්න නැතිනම් img src යන කේතය පාවිච්චි කරලා එතනට image එකක් දෙන්නත් පුළුවනි..
එහෙනං තවත් පොස්ටුවකින් හම්බුවෙමු එතකන් ජයෙන් ජය.....!
blog එකේ downloads වලට download counter එකක් දාමු
Reviewed by සුදු මහත්තයා
on
10:14 PM
Rating:
Reviewed by සුදු මහත්තයා
on
10:14 PM
Rating:
elas
ReplyDeleteඑල ඈ
Deleteතැන්කූ වේවා.
ReplyDeleteජය වේවා...
Deleteඑල එල !! නියමයි !!
ReplyDelete** Free Download ලෝකය - http://www.AllSevenNet.blogspot.com **
Tampleat aka save karanna da eroor ekak enawa
ReplyDeleteපට්ට ඈ
ReplyDeleteela post ekakne
ReplyDeletehttp://hotldv.blogspot.com/