السلام عليكم ورحمة الله تعالى وبركاته أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب سنتعرف اليوم عن...
السلام عليكم ورحمة الله تعالى وبركاته
أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب
سنتعرف اليوم عن كيفية إخفاء مشاركة أو رابط التحميل في مدونة بلوجر بطريقة بسيطة وإحترافية، هذه الإضافة تجبر زوار مدونتك على مشاركة المحتوى الخاص بك عبر مواقع التواصل مثل facebook و twitter أو في + Google للوصول إلى المحتوى الكامل أو للحصول على رابط تحميل ملف معين.
الخطوة رقم 1 :
تنبيه : قبل أي تعديل على القالب يرجى تحميل أو أخذ نسخة إحتياطية للقالب الخاص بك لتفادي الأخطاء فيما بعد.
لمن لا يعرف طريقة أخد نسخة إحتياطية للقالب الخاص به من هنا
لإخفاء مشاركة أو رابط التحميل في موقع بلوجر الخاص بك، يرجى إتباع الخطوات التالية بشكل صحيح
تابع معي ...
تابع معي ...
أولا - توجه الى لوحة تحكم مدونتك من هنا
2 - قالب (المظهر) >> تحرير HTML >>.
3 - تأكد من أن النموذج يحتوي على إصدار محدث من ملف jquery.min.js .
4 - إذا كان النموذج الخاص بك لا يحتوي على هذا الملف إبحث عن الوسم <head> وأضف فوقه مباشرة الكود التالي:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
5 - الآن إبحث عن الوسم التالي
</body>
6 - وأضف فوقه مباشرة الكود التالي:
<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>
اضغط على زر " حفظ المظهر ".
الخطوة رقم 2:
أولا - توجه الى لوحة تحكم مدونتك من هنا
2 - المشاركات >> مشاركة جديدة >>.
3 - تحويل صندوق الرسائل من وضع تأليف الى وضع HTML
4 - والصق الكود التالي :
<div class="secret">
<a class="download-btn" href="#">Download</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>
5 - إستبدل # برابط التحميل.
الآن لن يظهر رابط التحميل إلا عندما يشارك المستخدمون المحتوى التابع لك عبر facebook أو Google+ أو twitter.
إذا كان لديك بعض المعرفة الترميز يمكنك تخصيصه أكثر من ذلك وفقا لإحتياجاتك.
تم بحمد الله ...
أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع
ليست هناك تعليقات