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


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



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



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



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



ندخل للموقع التالي من هنا  ثم نقوم بملأ النموذج  ثم نضغط على 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>




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


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



إرسال تعليق Blogger

عزيزى الزائر بمجرد الضغط على اعلامى اسفل نموذج الرد فسيتم اعلامك باخر ردود المشاركة

تذكر قول الله تعالى (( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ ))

 
Top