rachido17
2014-12-06, 00:06
السلام عليكم و رحمة الله و بركاته.
جميعنا يعلم أن للشبكات الإجتماعية فضل كبير في نشر المواقع و إشهارها وذلك عبر نشر المواضيع بواسطة أزرار المواقع الإجتماعية مثل تويتر و فيسبوك و جوجل بلس.
و اليوم سوف أقدم لكم إضافة رائعة للبلوجر بحيث تقوم بإخفاء أي رابط في الموضوع (http://www.el-mustakbel.com/2014/11/share-to-unlock-link-url-widget-for-blogger-blogspot.html) و لا يظهر إلا بعد الضغط على زر مشاركة بالفيسبوك أو تويتر
هناك طريقيتين :
الطريقة الأولى :
ندخل للموقع التالي من هنا (http://www.makingdifferent.com/widget-generators/share-to-unlock-link-url-widget-for-blogger-blogspot/) ثم نقوم بملأ النموذج ثم نضغط على Generate كما هو موضح في الصورة التالية
http://2.bp.blogspot.com/-ihMInj-YC8k/VHpIcTGlbNI/AAAAAAAACDg/sAzzxm6YTJc/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%2B%D8%A5%D8%AE%D9%8 1%D8%A7%D8%A1%2B%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8% A8%D8%B7%2B%D9%81%D9%8A%2B%D8%A8%D9%84%D9%88%D8%AC %D8%B1%2B%D8%A8%D8%AD%D9%8A%D8%AB%2B%D9%84%D8%A7%2 B%D8%AA%D8%B8%D9%87%D8%B1%2B%D8%A5%D9%84%D8%A7%2B% D8%A8%D8%B9%D8%AF%2B%D8%A7%D9%84%D8%B6%D8%BA%D8%B7 %2B%D8%B9%D9%84%D9%89%2B%D8%B2%D8%B1%2B%D9%85%D8%B 4%D8%A7%D8%B1%D9%83%D8%A91.PNG
بعد أن يظهر الكود نضغط على Copy To Clipoard
http://4.bp.blogspot.com/-wolyfYRFKOw/VHpIcjdLMoI/AAAAAAAACDo/n64vZT_Spd8/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%2B%D8%A5%D8%AE%D9%8 1%D8%A7%D8%A1%2B%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8% A8%D8%B7%2B%D9%81%D9%8A%2B%D8%A8%D9%84%D9%88%D8%AC %D8%B1%2B%D8%A8%D8%AD%D9%8A%D8%AB%2B%D9%84%D8%A7%2 B%D8%AA%D8%B8%D9%87%D8%B1%2B%D8%A5%D9%84%D8%A7%2B% D8%A8%D8%B9%D8%AF%2B%D8%A7%D9%84%D8%B6%D8%BA%D8%B7 %2B%D8%B9%D9%84%D9%89%2B%D8%B2%D8%B1%2B%D9%85%D8%B 4%D8%A7%D8%B1%D9%83%D8%A92.PNG (https://images-blogger-opensocial.googleuser*******.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-wolyfYRFKOw%2FVHpIcjdLMoI%2FAAAAAAAACDo%2Fn64vZT_S pd8%2Fs1600%2F%25D9%2583%25D9%258A%25D9%2581%25D9% 258A%25D8%25A9%252B%25D8%25A5%25D8%25AE%25D9%2581% 25D8%25A7%25D8%25A1%252B%25D8%25A7%25D9%2584%25D8% 25B1%25D9%2588%25D8%25A7%25D8%25A8%25D8%25B7%252B% 25D9%2581%25D9%258A%252B%25D8%25A8%25D9%2584%25D9% 2588%25D8%25AC%25D8%25B1%252B%25D8%25A8%25D8%25AD% 25D9%258A%25D8%25AB%252B%25D9%2584%25D8%25A7%252B% 25D8%25AA%25D8%25B8%25D9%2587%25D8%25B1%252B%25D8% 25A5%25D9%2584%25D8%25A7%252B%25D8%25A8%25D8%25B9% 25D8%25AF%252B%25D8%25A7%25D9%2584%25D8%25B6%25D8% 25BA%25D8%25B7%252B%25D8%25B9%25D9%2584%25D9%2589% 252B%25D8%25B2%25D8%25B1%252B%25D9%2585%25D8%25B4% 25D8%25A7%25D8%25B1%25D9%2583%25D8%25A92.PNG&container=blogger&gadget=a&rewriteMime=image%2F*)
ونقوم بوضعه في نموذج المشاركة في بلوجر بعد بالضغط على HTML كما هو موضح في الصورة
http://2.bp.blogspot.com/-nBthXm7uuII/VHpIc0b038I/AAAAAAAACDk/X-AQ2-rc824/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%2B%D8%A5%D8%AE%D9%8 1%D8%A7%D8%A1%2B%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8% A8%D8%B7%2B%D9%81%D9%8A%2B%D8%A8%D9%84%D9%88%D8%AC %D8%B1%2B%D8%A8%D8%AD%D9%8A%D8%AB%2B%D9%84%D8%A7%2 B%D8%AA%D8%B8%D9%87%D8%B1%2B%D8%A5%D9%84%D8%A7%2B% D8%A8%D8%B9%D8%AF%2B%D8%A7%D9%84%D8%B6%D8%BA%D8%B7 %2B%D8%B9%D9%84%D9%89%2B%D8%B2%D8%B1%2B%D9%85%D8%B 4%D8%A7%D8%B1%D9%83%D8%A93.PNG
الطريقة الثانية:
كود جاهز نقوم بإضافته للمشاركة بعد الضغط على HTML ثم نقوم بتغيير مايجب تغييره على حسب الكود إذا كان المحتوى المخفى صورة أو رابط أو نص وإليكم كل كود على حدة حسب نوع المحتوى المخفى.
إذا كان المحتوى المراد إخفاءه (http://0.0.7.222/11/share-to-unlock-link-url-widget-for-blogger-blogspot.html) صورة
إنسخ الكود التالى
<style tyle="text/css">
.secret{
</style>
display:none;
}
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
/* ******** */ js = d.createElement(s); js.id = id;
(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; }(document, 'script', '********-jssdk'));
if (d.getElementById(id)) {return;} js.src = "//connect.********.net/en_US/all.js"; ********fbAsyncInit = function() {
fjs.parentNode.insertBefore(js, fjs); xfbml : true
// init the FB JS SDK FB.init({ status : true, }); });
FB.Event.subscribe('edge.create', function(href, widget) { $.event.trigger({ type: "pageShared", url: href }); }; /* Twitter */ js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
********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; $.event.trigger({
return ********twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } }); }(document, "script", "twitter-wjs")); twttr.ready(function (twttr) { twttr.events.bind('tweet', function (event) { type: "pageShared", po.src = 'https://apis.google.com/js/plusone.js';
url: event.target.baseURI }); }); }); /* Google Plus */ (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; $(document).on('pageShared',function(e){
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 */ <a href="https://twitter.com/share" class="twitter-share-button" data-via="DrRo2" data-count="vertical"></a>
if(e.url == ****************.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> <div class="secret"><img src="http://2.bp.blogspot.com/-gwqQaDgwWFc/UvIZnS2cfuI/AAAAAAAAATw/eVsr3escfaA/s1600/771571970.png"/><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>
<g:plusone size="tall" callback="plusOned"></g:plusone>
إستبدل رابط الصورة الملون باللون الأصفر بالكود برابط الصورة الذي تريد إخفائها
المصدر
كيفية إخفاء الروابط في بلوجر بحيث لا تظهر إلا بعد الضغط على زر مشاركة (http://www.el-mustakbel.com/2014/11/share-to-unlock-link-url-widget-for-blogger-blogspot.html)
جميعنا يعلم أن للشبكات الإجتماعية فضل كبير في نشر المواقع و إشهارها وذلك عبر نشر المواضيع بواسطة أزرار المواقع الإجتماعية مثل تويتر و فيسبوك و جوجل بلس.
و اليوم سوف أقدم لكم إضافة رائعة للبلوجر بحيث تقوم بإخفاء أي رابط في الموضوع (http://www.el-mustakbel.com/2014/11/share-to-unlock-link-url-widget-for-blogger-blogspot.html) و لا يظهر إلا بعد الضغط على زر مشاركة بالفيسبوك أو تويتر
هناك طريقيتين :
الطريقة الأولى :
ندخل للموقع التالي من هنا (http://www.makingdifferent.com/widget-generators/share-to-unlock-link-url-widget-for-blogger-blogspot/) ثم نقوم بملأ النموذج ثم نضغط على Generate كما هو موضح في الصورة التالية
http://2.bp.blogspot.com/-ihMInj-YC8k/VHpIcTGlbNI/AAAAAAAACDg/sAzzxm6YTJc/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%2B%D8%A5%D8%AE%D9%8 1%D8%A7%D8%A1%2B%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8% A8%D8%B7%2B%D9%81%D9%8A%2B%D8%A8%D9%84%D9%88%D8%AC %D8%B1%2B%D8%A8%D8%AD%D9%8A%D8%AB%2B%D9%84%D8%A7%2 B%D8%AA%D8%B8%D9%87%D8%B1%2B%D8%A5%D9%84%D8%A7%2B% D8%A8%D8%B9%D8%AF%2B%D8%A7%D9%84%D8%B6%D8%BA%D8%B7 %2B%D8%B9%D9%84%D9%89%2B%D8%B2%D8%B1%2B%D9%85%D8%B 4%D8%A7%D8%B1%D9%83%D8%A91.PNG
بعد أن يظهر الكود نضغط على Copy To Clipoard
http://4.bp.blogspot.com/-wolyfYRFKOw/VHpIcjdLMoI/AAAAAAAACDo/n64vZT_Spd8/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%2B%D8%A5%D8%AE%D9%8 1%D8%A7%D8%A1%2B%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8% A8%D8%B7%2B%D9%81%D9%8A%2B%D8%A8%D9%84%D9%88%D8%AC %D8%B1%2B%D8%A8%D8%AD%D9%8A%D8%AB%2B%D9%84%D8%A7%2 B%D8%AA%D8%B8%D9%87%D8%B1%2B%D8%A5%D9%84%D8%A7%2B% D8%A8%D8%B9%D8%AF%2B%D8%A7%D9%84%D8%B6%D8%BA%D8%B7 %2B%D8%B9%D9%84%D9%89%2B%D8%B2%D8%B1%2B%D9%85%D8%B 4%D8%A7%D8%B1%D9%83%D8%A92.PNG (https://images-blogger-opensocial.googleuser*******.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-wolyfYRFKOw%2FVHpIcjdLMoI%2FAAAAAAAACDo%2Fn64vZT_S pd8%2Fs1600%2F%25D9%2583%25D9%258A%25D9%2581%25D9% 258A%25D8%25A9%252B%25D8%25A5%25D8%25AE%25D9%2581% 25D8%25A7%25D8%25A1%252B%25D8%25A7%25D9%2584%25D8% 25B1%25D9%2588%25D8%25A7%25D8%25A8%25D8%25B7%252B% 25D9%2581%25D9%258A%252B%25D8%25A8%25D9%2584%25D9% 2588%25D8%25AC%25D8%25B1%252B%25D8%25A8%25D8%25AD% 25D9%258A%25D8%25AB%252B%25D9%2584%25D8%25A7%252B% 25D8%25AA%25D8%25B8%25D9%2587%25D8%25B1%252B%25D8% 25A5%25D9%2584%25D8%25A7%252B%25D8%25A8%25D8%25B9% 25D8%25AF%252B%25D8%25A7%25D9%2584%25D8%25B6%25D8% 25BA%25D8%25B7%252B%25D8%25B9%25D9%2584%25D9%2589% 252B%25D8%25B2%25D8%25B1%252B%25D9%2585%25D8%25B4% 25D8%25A7%25D8%25B1%25D9%2583%25D8%25A92.PNG&container=blogger&gadget=a&rewriteMime=image%2F*)
ونقوم بوضعه في نموذج المشاركة في بلوجر بعد بالضغط على HTML كما هو موضح في الصورة
http://2.bp.blogspot.com/-nBthXm7uuII/VHpIc0b038I/AAAAAAAACDk/X-AQ2-rc824/s1600/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%2B%D8%A5%D8%AE%D9%8 1%D8%A7%D8%A1%2B%D8%A7%D9%84%D8%B1%D9%88%D8%A7%D8% A8%D8%B7%2B%D9%81%D9%8A%2B%D8%A8%D9%84%D9%88%D8%AC %D8%B1%2B%D8%A8%D8%AD%D9%8A%D8%AB%2B%D9%84%D8%A7%2 B%D8%AA%D8%B8%D9%87%D8%B1%2B%D8%A5%D9%84%D8%A7%2B% D8%A8%D8%B9%D8%AF%2B%D8%A7%D9%84%D8%B6%D8%BA%D8%B7 %2B%D8%B9%D9%84%D9%89%2B%D8%B2%D8%B1%2B%D9%85%D8%B 4%D8%A7%D8%B1%D9%83%D8%A93.PNG
الطريقة الثانية:
كود جاهز نقوم بإضافته للمشاركة بعد الضغط على HTML ثم نقوم بتغيير مايجب تغييره على حسب الكود إذا كان المحتوى المخفى صورة أو رابط أو نص وإليكم كل كود على حدة حسب نوع المحتوى المخفى.
إذا كان المحتوى المراد إخفاءه (http://0.0.7.222/11/share-to-unlock-link-url-widget-for-blogger-blogspot.html) صورة
إنسخ الكود التالى
<style tyle="text/css">
.secret{
</style>
display:none;
}
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript">
/* ******** */ js = d.createElement(s); js.id = id;
(function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; }(document, 'script', '********-jssdk'));
if (d.getElementById(id)) {return;} js.src = "//connect.********.net/en_US/all.js"; ********fbAsyncInit = function() {
fjs.parentNode.insertBefore(js, fjs); xfbml : true
// init the FB JS SDK FB.init({ status : true, }); });
FB.Event.subscribe('edge.create', function(href, widget) { $.event.trigger({ type: "pageShared", url: href }); }; /* Twitter */ js.src="https://platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs);
********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; $.event.trigger({
return ********twttr || (t = { _e: [], ready: function(f){ t._e.push(f) } }); }(document, "script", "twitter-wjs")); twttr.ready(function (twttr) { twttr.events.bind('tweet', function (event) { type: "pageShared", po.src = 'https://apis.google.com/js/plusone.js';
url: event.target.baseURI }); }); }); /* Google Plus */ (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; $(document).on('pageShared',function(e){
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 */ <a href="https://twitter.com/share" class="twitter-share-button" data-via="DrRo2" data-count="vertical"></a>
if(e.url == ****************.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> <div class="secret"><img src="http://2.bp.blogspot.com/-gwqQaDgwWFc/UvIZnS2cfuI/AAAAAAAAATw/eVsr3escfaA/s1600/771571970.png"/><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>
<g:plusone size="tall" callback="plusOned"></g:plusone>
إستبدل رابط الصورة الملون باللون الأصفر بالكود برابط الصورة الذي تريد إخفائها
المصدر
كيفية إخفاء الروابط في بلوجر بحيث لا تظهر إلا بعد الضغط على زر مشاركة (http://www.el-mustakbel.com/2014/11/share-to-unlock-link-url-widget-for-blogger-blogspot.html)