Chakira
11-01-2013, بتوقيت غرينيتش 08:09 AM
الشرح طريقة مقدم من
عرب تكنولوجى (http://technology4ar.blogspot.com/)
اتى اليكم اليوم باضافة اكثر من رائعة فلقد رأينا فى الاونة الاخيرة بعض اضافات النوافذ المنبثقة التى تجبر القارئ على مشاركة التدوينة قبل قراءتها و لكن هذه الاضافة هى الافضل على الاطلاق هذة الاضافة تقوم باخفاء محتوى معين ( صورة مثلا ) و تطلب من القارئ المشاركة للحصول عليها. بدون اطالة ....
صورة الاضافة
http://4.bp.blogspot.com/-5AxUw9wbRsw/UX4i_UMidhI/AAAAAAAAGns/MV00WHZ0IVg/s1600/Social+Content+Locker+For+Blogger.png
طريقة التركيب install
1. اذهب الى لوحة التحكم > قالب template > تحرير html
2. ابحث عن كود code </head> و اضاف الكود code التالى فوقه
رمز PHP:
<code style="white-space:nowrap"> <code> <link href='http://mybloggerlab.com/StyleSheet/locker.css' rel='stylesheet' type='text/css'/>
</code> </code>
3. اضغط حفظ ثم خروج
4. اذهب الى بلوجر > مشاركة جديدة > html ثم الصق الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <article id="default-usage">
<div class="to-lock" style="display: none;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
<div style="text-align: center; margin-bottom: 20px;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>
<div style="text-align: justify">
Add Your Hidden Text Here
</div>
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/lock.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://www.MyTechCafe.com",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "http://www.facebook.com/MyTechCafe",
appId: "418044881593120"
},
google: {
url: "http://www.mytechcafe.com"
}
});
});;;;
</script>
</code> </code>
تخصيص الكود code
استبدل Add_Hideen_Image_Here برابط الصورة التى تود اخفائها
استبدل Add_Your Hidden_Text_Here بالنص الذى تريد اخفاؤه
استبدل http://www.MyTechCafe.com برابط مدونتك
استبدل http://www.facebook.com/MyTechCafe برابط صفحة المدونة blog على الفيس بوك
استبدل My Tech Cafe (http://www.mytechcafe.com) برابط مدونتك
ثم انشر الوضوع واستمتع بالاضافة . اتمنى تكون عجبتكم و عجبكم الشرح طريقة
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
عرب تكنولوجى (http://technology4ar.blogspot.com/)
اتى اليكم اليوم باضافة اكثر من رائعة فلقد رأينا فى الاونة الاخيرة بعض اضافات النوافذ المنبثقة التى تجبر القارئ على مشاركة التدوينة قبل قراءتها و لكن هذه الاضافة هى الافضل على الاطلاق هذة الاضافة تقوم باخفاء محتوى معين ( صورة مثلا ) و تطلب من القارئ المشاركة للحصول عليها. بدون اطالة ....
صورة الاضافة
http://4.bp.blogspot.com/-5AxUw9wbRsw/UX4i_UMidhI/AAAAAAAAGns/MV00WHZ0IVg/s1600/Social+Content+Locker+For+Blogger.png
طريقة التركيب install
1. اذهب الى لوحة التحكم > قالب template > تحرير html
2. ابحث عن كود code </head> و اضاف الكود code التالى فوقه
رمز PHP:
<code style="white-space:nowrap"> <code> <link href='http://mybloggerlab.com/StyleSheet/locker.css' rel='stylesheet' type='text/css'/>
</code> </code>
3. اضغط حفظ ثم خروج
4. اذهب الى بلوجر > مشاركة جديدة > html ثم الصق الكود code التالى
رمز PHP:
<code style="white-space:nowrap"> <code> <article id="default-usage">
<div class="to-lock" style="display: none;">
<!--Hidden Content Starts (You can Use HTML BELOW)-->
<div style="text-align: center; margin-bottom: 20px;">
<img src="Add_Hidden_Image_Here" alt="" style="margin: auto;" />
</div>
<div style="text-align: justify">
Add Your Hidden Text Here
</div>
<!--Hidden Content Ends (You can Use HTML ABOVE)-->
</article>
</div><div id="mblunlocker"> </div>
<script type="text/javascript" src="https://mybloggerlab.googlecode.com/files/lock.js"></script>
<script>
jQuery(document).ready(function ($) {
$("#default-usage .to-lock").socialLock({
text: {
header: "Share it To Unlock This Content",
message: "Yes, this is Social Locker. Just try it, click on one of buttons."
},
style: "ui-social-locker-secrets",
buttons: {
order: ["twitter", "facebook", "google"]
},
// twitter options
twitter: {
url: "http://www.MyTechCafe.com",
text: "Upgrade your social buttons to get more social traffic!"
},
// facebook options
facebook: {
url: "http://www.facebook.com/MyTechCafe",
appId: "418044881593120"
},
google: {
url: "http://www.mytechcafe.com"
}
});
});;;;
</script>
</code> </code>
تخصيص الكود code
استبدل Add_Hideen_Image_Here برابط الصورة التى تود اخفائها
استبدل Add_Your Hidden_Text_Here بالنص الذى تريد اخفاؤه
استبدل http://www.MyTechCafe.com برابط مدونتك
استبدل http://www.facebook.com/MyTechCafe برابط صفحة المدونة blog على الفيس بوك
استبدل My Tech Cafe (http://www.mytechcafe.com) برابط مدونتك
ثم انشر الوضوع واستمتع بالاضافة . اتمنى تكون عجبتكم و عجبكم الشرح طريقة
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©