كيفية إخفاء الروابط في بلوجر بحيث لا تظهر إلا بعد الضغط على زر مشاركة

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

جميعنا يعلم أن للشبكات الإجتماعية فضل كبير في نشر المواقع و إشهارها وذلك عبر نشر المواضيع بواسطة أزرار المواقع الإجتماعية مثل تويتر و فيسبوك و جوجل بلس.

و اليوم سوف أقدم لكم إضافة رائعة للبلوجر بحيث تقوم بإخفاء أي رابط في الموضوع و لا يظهر إلا بعد الضغط على زر مشاركة بالفيسبوك أو تويتر 

هناك طريقيتين :

الطريقة الأولى :

ندخل للموقع التالي من هنا  ثم نقوم بملأ النموذج  ثم نضغط على Generate كما هو موضح في الصورة التالية 

كيفية إخفاء الروابط في بلوجر بحيث لا تظهر إلا بعد الضغط على زر مشاركة

بعد أن يظهر الكود نضغط على Copy To Clipoard 

كيفية إخفاء الروابط في بلوجر بحيث لا تظهر إلا بعد الضغط على زر مشاركة

ونقوم بوضعه في نموذج المشاركة في بلوجر بعد بالضغط على HTML كما هو موضح في الصورة 

كيفية إخفاء الروابط في بلوجر بحيث لا تظهر إلا بعد الضغط على زر مشاركة

الطريقة الثانية:

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

• إذا كان المحتوى المراد إخفاءه صورة

إنسخ الكود التالى كاملا

<style tyle="text/css">
   .secret{
    display:none;
   }
  </style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

/* 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();
 }
});

</script>
<div align="center"> <p>شارك الموضوع لظهور المحتوى المخفى</p>

<fb:like send="false" width="95" show_faces="true" layout="box_count" font="verdana"></fb:like>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="betka19842" data-count="vertical"></a>
<g:plusone size="tall" callback="plusOned"></g:plusone>

<div class="secret"><img src="http://4.bp.blogspot.com/-t_lsgqlM52Q/T67P8nO5CpI/AAAAAAAABV8/-zVVTfYVmVo/s320/46710.jpg"/><br/><span style="font-size: xx-small;"> <a href="http://www.el-mustakbel.com/">Blogger widgets by www.el-mustakbel.com</a></span></span><br /></div>

إستبدل رابط الصورة الملون باللون الأصفر بالكود برابط الصورة المراد إخفاؤها

إذا كان المحتوى المخفى رابط

 إنسخ الكود التالى كاملا

<style tyle="text/css">
   .secret{
    display:none;
   }
  </style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

/* 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();
 }
});

</script>
<div align="center"> <p>شارك الموضوع لظهور المحتوى المخفى</p>

<fb:like send="false" width="95" show_faces="true" layout="box_count" font="verdana"></fb:like>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="betka19842" data-count="vertical"></a>
<g:plusone size="tall" callback="plusOned"></g:plusone>

<div class="secret"><br/><a href="http://www.el-mustakbel.com/">Blogger widgets by condaianllkhir.com</a><br/><br/><br/><span style="font-size: xx-small;"> <a href="http://www.el-mustakbel.com/">Blogger widgets by www.el-mustakbel.com</a></span></span><br /></div>

إستبدل الرابط الملون بالأصفر بالرابط المراد الذي تريد إخفاؤه .

• إذا كان المحتوى المراد إخفاءه جزء من الموضوع "نص"

 إنسخ الكود التالى كاملا

<style tyle="text/css">
   .secret{
    display:none;
   }
  </style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">

/* 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();
 }
});

</script>
<div align="center"> <p>شارك الموضوع لظهور المحتوى المخفى</p>

<fb:like send="false" width="95" show_faces="true" layout="box_count" font="verdana"></fb:like>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="betka19842" data-count="vertical"></a>
<g:plusone size="tall" callback="plusOned"></g:plusone>

<div class="secret"><br/><p>أضف هنا النص المراد إخفاؤه</p><br/><br/><br/><span style="font-size: xx-small;"> <a href="http://www.el-mustakbel.com/">Blogger widgets by www.el-mustakbel.com</a></span></span><br /></div>

إستبدل الجزء الملون بالأصفر فى الكود بالنص الذى تريد إخفاؤه.

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