إخفاء محتوى وإظهاره بالازرار الاجتماعية

مرحبا بكم اخواني اخواتي الكرام، مع تدوينة خاصة ومميزة كليا عن باقي الإضافات ولها فائدة سبق منذ مدة وأن طرحت نفس الإضافة تماما والتي قدمت في منتدى ستارتايمز إلى أن تلك الاخيرة تم حذف أكواد الجيكويري وبالتالي لم تعد تعمل الإضافة كانت مخصصة للوردبريس, إلى أن تم تطويرها لتشتغل لبلوجر ليس هناك إختلاف كبير، للأن مازلت لم أتطرق لمحتوى التدوينة 😀 لكن كما هو موضح في عنوان التدوينة أو الصورة فأداتنا لها ميزة وإفادة لأصحاب المواقع في شتى المجلات تمكنك من إخفاء محتوى موضوع ويمكن لزائر إما أن يشاركه بأحد أشهر المواقع الإجتماعية "فيسبوك"، "تويتر"، "جوجل بلس"
أو ينتظر مدة زمنية يمكنك تحديدها وتخصيصها بكل حرية، الميزة أيضا تتجلى في فرض على الزائر بمشاركة التدوينة والإستفادة
ملاحظة مني لمن سيستخدم هذه الإضافة فل يستعملها بموضوع مهم وبه فائدة ولا تستعملها بكل المواضيع.
الأن ندخل لمثال حي وبعدها الشرح:

تدوينة مشابهة

• معاينة

شرح طريقة التركيب
1. داخل القالب ابحث عن </head> ضع الكود التالي فوقه

<script src='https://ar1web-com.googlecode.com/svn/Hm/sclocker.js' type='text/javascript'/>
<link href='https://ar1web-com.googlecode.com/svn/Hm/sclocker.css' rel='stylesheet'/>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function ($) {
$('#ar1web-hide').sociallocker({
theme: "flat",
locker: {close: false,timer: 420 },
buttons: {order: ["facebook-like", "twitter-tweet", "google-plus"]},
text: {
header: "المحتوى مغلق",
message: "عزيزي المشاهد لكي ترى المحتوى، إدعمنا بأحد الأزرار التالية"
},
facebook: { like: {title: "اعجبني"}},
twitter: {tweet: {title: " تغريدة"}},
google: {plus: {title: "+ جوجل"}}
});
});
//]]>
</script> 

* الرقم المحدد باللون الأخضر خاصه بالتوقيت
* الكلمات المحدده باللون الأصفر غيرها بما يناسبك
* الكلمة المحددة بالأزرق فالسي هي خاصة بإظهار زر إغلاق الإضافة تظهر المحتوى مباشرة لتفعيلها غير الكلمة لـ True

طريقة تفعيل الكود
1. مباشرة توجه إلى المشاركات ثم حرر موضوع
2. ضع الكود التالي فوق أو بداية المحتوى الذي تريد إخفائه

<hidearticle id="ar1web-hide">

3. ضع الكود التالي في نهاية أو قبل نهاية المحتوى, وهو خاص لإغلاق كود بداية إخفاء المحتوى

</hidearticle>

أكواد الخطوط المستعملة

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet'/> <link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/> <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700|Electrolize' rel='stylesheet' type='text/css'/>

إلى هنا أكون قد إنتهيت من مهمتي في تقديم التدوينة، أتمنى أن تستفيدوا منها.

إقرأ المزيد

شرح كامل لإستضافة ملفات الويب إلى جوجل درايف

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين

خدمة التخزين السحابى على جوجل درايف (GoogleDrive) هى ميزة رائعة أطلقتها جوجل فى ابريل 2012 لحفظ ملفاتك عن طريق إستضافة أو إن صح التعبير قرص صلب أنترنيتي، تحتفظ به ملفاتك بيانتك وذلك عن طريق حساب جوجل فقط, ويضمن لك أن تبقى لمدة أطول فهذه الخدمة تنافس Dropbox،Skydrive،... وغيرها من مواقع حفظ الملفات بل ويتفوق عليهم لما له من مميزات كثيرة جدا

من أهم مميزات جوجل درايف :

1. مساحة تخزينية مجانية  15 جيجابايت ( 15 GB) مع امكانية شراء مساحة اضافية
2. دمج الخدمة مع جميع خدمات جوجل الأخرى مثل بريد Gمايل ودوائر جوجل
3. إنشاء وتحرير الملفات من داخل الخدمة فهو يغنى عن برامج : الوورد، الإكسل... مع العلم أنه لايتم إحتساب الملفات التابعة لمحرر المستندات ضمن السعة التخزينية
4. تحويل ملفات الوورد Word إلى PDF دون اللجوء إلى برامج
5. دعم العديد من إمتدادات البرامج مثل الفوتوشوب و الإليستريتور
6. متابعة الملفات فى وضع عدم الإتصال

تلك كانت بعض التلميحات و المميزات والأن نمر لما فيه فائدة للمدونين وأصحاب الموقع

عندما تتوفر على موقع أو مدونة، إذا كنت تستعمل قالب محمل من مواقع ربما في يوم ما قد ينحذف الموقع من صاحبه وربما أيضا يحذف حتى الملفات المرفوعة الخاصة بالإضافات والأدوات، ربما يكون بدافع عدم الإستفادة أو على حسب تفكير الشخص .
سبق وواجهت نفس الوضع منذ أن دخلت لعالم التدوين ولم أكن أعلم بتاتا عن ملفات جيكويري و سسس وأين ترفع، تجلت مشكلتي عندما حملت قالب من أحد المواقع الأجنبية ولمدة 7أشهر وأنا أستعمله تفاجئة بيوم من الأيام بأنه إنحذف إما من قبل صاحبه أو من بلوجر وبعدها بدأت أرى مشاكل لعدم ظهور السلايدر والإضافات كل شيئ مرفوع على الإستضافة التي يستعملها مسحت 

وهكذا أصبحت في كل ملف للإضافات أرفعه على إستضافتي وذلك عن خدمة من جوجل كود إلا أنها تحتاج بعض الفهم ،  إلا أن ظهرت خدمة إستضافة الملفات من موقعك تقدمها جوجل درايف تعتبر بديل رائع ومجانى لإستضافة ملفات موقعك سواء كانت صفحات ويب Html , Css,Javascript أو حتى ملفات فلاش أو الفيديو والملفات الصوتية أو الصور والأيقونات التى يتضمنها الموقع أو المدونة.

شرح إستضافة ملفاتك بجوجل درايف

1. تأكد من تسجيل دخولك لجوجل

2. توجه لجوجل درايف من هنا 

3. انشئ مجلد جديد بإسم مختار:

4. حدد الملف بالعلامة  ثم إجعل جميع الملفات المستضافة عامة على الإنترنت Public
* وذلك من خلال الضغط على مستنداتى My drive ثم إختيار المجلد الذى قمنا برفع ملفات الموقع إليه ثم إضغط "المزيد" أو "More" وإختيار "مشاركة " أو "share"  :

* الإختيار الإفتراضى المفعل للملفات المحفوظة على جوجل درايف تكون خاصة Private ولكن لكى تستفيد من خاصية الإستضافة لابد أن تكون عامة على الإنترنت public

5.  سيظهر صندوق إضغط على كلمة "Advanced"  "متقدم"
6.  سيظهر صندوق اخر بالسطر الذي به علامة القفل إضغط على "Change" "تغيير"
7. إختر "Public" "الكل" :

* لكي تتيقن من الملف يظهر عام ستشاهد بالمجلد أيقونة "صورة رمزية"

8. أولا لديك رابط لملف جيكويري أو سس مثلا :
* نأخد الرابط وهو المحدد باللون الأحمر بوضعه في خانة الرابط بالمتصفح ثم إضغط .. سيظهر كود أنسخه وضعه بمحرر يقبل حفظ ملفات الجيكويري وغيرها أفضل برنامج هو Notepad++ تحميل البرنامج ..أرفقت ملفات جافا و Css لذلك عندما تتثبت البرنامج إفتح به مثلا ملف Css وضع به الكود الذي نسخته ثم إحفظ بالملف

<link href='https://ar1web-com.googlecode.com/svn/trunk/font-ge_dinar.css' rel='stylesheet'/>

9. بعد أن فهمت طريقة تحرير الكود ندخل لتطبيق الٱمر على جوجل درايف
10. إرفع الملف على المجلد الذي أنشأته في جوجل درايف, زر الرفع بالأحمر موضح بأيقونة
11. عند رفعه والإنتهاء ضع علامة على المجلد ثم إضغط على "More" "المزيد" ، بعدها "Share" "شارك"، سيظهر صندوق به رابط  انسخه :

وهذا مثال : 

https://drive.google.com/file/d/0B0LkZloPKBfWcWhZd0ZIVWYzUHM/view?usp=sharing

إحذف الجزء الملون بالأخضر من الرابط ثم إستبدل الجزء البرتقالي من الرابط ليكون هكذا

https://googledrive.com/host/0B0LkZloPKBfWcWhZd0ZIVWYzUHM

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

إستخدم رابط الإستضافة لملفات Css داخل قالب مدونتك عن طريق إضافته إلى هذا الكود :

<link href='هنا الرابط' rel='stylesheet'/>

إستخدم رابط الإستضافة لملفات Js عن طريق هذا الكود : 

<script src='هنا الرابط'></script>

أتمنى أن يكون الشرح وافي ومفهوم، أي إستفسار فيما يخص التدوينة أو لمن لم يفهم شيئ فتعليقاتكم مرحب بها

إقرأ المزيد

إضافة موضوع مقسم لثلاثة صفحات

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

تدوينة مشابهة

• معاينة

شرح طريقة التركيب
1. قم بتحرير الموضوع ثم إنتقل لتبويب HTML وضع الكود التالي به، أضفه في آخر الموضوع

<style>
.post-pagination {
    margin: 20px auto;
    text-align: center;
    width: 100%;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script>
<div class="content_1">

هنا المحتوى الأول

</div>

<div class="content_2" style="display: none;">

هنا المحتوى الثاني

</div>

<div class="content_3" style="display: none;">

هنا المحتوى الثالث

</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div>

* المحتوى المحدد بالأصفر ضع به الموضوع

ربما تكن لدي فكرة أن تعدل على الكود بإضافة صفحة اخرى (الكود يقبل فقط ثلاث صفحات)، وأضنها كافية أي إستفسار فتعليقاتكم مرحب بها

إقرأ المزيد

16 ملف PSD لاطارات لعرض الصور بإحترافية

 مجموعة من 16 ملف PSD لعرض الصور على إطارات مختلفة بإحترافية و جودة عالية ..

ان كنت تقرأ هذه السطور فأنا انصحك ان تبدأ الان في تحميل هذه المجموعة، أنا متأكد من انها ستنال اعجابك. وستوفر لك عناء وضع الصور بإطارات عادية أيضا فهي تستعمل من قبل المصورين .

تحميل الملحق

تحميل
تحميل

معلومات عن الملحق

• حجم الملف : 15.49 MB
• الصيغة : PSD
• الترخيص : مدفوع
• المصدر : غير متوفر

إقرأ المزيد

3 مواقع لعمل مقدمات فيديو إحترافية بإسمك أو لموقعك مجانا !

لديك موقعك الخاص و تبحث عن مقدمة إحترافية له ؟

لديك قناة على اليوتيوب , و تريد أن تحصل على إنترو تضعه في بداية فيديوهاتك مما يضفي احترافية على عملك ؟

نعم , كل هذا مجانا , و بدون أي خبرة أو معرفة ببرامج التصميم و المونتاج .

قبل أن تجرب المواقع , أدعوك بكل ود , لقراءة تدوينات أخرى قد تهمك ^^ :

أفضل 5 مواقع للحصول على لوجو (logo) إحترافي مجانا

5 مواقع لتحميل الأيقونات بجودة عالية !

10 خطوات لتصميم شعار إحترافي ناجح لموقعك أو شركتك

التصميم المسطح : البساطة بطعم الإبداع

إذن إليك هذه المواقع :

flixpress : 

من أشهر و أكبر المواقع العالمية للحصول على مقمات فيديو أو إنتروهات مجانية أو مدفوعه , كل ما عليك فعله , هو إنشاء حساب في الموقع , و تختار قالبا من القوالب التي يوفرها لك الموقع .

الأن , كل ما عليك فعله هو التعديل على القالب بكل سهولة عبر واجهة الموقع البسيطة و المفهومة .

ومن بعدها تحمل الفيديو .

لزيارة الموقع : موقع flixpress

introchamp :

أرشحه لك كأحد أفضلل المواقع لعمل مقدمات فيديو , موقع جد رائع , يضم مكتبة عملاقة من الأمثلة و القوالب التي تستطيع التعديل عليها من واجهة الموقع .

يضم أكثر من 33 صفحة من الأمثلة .

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

ملاحظة : تحميل الفيديوهات من الموقع مدفوع , لكن يمكنك تحميلهم مجانا إذا كنت تتوفر على برنامج

Internet Download Manager , كونه سيظهر لك زر التحميل في أسفل الصفحة .

يمكنك تحميل البرنامج من هنا : تحميل IDM

لزيارة الموقع : موقع introchamp 

ivipid

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

بعدها ستظهر امامك صفحة التحميل .. يوفر لك الموقع امكانية التحميل بأكثر من قياسات , طبعا كلما كانت القياسات أكبر , كانت جودة الفيديو أفضل , لكن للأسف , للتحميل المجاني لا يمكنك إلا إختيار 480*270 فقط , يعني جودة متوسطة , إن كنت تريد أن تكون الجودة عالية , يمكنك إختيار إمكامية الدفع وتشتري ميزة الجودة العالية .

لزيارة الموقع : موقع ivipid

رجاء , غن كنت إستفدت من التدوينة أو أعجبتك , شاركها مع أصدقائك أو أنشرها على حساباتك على مواقع التاصل الإجتماعي لتعم الفائدة و تشاركنا بتعليق فذلك يشجعني على مزيد العمل و نشر التدوينات .. :)

إقرأ المزيد

قالب إلهام التدوين مجانا نسخة V1

السلام عليكم إخواني أخواتي الأعزاء، يسعدني أن أطرح لكم قالب إلهامـ التدوين مجانا وحصري بكل إضافاته وبنسخته الاخيرة وكما عودناكم بالقوالب الإحترافية فكذلك قالب إلهام التدوين به بعض الصفات الرائعة، كقائمة تعدد الألوان بخمس ألونة الرئيسي "الرمادي"،"الأزرق"،"الأخظر"،"الأحمر"،"البرتقالي". وليست ألوان غامقة 

مريحة للعين تم تخصيص الصفحات الثابتة بعرض واحد وإخفاء بعض الأدوات يحتوي على أماكن إعلانية بداخل المواضيع وغيرها تستكشفونها بالمعاينة

الواجهة كاملة

* عند إختيار اللون فهو لا يتغير إذا دخلت لصفحة أو حتى إذا أغلقت المتصفح إلا في حالة حذف سجل المتصفح فسيرجع للون الأصلي، كذلك تذكر بأن به قائمة مترو ولظهورها إضغط على الأيقونة التي بالقائمة الأفقية

تحميل القالب

معاينة
تحميل
تحميل

المميزات / الإضافات

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

إقرأ المزيد

تأثير أكشن تحويل الشارات الى 3D

يمكنك هذا الاكشن 3D Badge Converte من تحويل الشارات و العلامات .. الشعارات الى 3D بجودة عالية

مثال

• تحميل Gulfup
• تحميل Mediafire

إقرأ المزيد

حصرياً قالب حكاية النسخة الثانية

حصرياً وقبل وقت طويل من طلبه وإستخدامه من قبل مدونة عرب ويب، نقدم لكم قالب حكاية النسخة الثانية بين أيديكم الأن هللوو :)، قالب بلوجر مميز احترافي بمواصفات رائعة وشكل متقن بالتصميم من إضافات وتأثيرات جذابة قالب جديد 2014 بسلايدر يعرض المواضيع بتسميه مختارة أرشيف جدولي، فهرس صفحة خطأ أماكن إعلانات جاهزة بداخل المواضيع كما أنه يتسم بالخفة في تحميل الصفحات  يتميز ايضا بعرض الصوتيات من SounCloud وكذلك الفيدوهات من Youtube تعرض في الصفحات الخارجية ,والعديد كل هذا وأكثر ستحظون بتجربته مباشرة في مدونتكم.

الواجهة كاملة

تحميل القالب

معاينة
تحميل
تحميل

المميزات / الإضافات

• الالوان الرئيسية :[Tomato-White-LightBlue]
• قائمة جانبية متحركة عند النزول للاسفل
• مكانية اضافة ايقونة بجانب القوائم بسهولة
• امكانية اضافة اختصار لنوعية التدوينة بسهولة
• قائمة جانبة منسدلة
• صفحة خطا 404
• صفحة ارشيف
• أيقونات اجتماعية
• مواضيع ذات صلة داخل التدوينة
• اضافة اكتر من كاتب
• صفحات مرقمة
• سهولة التحكم من لوحة التخطيط للقالب
• والمزيد...

إقرأ المزيد