كيف تجعل زوار مدونتك يسجلون اعجابهم اولا لكى يروا رابط التحميل
توجد 3 ملفات
الاول يجب وضعه داخل وسم <head>
والثانى يجب وضعه داخل وسم <body>
والثالث فى صفحة البوست الجديد
نأتى للملف الاول
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
ملحوظة هامة تأكد الاول انه لايجد هذا الملف بداخل قالب مدونتك حتى تتجنب التكرار منعا للمشاكل
الملف الثانى نضعة بداخل <body>او قبل غلق الوسم
<script type='text/javascript'>//<![CDATA[/* Facebook */(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_US/all.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));window.fbAsyncInit = function() { // init the FB JS SDK FB.init({ status : true, xfbml : true }); FB.Event.subscribe('edge.create', function(href, widget) { $.event.trigger({ type: "pageShared", url: href }); });};/* Twitter */ window.twttr = (function (d,s,id) { var t, js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js=d.createElement(s); js.id=id; js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); return window.twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } });}(document, "script", "twitter-wjs"));twttr.ready(function (twttr) { twttr.events.bind('tweet', function (event) { $.event.trigger({ type: "pageShared", url: event.target.baseURI }); });});/* Google Plus */(function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();function plusOned(obj){ console.log(obj); $.event.trigger({ type: "pageShared", url: obj.href });}/* Listen for the pageShared event */$(document).on('pageShared',function(e){ if(e.url == window.location.href){ $(".secret").show(); $(".secret-share").hide(); }});//]]></script><style>.secret { text-align:center; display:none} .secret-share { padding: 20px; text-align: center; border: 3px solid #ddd; background: #f8f8f8;}a.download-btn { text-transform: uppercase; font-size: 22px; background: #7b7b7b; padding: 10px 20px; display: inline-block; border: 1px solid #000000; text-decoration: none; color: #fff;}.secret-share .fb-like { margin-top: 0; top: -7px; position: relative;}.secret-share .twitter-share-button { margin-right: 25px;}</style>
نأتى للملف الثالث وهو ملف البوست الجديد
يجب وضعه فى صفحة HTML
فى صفحة البوست الجديد
تأكد انك قمت بوضع رابط التحميل لديك فى المكان المحدد
<div class="secret"><a class="download-btn" href="ضع هنا رابط التحميل">اضـغـط لـلـتـحـمـيـل</a></div><div class="secret-share"><p>عـفـوا ، سـجـل اعـجـابـك بـصـفـحـتـنـا عـلى فـيـس بـوك أو تـويـتـر أو جـوجـل بـلـس لـيـظـهـر رابـط الـتـحـمـيـل</p><span class="fb-like" data-layout="button_count" data-send="false" data-show-faces="false" data-width="90" expr:data-href="data:post.url" style="margin-right: 25px;"></span><a class="twitter-share-button" data-count="horizontal" data-related="" data-via="mybloggerlab" expr:data-text="data:post.title" expr:data-url="data:post.url" href="http://twitter.com/share">Tweet</a><span class="g-plusone" data-callback="plusOned" data-count="true" data-size="medium" expr:data-href="data:post.url"></span></div>
ليست هناك تعليقات:
إرسال تعليق
ملحوظة: يمكن لأعضاء المدونة فقط إرسال تعليق.