الأحد، 12 أبريل 2015

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


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

    1 . توجه لقالب >> تحرير 
    2. ابحث بإستعمال CTRL+F عن  </head>
    3. ضع الكود التالي قبله [ فوقه ]

    <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 ($) {
    $('#tarek-hide').sociallocker({
    theme: "flat",
    locker: {close:
    false,timer: 500 },
    buttons: {order: ["facebook-like", "twitter-tweet", "google-plus"]},
    text: {
    header: "
    المحتوى مغلق",
    message: "
    عزيزي المشاهد لكي ترى المحتوى، إدعمنا بأحد الأزرار التالية"
    },
    facebook: { like: {title: "
    اعجبني"}},
    twitter: {tweet: {title: "
    تغريدة"}},
    google: {plus: {title: "
    + جوجل"}}
    });
    });
    //]]>
    </script>
    * الرقم المحدد باللون الأخضر خاصه بالتوقيت
    * الكلمات المحدده باللون الأصفر غيرها بما يناسبك 
    * الكلمة المحددة بالأزرق false هي خاصة بإظهار زر إغلاق الإضافة تظهر المحتوى مباشرة لتفعيلها غير الكلمة لـ true

    طريقة تفعيل الكود

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

    <hidearticle id="tarek-hide">
    3. ضع الكود التالي في نهاية أو قبل نهاية المحتوى, وهو خاص لإغلاق كود بداية إخفاء المحتوى

    </hidearticle>


الاثنين، 6 أبريل 2015

  • صناديق فيسبوك الجديدة 2015

    صناديق صفحات الفيسبوك الجديدة 2015 بتحديث جديد كلياً عن القديم بما أنه سيتم تعطيل الصناديق القديمة حسب ذكر فيسبوك إلى أن هاته الأخيرة جد أنيقة وخلابة بثلاثة أشكال مختلفة ولجميع المقاسات الشكل الأول: عبارة عن صندوق يتضمن المعجبين وصورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة. الشكل الثاني يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة إضافتاً إلى المقالات المطروحة. الشكل الثالث يتضمن صورة الكوفر مع صورة البروفيل وزر الإعجاب والمشاركة فقط.. هذه الإعدادات تم إختياره من قبلي لكي أتيح لكم التنوع في الإختيار وكذلك حسب ذوقكم.
    شرح  طريقة التركيب
    1. توجه إلى التخطيط 
    2. أضف أداة HTML/JAVASCRIPT
    3. ضع بها الشكل المختار
    4. غير arabe1web إلى إسم صفحتك


    <div class="fb-page" data-href="https://www.facebook.com/arabe1web" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"></div>
    <div id="fb-root"></div>
    <script>(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/fr_FR/sdk.js#xfbml=1&version=v2.3";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>


    <div class="fb-page" data-href="https://www.facebook.com/arabe1web" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="false" data-show-posts="true"></div>
    <div id="fb-root"></div>
    <script>(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/fr_FR/sdk.js#xfbml=1&version=v2.3";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>


     <div class="fb-page" data-href="https://www.facebook.com/arabe1web" data-width="300" data-height="250" data-hide-cover="false" data-show-facepile="false" data-show-posts="false"></div>
    <div id="fb-root"></div>
    <script>(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/fr_FR/sdk.js#xfbml=1&version=v2.3";
    fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>

    * لتعديل العرض والطول ـ المحدد باللون الأصفر 300 هو العرض ـ المحدد باللون الأخضر 250 هو الطول