الأحد، 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 هو الطول
    مرسلة بواسطة في ليست هناك تعليقات :
    التسميات:

الاثنين، 23 مارس 2015

  • إضافة مواضيع ذات صلة الشكل الثالث

    إضافة مواضيع ذات صلة الشكل الثالث
    إضافة مواضيع ذات صلة الشكل الثالث
    <script type="text/javascript"> google_ad_client = "ca-pub-1543675634047123"; google_ad_slot = "1526254896"; google_ad_width = 320; google_ad_height = 100; </script> <!-- tarekzaabi2 --> <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"> </script>

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




  • معاينة

  • شرح طريقة التركيب 
    * ملاحظة إذ كنت تتوفر على إضافة آخرى فمن الأفضل حذف أكوادها
    1 . توجه لقالب >> تحرير 
    2. ابحث بإستعمال CTRL+F عن :  ]]></b:skin>
    3. ضع الكود فوقه

  • #related-posts{height:132px;border-top:1px solid #fff;}
    #relpost_img_sum img{width:110px;height:110px;border:double #565050;margin:0 -75px}
    #relpost_img_sum img:hover{opacity:.6}
    #relpost_img_sum li{list-style:none;width:120px;height:120px;position:relative;float:left;margin-right:5px}
    #relpost_img_sum li:hover .isirelated{visibility:visible;opacity:1;left:35px}
    .isirelated h3{color:#FAC51B;font-size:13px;text-align:center;margin-bottom:3px}
    .isirelated{width:205px;z-index:2;padding:10px;color:#fff;font-size:10px;text-align:justify;background:rgba(68, 68, 68, 0.91);position:absolute;top:70%;left:150px;visibility:hidden;opacity:0;transition:all 0.3s cubic-bezier(1,1,0,0) 0s;-moz-transition:all 0.3s cubic-bezier(1,1,0,0) 0s;-webkit-transition:all 0.3s cubic-bezier(1,1,0,0) 0s;-o-transition:all 0.3s cubic-bezier(1,1,0,0) 0s}
    #relpost_img_sum {color: #FFF;background: #413E3C;display: inline-block;position: absolute;margin-right: -50px;width: 753px;font-family: droid arabic kufi;padding-top: 5px;}
    4. ابحث عن  <div class='post-footer-line post-footer-line-3'> أو <data:post.body/>
    5. ضع الكود التالي أسفل أحد الكودين 

<div id='related-posts'> <b:loop values='data:post.labels' var='label'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=30&quot;' type='text/javascript'/> </b:loop> <span class='glap'><ul id='relpost_img_sum'> <script type='text/javascript'>artikelterkait();</script> </ul></span> </div> <script type='text/javascript'> //<![CDATA[ function resizeThumb(e,b){var c=document.getElementById(e),d=c.getElementsByTagName("img");for(var a=0;a<d.length;a++){d[a].src=d[a].src.replace(/\/s72\-c/,"/s"+b+"-c");d[a].width=b;d[a].height=b}}resizeThumb("related-posts",110); //]]> </script>

6. إبحث عن </head> ضع الكود التالي فوقه

<script type='text/javascript'>
//<![CDATA[
var relnojudul=0,relmaxtampil=5,numchars=150,reljudul=[],relurls=[],relcuplikan=[],relgambar=[];function saringtags(b,e){for(var a=b.split("<"),c=0;c<a.length;c++)-1!=a[c].indexOf(">")&&(a[c]=a[c].substring(a[c].indexOf(">")+1,a[c].length));a=a.join("");return a=a.substring(0,e-1)}
function relpostimgcuplik(b){for(var e=0;e<b.feed.entry.length;e++){var a=b.feed.entry[e];reljudul[relnojudul]=a.title.$t;postcontent="";"content"in a?postcontent=a.content.$t:"summary"in a&&(postcontent=a.summary.$t);relcuplikan[relnojudul]=saringtags(postcontent,numchars);postimg="media$thumbnail"in a?a.media$thumbnail.url:"https://lh5.googleusercontent.com/-FP5c5mIlvNo/UPfM0KitJYI/AAAAAAAABZk/q_7FhZh9izs/s0/no-image.jpg";relgambar[relnojudul]=postimg;for(var c=0;c<a.link.length;c++)if("alternate"==a.link[c].rel){relurls[relnojudul]=a.link[c].href;
break}relnojudul++}}function contains(b,e){for(var a=0;a<b.length;a++)if(b[a]==e)return!0;return!1}
function artikelterkait(){for(var b=[],e=[],a=[],c=[],d=0;d<relurls.length;d++)contains(b,relurls[d])||(b.length+=1,b[b.length-1]=relurls[d],e.length+=1,e[e.length-1]=reljudul[d],a.length+=1,a[a.length-1]=relcuplikan[d],c.length+=1,c[c.length-1]=relgambar[d]);reljudul=e;relurls=b;relcuplikan=a;relgambar=c;for(d=0;d<reljudul.length;d++){var b=Math.floor((reljudul.length-1)*Math.random()),e=reljudul[d],a=relurls[d],c=relcuplikan[d],f=relgambar[d];reljudul[d]=reljudul[b];relurls[d]=relurls[b];relcuplikan[d]=
relcuplikan[b];relgambar[d]=relgambar[b];reljudul[b]=e;relurls[b]=a;relcuplikan[b]=c;relgambar[b]=f}d=0;e=b=Math.floor((reljudul.length-1)*Math.random());for(c=document.URL;d<relmaxtampil&&!(relurls[b]!=c&&(a="<li class='news-title clearfix'>",a+="<a href='"+relurls[b]+"' rel='nofollow'  target='_top''><img src='"+relgambar[b]+"' /></a>",a+="<div class='isirelated'><h3>"+reljudul[b]+"</h3>",a+="<span class='news-text'>"+relcuplikan[b]+" ... </span></div>",a+="</li>",document.write(a),
d++,d==relmaxtampil))&&!(b<reljudul.length-1?b++:b=0,b==e););};
//]]>
</script>



مرسلة بواسطة في ليست هناك تعليقات :
التسميات:
الاشتراك في: الرسائل ( Atom )