-->
العربي ويب العربي ويب
recent

آخر الأخبار

recent
recent
جاري التحميل ...

كيفية إخفاء مشاركة او رابط التحميل في مدونة بلوجر


السلام عليكم ورحمة الله تعالى وبركاته

أسعد الله أوقاتكم بكل خير أحبابي في الله وأهلا ومرحبا بكم مجددا على مدونتكم العربي ويب
سنتعرف اليوم عن كيفية إخفاء مشاركة أو رابط التحميل في مدونة بلوجر بطريقة بسيطة وإحترافية، هذه الإضافة تجبر زوار مدونتك على مشاركة المحتوى الخاص بك عبر مواقع التواصل مثل 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.

إذا كان لديك بعض المعرفة الترميز يمكنك تخصيصه أكثر من ذلك وفقا لإحتياجاتك. 


تم بحمد الله ...

 أي أسئلة أو إستفسار حول الموضوع لا تتردد في طرحها
باب التعليقات مفتوح للجميع

كاتب الموضوع

محمد العربي

0 تعليق على موضوع : كيفية إخفاء مشاركة او رابط التحميل في مدونة بلوجر

  • اضافة تعليق

  • الأبتساماتأخفاء الأبتسامات



    ஜ العربي ويب ஜ | ஜ شعارنا إثراء المحتوى العربي ஜ

    إضغط على | إنضم لموقعنا + متابعتنا عبر مواقع التواصل | وكن أول من يتوصل بجديدنا

    إذا أعجبك محتوى مدونتنا نتمنى البقاء على تواصل دائم ، فقط قم بإدخال بريدك الإلكتروني للإشتراك في بريد المدونة السريع ليصلك جديد المدونة أولاً بأول ، كما يمكنك إرسال رساله بالضغط على الزر المجاور ...

    إتصل بنا

    اخر تعليقات بلوجر

    تغريداتي علي التويتر

    زوار المدونة

    Statistics

    احصاءات المدونة

    جميع الحقوق محفوظة لـ

    العربي ويب

    2017

    –>