التخطي إلى المحتوى الرئيسي

اجعل يشارك الموضوع قبل قراءته

اتى اليكم اليوم باضافة اكثر من رائعة فلقد رأينا فى الاونة الاخيرة بعض اضافات النوافذ المنبثقة التى تجبر القارئ على مشاركة التدوينة قبل قراءتها و لكن هذه الاضافة هى الافضل على الاطلاق  هذة الاضافة تقوم باخفاء محتوى معين ( صورة مثلا ) و تطلب من القارئ المشاركة للحصول عليها. بدون اطالة ....

صورة الاضافة



طريقة التركيب 


1. اذهب الى لوحة التحكم > قالب > تحرير html
2. ابحث عن كود </head> و اضاف الكود التالى فوقه


<link href='http://mybloggerlab.com/StyleSheet/locker.css' rel='stylesheet' type='text/css'/>
3. اضغط حفظ ثم خروج
4. اذهب الى بلوجر > مشاركة جديدة > html  ثم الصق الكود التالى

 <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>

تخصيص الكود

استبدل Add_Hideen_Image_Here برابط الصورة التى تود اخفائها
استبدل  Add_Your Hidden_Text_Here بالنص الذى تريد اخفاؤه 
استبدل http://www.MyTechCafe.com  برابط مدونتك
استبدل http://www.facebook.com/MyTechCafe برابط صفحة المدونة على الفيس بوك
استبدل  http://www.mytechcafe.com برابط مدونتك

ثم انشر الوضوع واستمتع بالاضافة . اتمنى تكون عجبتكم و عجبكم الشرح

المشاركات الشائعة من هذه المدونة

مراجعة هاتف nokia lumia 930

السلام عليكم و رحمة الله و بركاته نظام ويندوز فون الان يتراوح عمره الى حوالى الاربع سنوات و حتى الان لم يحصل على ذلك الاهاتف المميز الذى يستطيع كافة امكانياته و الذى يجعله يستطيع المنافسه مع الايفون و الاندرويد . نوكيا لوميا 930 يبدو من مواصفاته انه سوف يكون هذا الهاتف مع امكانيات مثل شاشة super amelod و معالج خارق و التحديث الاخير و الافضل لويندوز فون حتى الان تجعل منه منافس لاكبر الهواتف فى العالم حاليا ... فى هذا المقال سوف نستعرض مميزات و عيوب هذا الهاتف الاكثر من رائع ...   ميزة clearback display    ميزة clearback display فى شاشة ال super amoled المستخدمة فى موبايل نوكيا لوميا 930 اكثر من رائعة و بالرغم من اعتقاد الكثيرين ان شاشة lcd افضل من ال amelod لكون الالوان تكون اكثر طبيعية و الاضاءة تكون افضل من ال amelod الا ان الشاشة المزود بها هذا الهاتف اكثر من رائعة و مع مميزات مثل وضوح اللون الاسود التباين العالى جدا و الالوان الاكثر من رائعة بدرجة وضوح فى الالوان اعلى بكثير من شاشة lcd تجعل من استخدامه تجربة اكثر من رائعة. هذه الميزة تجعل...

4 طرق لاضافة تويتر الى مدونة ووردبريس

جميعنا يعلم اهمية الشبكات الاجتماعية للمدونات هذه الايام و انها اصبحت من اسهل و اسرع الطرق لاشهار المدونات الجديدة و تعتمد عليها كبار المدونات كما انها مجانية تماما و لعل من اهم هذه الشبكات تويتر و الذه من شظانه ان يجلي الا موقعك الاف من المتابعين و الزوار الحقيقين ان استعطت ان تبنى جمهوراً جيداً عليه .... و اليوم اقدم لكم 4 طرق لكى تضيف تويتر الى مدونتك و تستفيد من هذه الشبكة الرائعة     1.   اضافة تويتات داخل التدوينة الان يمكنك اضافة احد تويتاتك من تويتر داخل تدوينة على الوورد بريس بالاضافة الى زر المتابعة بجوار التدوينة و تعتبر من اسهل الطرق لاضافة تويتر فما عليك سو اضافة رابط التيويتة بالكامل و دع الوورد بريس يقوم بالباقى كما فى الصورة .     2.      اضافة زر المتابعة اذا من الاشخاص الفعالين على تويتر و تنشر باستمرار جديد تدويناتك على تويتر يمكنك وضع زر المتابعة فى مدونتك ليستطيع زوار المدونة متابعتك على تويتر حتى و لم يزوروا المدونة و هذه الطريقة تؤمن زوار و متابعين جيدين بستمرار . تويتر تقدم اداة رائعة جدا ...

اضافة المواضيع الشائعة ب css اكثر من رائعة

السلام عليكم و رحمة الله و بركاته باذن الله سوف نقوم بشرح اضافة من اهم اضافات البلوجر وهى اضافة المواضيع الشائعة فهذه الاضافة تساعد الزائر على معرفة اخر المواضيع فى مدونتك و الاطلاع على كل جديد لديك و لكن غالبا يكون شكلها ليس جيدا و يخرب شكل المدونة الاضافة التى ساشرحها تمتع بشكل جمالى اكثر من رائع ..... بدون اطالة معاينـــة الاضافة     -   شرح تركيب الاضافة قم بتسجيل الدخول الى لوجة التحكم   اختار " قالب "   ثم اضغط على " تحرير html "  ابحث عن هذا الكود ]]></b:skin> الصق الكود التالى قبله .popular-posts ul li {background: #FFF url() no-repeat scroll 5px 10px; list-style-type: none;padding:5px 5px 5px 20px !important; border: 1px solid #ddd;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; height: 40px; -moz-box-shadow: 3px 2px 5px #242424; -webkit-box-shadow: 3px 2px 5px #242424; box-shadow: 3px 2px 5px #242424;margin-bot...