خدمات الموقع
المزيد

انطلاق خدمة تصميم غلاف فيسبوك المدفوعة



انطلاق خدمة تصميم غلاف فيسبوك المدفوعة 



مرحبا زواروأعضاء موقع جزائري ويب




نعلن عن انطلاق خدمة تصميم غلاف فيسبوك


والتي سوف تكون مقابل 5$ فقط لا غير



تنويه للمصداقيه في العمل


=====


هذه راوبط مباشرة لاعمالي ارجو الاطلاع عليها كون معرض الخدمة في الموقع


 يصغر الصورة الى 400*600 


وقياس غلاف الفيسبوك الحقيقي و الذي اعمله هو 315*830















تستطيعون طلب الخدمة عن طريق الأتصال بنا أوترك تعليق لنا 

في الأسفل والبيانات اللازمة لعمل تصميمك

سوف تقوم بتحويل لنا مبلغ 5 $ عبر paypal 


وسوف يتم معالجة الدفع وتسليمك التصميم 


في خلال 24 ساعه إنشاء الله تعالي


احصل على قالب جزائريب ويب الحالي



احصل على قالب جزائريب ويب الحالي 

مرحبا اعضاء وزوارموقع جزائريب ويب

تستطيعون الان الحصول على النسخة الاخيرة من  قالب جزائري ويب v6
( بشكله الحالي)

لن اقوم بشرح مميزات القالب
انتم تستطيعون فحصه فهو امامكم (قالب الموقع الحالي)

له مميزات عديدة القالب شارح نفسه

طلب شراء الخدمة تتم عن طريق الأتصال بنا وترك تعليق في الأسفل
مقابل 5$ فقط




أصمم لك غلاف فيسبوك مجانا




أصمم لك غلاف فيسبوك مجاناً


مرحبا اصدقاء مدونة جزائري ويب
خدمة جديدة في الموقع...سوف اصمم لك غلاف فيسبوك احترافي مجانا
للصفحة او للبروفايل

<<<الخدمة تستمر لمدة يومين  >>>

فقط اكتب تعليقاً تترك فيه رابط الصفحة وسوف ارد عليك برابط مباشر للصورة
 تحياتي للجميع :)

    1.  قم بالانضمام الى اعضاء الموقع   من هنا

حل مشكلة التخطيط في قوالب بلوجر



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


شرح طريقة التركيب :
  1. ادهب الى لوحة التحكم ثم تحرير "HTML"  
  2. ابحث عن <b:skin/>  ضع قبلها الكود الاول أو الثاني حسب اختيارك :
body#layout ul { display: none; } CSS
#layout ul { display: none; }

اضافة واجهة رمضان جميلة لمدونات البلوجر



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


    1. فوق هذا الوسم  <head/>  نضع الكود التالي
    2. او فوق  <b:skin/>  مع حدف الكود   <style>  و  <style/>  
<b:if cond='data:blog.url == data:blog.homepageUrl'> <style>/* CSS Special welcome */ #welcomebox {position:fixed;top:20%;left:50%;width:70%;height:40%;min-height:30%;margin-left:-35%;z-index:1000000;text-align:center;} #welcomebox p{background: #fff url(http://isnalanterns.com/wp-content/uploads/2014/01/250px.png) no-repeat left bottom;background-size: 20%;color:#888;font-family:Lobster,ge_dinar_tworegular;font-size:180%;font-weight:700;line-height:1.6em;margin:-5px 0 50px;padding:15px;padding-top:40px;padding-bottom:40px;border-bottom:4px solid #222;transition:all 0.4s linear;}#welcomebox p:hover{color:#666;} .welcomeclose {background:#555;color:#fff;border-bottom:4px solid #222; font-family:Lobster,ge_dinar_tworegular; font-size: 20px; padding:6px 30px;text-align:center;margin:0 auto;cursor:pointer;display:inline;transition:all 0.4s ease-in;} .welcomeclose:hover {background-color:#444;color:#fff;border-bottom:4px solid #202020;box-shadow:inset 181px 0px 0px #f35d5c;-moz-animation: pulse .4s ease-in; -webkit-animation: pulse .4s ease-in;animation: pulse .4s ease-in;} #welcomeoverlay {position:fixed!important;position:absolute;z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:rgba(51, 51, 51, 0.95) url(http://25.media.tumblr.com/bf4f39102d07df64f1540b11a498211a/tumblr_mktw9jIv9D1rvr9sko1_400.gif);max-width:100%;max-height:100%;} .title_jazairiweb-jw {text-align: center; color: #fff; font-size: 55px; font-weight: 700; background: #f35d5c; padding-bottom: 10px; } .title_jazairiweb-jw span { color: #E74C3C; } </style></b:if>

    1. اسفل هذا الوسم  <body>  نضع الكود التالي
<b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='welcomeoverlay'/> <div class='welcomebox' id='welcomebox'> <div class='title_jazairiweb-jw'> <i class='fa fa-thumbs-o-up'></i> Ramadan Kareem </div> <p> Welcome مرحبا بك عزيزي الزائر <br/>رمضان كريم لكل متتبعي موقع جزائري ويب الاوفياء </p> <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>الدخول &#8592; </div> </div></b:if >

مسابقة ربح تصميم لوجو ولا اروع بمناسبة شهر رمضان الكريم ( انتهت )



السلام عليكم مرحبا بكم  اليوم أحببث ان أقدم لكم خامس مسابقة لربح تصميم لوجو ولا اروع
 بمناسبة شهر رمضان الكريم , بعـض يسرقـون لكي يتميـزون, أمـا ان انصـع ما اشعـر بـهِ لكـي اتميـز,
 أقول لهم إسرقوا ما تشاؤون ,فـكل ذلك يدل على أنني بالقمة



  

↓ شروط الاشتراك في المسابقة
    1. يجب عليك الانضمام الى اعضاءالموقع  من هنا
    2. معاينة الارسال  من هنا
    3. ضع ايميلك وسيتم ارسال التبليغ ان كنت الفائز
    4. ( انتهت المسابقة ) الفائز: Badreddine Ouajih
     

حصريا اضافة شريط ترحيبي الى البلوجر بتفنية CSS



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


    شرح طريقة التركيب  :
      1. ادخل الى القالب تحرير HTML  
      2. فوق هذا الوسم  <b:skin/>  نضع الكود التالي
    /* CSS welcome Bar */ #welcomejazairiweb_bar{width:auto;height:auto;display:block;text-align:center;line-height:1.6em;padding:8px 20px;background:#FF0000;color:#fff;position:relative;margin:0 auto 10px 0;font-weight:normal;border-radius:2px;margin-top: 10px;} #welcomejazairiweb_bar a{background:#fff;color:#3498db;padding:2px 6px;border-radius:4px;margin-left:5px} #close_welcomejazairiweb_bar {background:#34495E;border-left: double;display:inline-block;cursor:pointer;padding:8px 15px;position:absolute;top:0px;right:0;font-weight:bold;font-size:25px;border-radius:0 3px 3px 0;}


      1. بعد دلك اضف الكود التالي فوق هدا الوسم  <body/>  
    <script type='text/javascript'> // Welcome bar var button=document.querySelector(&quot;#close_welcomejazairiweb_bar&quot;);button.addEventListener(&quot;click&quot;,function(){var t=document.querySelector(button.getAttribute(&quot;data-target&quot;));t.style.display=&quot;none&quot;==t.style.display?&quot;block&quot;:&quot;none&quot;});</script>

      1. اضف الكود التالي في المكان الدي تريد ان تضهر فيه الاضافة
    <div id='welcomejazairiweb_bar'>هدا فقط مثال من موقع جزائري ويب ,قم بتغيره <span data-target='#welcomejazairiweb_bar' id='close_welcomejazairiweb_bar'>&#215;</span></div>

    حصريا سلايدشو يدوي جميل جدا



    السلام عليكم اولا تدوينة اليوم حصريا سلايدشو يدوي سلايدشو يديوي
     و سريع خيالي اكثر من رائع ,تم وضع سلايدشو من قبل ولاكن هدا اكثر جمال


      1. فوق هذا الوسم  <head/>  نضع الكود التالي
      2. او فوق  <b:skin/>  مع حدف الكود   <style>  و  <style/>  
    <style> .blog_featured_posts {display: inline-block;width: 1173px; margin: 3px;} .blog_featured_post {display: block;position: relative;float: right;overflow: hidden;height:334px;} .blog_featured_post.first {width: 43%;margin-left: 9px;} .blog_featured_post.second {width: 20.79%;margin-left: 9px;} .blog_featured_post.third, .blog_featured_post.fourth {width: 34.126%;height:163px;} .blog_featured_post.third {margin-bottom: 9px;} .blog_featured_post a {display: block;color: rgb(255, 255, 255);text-shadow: rgba(0, 0, 0, 0.498039) 0px 1px 1px;position: relative;vertical-align: bottom;z-index: 1;height:100%;} .blog_featured_post a:hover:before {opacity: 0.6;box-shadow: inset 0px -3px 200px 5px #000;} .blog_featured_post a:before {display: block;position: absolute;content: &#39;&#39;;right: 0px;top: 0px;width: 100%;height: 100%;box-shadow: inset 0px -3px 37px 5px #000;opacity: 0.5;-webkit-transition: all 0.2s;transition: all 0.2s;} .blog_featured_post a .blog_contents {display: block;position: absolute;z-index: 5;bottom: 30px;right: 30px;left: 30px;font-weight:bold;text-transform: uppercase;line-height: 120%;-webkit-transition: all 0.2s;transition: all 0.2s;font-family: droid arabic kufi, sans-serif;} .blog_contents span {font-style: normal;display: block;position: absolute;bottom: 100%;padding: 5px 10px;letter-spacing: 0px;font-size: 15px;font-family: Lobster,ge_dinar_tworegular;line-height: 1;text-shadow: none;margin-bottom: 10px;background: #F74047;} .blog_contents span:after {content: &quot;&quot;;border-style: solid;border-width: 21px 7px 21px;border-color: transparent;border-bottom-color: #F74047;left: -7px;bottom: 0;position: absolute;} .blog_contents span:before {content: &quot;&quot;;border-style: solid;border-width: 21px 7px 21px;border-color: transparent;border-top-color: #F74047;right: -7px;top: 0;position: absolute;} .blog_featured_post a .blog_contents h3 {text-shadow: 2px 2px 4px black;padding: 8px 10px 9px;text-align: right;float: right;display: inline-block;background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;width:114%;opacity: 0.9;font-size:16px;font-family: Lobster,ge_dinar_tworegular; font-weight: normal;margin-right: -30px;} .blog_featured_post.first a .blog_contents h3 {text-shadow:2px 2px 4px black;padding: 8px 10px 9px;text-align:right;float:right;display:inline-block;background:rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;width:100%;opacity: 0.9;font-weight: normal;font-family: Lobster,ge_dinar_tworegular;margin-right:-30px;} .blog_featured_post .feat-img{width:100%;height:100%;background-size:cover;background-position:50%;}</style>

      1. معاينة سلايدشو : من هنا
      2. ضع الكود التالي داخل ادات جديدة   "html"  او اي مكان تريد
    <div class="blog_featured_posts" id="blog_featured_posts"> <div class="ct-wrapper"> <div class="blog_featured_posts"> <div class="blog_featured_post first"><a href="http://jazairiweb.blogspot.com/2016/05/header-item.html"><div class="blog_contents"><span>اضافات بلوجر</span><h3>اضافة هيدر يضهر على التدوينات فقط مع ازرار المشاركة و صورة الموضوع</h3></div><div class="feat-img" style="background-image:url(https://1.bp.blogspot.com/-UMDSIgwA1Iw/V0tmf99aPWI/AAAAAAAAGuc/8MhBEQM_bFodFqbBIlAoLFsN-XfuiCttQCLcB/s1600/header.jpg);"></div></a></div> <div class="blog_featured_post second"><a href="http://jazairiweb.blogspot.com/2016/05/redirect-old-url-new-url-blogger.html"><div class="blog_contents"><span>اضافات بلوجر</span><h3>الطريقة الصحيحة والفعالة من اجل اعادة توجيه المواقع تلقائيا</h3></div><div class="feat-img" style="background-image:url(https://3.bp.blogspot.com/-Cmsix_wVdLM/V0ny7TtMrzI/AAAAAAAAGtk/IicgoecK_wQuNamWYS4NoVANTHIe7j7qgCLcB/s400/useful-links.jpg);"></div></a></div><div class="blog_featured_post third"><a href="http://jazairiweb.blogspot.com/2016/05/Template-jazairiweb-V5.html"><div class="blog_contents"><span>قوالب الموقع</span><h3>حصريا قالب موقع جزائري ويب النسخة V5 مجانا </h3></div><div class="feat-img" style="background-image:url(https://3.bp.blogspot.com/-qvUjW-Tb_gE/V0G_j7Ets2I/AAAAAAAAGkY/iwhAfKggmi4ZQzYvkq27JY8EFlgcSE_VACLcB/s640/TEMPLATE-JAZAIRIWEB-V5.jpg);"></div></a></div> <div class="blog_featured_post fourth"><a href="http://jazairiweb.blogspot.com/2016/05/Winner-Protect-your-Templates-With-Non-Removable.html"><div class="blog_contents"><span>مسابقات</span><h3>مسابقة ربح حماية حقوق قالب مدونتك مع عدم حدفه ( انتهت )</h3></div><div class="feat-img" style="background-image:url(https://1.bp.blogspot.com/-AVMhprwv3Yk/V0iN-SdSxKI/AAAAAAAAGsc/jtNdo8Ljyko4L9byIn8eUnQ9m_C3_bY_gCLcB/s1600/protect-ur-template.png);"></div></a></div> </div></div></div>

    قالب تدويناتى المدفوع والاحترافى 2016



    السلام عليكم اعزائى متابعى موقع جزائري ويب اعود لكم  بقالب جديد احترافى ومتميز 
    وكما العادة اقدم لكم قالب تدويناتى المدفوع والاحترافى والذى يصل سعره الى 10 دولارات بشكل مجانى تماماً 
    و الان وكما تعرفون سوف تجدونه فى الاسفل.


    ↓ شرح القالب + معاينة اسفل 
    1. لتشغيل الأيقونات الخاصة بالتواصل الاجتماعى فقط إذهب إلى قالب 
    2. تم تحرير التخطيط تم إذهب لأداة التواصل الاجتماعى و إضغط على تحرير
    3. ومن ثم اتبع ما يلى اذا اردت مثلا أردت أيقونة الفيسبوك عليك وضع كلمة
    4. facebook في إسم الإضافة و ضع رابطه و إحفط الإضافة
    5. و نفس الشيء مع twitter و gplus و youtube ,skype, tumblr,linkedin
    6. ولتشغيل السلايد شو قم باضافة اداة HTML/JavaScript اسفل كلمة Slider فى التخطيط 
    7. وضع بداخلها اسم التسمية المراد عرضها .

    حصريا قالب موقع جزائري ويب V5 mini مجانا لكم




    قالب موقع جزائري ويب V5 mini ، ضمن افضل قوالب بلوجر 2016
    يمنحك تدويناً جميلاً ومناسباً لأعمالك,مع هيدر احترافي جدا ,كما أنه بتصميم مسطح بسيط سهل التعديل،
    متوفر به مساحات إعلانية، قالب جزائري ويب يقودك إلى صفحات مختلفة 
    يمكن تخصيصها حسب كل صفحة والشكل الذي تريده
        

    ↓ مميزات القالب + معاينة اسفل 
      1. القالب له ميزات كثيرة ورائعة وجذاب وألوانه متناسقة
      2. طريقة عرض خلابة + تاثيرات خرافية على الهيدر
      3. قالب جزائري ويب من افضل قوالب بلوجر سنة 2016
      4. قالب مع سلايدشو يدوي و له تاثير الضل
      5. شكل تعليقات جميل و متناسق
      6. سريع جدا و صديق لمحركات البحث
      7. وهناك الكثر من المميزات يمكنك رايتها على موقع جزائري ويب
      8. تم وضع رابط التحميل يوم 30/05/2016 و شكرا لكم

    اضافة هيدر يضهر على التدوينات فقط مع ازرار المشاركة و صورة الموضوع



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




    شرح طريقة التركيب + معاينة الاضافة من هنا  :
    1. اذهب الى لوحة التحكم ثم تحرير "HTML"  
    2. وابحث عن كلمة  <body/>  والصق الاكواد التالية فوقها :
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <script style='text/javascript'>/*<![CDATA[*/$(document).ready(function(){$(".post-body img:eq(0)").each(function(){var r=$(this),t=r.attr("src"),a=r.parent().attr("href"),e=$("#blog-banner"),c=$('<a rel="prettyPhoto" href="'+a+'"><img src="'+t+'" /></a>');c.appendTo(".bckpic"),e.css({"background-image":"url("+t+")"})})}); var relnum=0;var relmaxposts=5;var numchars=135;var morelink=" ";function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgthum(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnum]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnum]=saringtags(postcontent,numchars),postimg="media$thumbnail"in e?e.media$thumbnail.url:"http://lh3.ggpht.com/_xcD4JK_dIjU/SnamIh0KTCI/AAAAAAAADMA/hLjqmEbdtkw/d/noimagethumb.gif",relgambar[relnum]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnum]=e.link[n].href;break}relnum++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function relatpost(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],s=relurls[t],i=relcuplikan[t],o=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=s,relcuplikan[a]=i,relgambar[a]=o}for(var g,m=0,h=Math.floor((reljudul.length-1)*Math.random()),c=h,d=document.URL;m<relmaxposts&&(relurls[h]==d||(g="",document.write(g),m++,m!=relmaxposts))&&(h<reljudul.length-1?h++:h=0,h!=c););}var reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array; /*]]>*/ </script> </b:if>

    1. ضع الاكواد التالية فوق <head/>  او اسفل<b:skin/> 
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <style>#blog-banner{position: absolute; width: 100%; height: 260px;;background-attachment: fixed;-webkit-filter: blur(2px); background-size: 75%; background-position: 50% -35%;}.titlewrapper-intop { margin: 20px; text-align: center; color: #fff; font-size: 26.3px; background: url(https://lh3.googleusercontent.com/-RxN2gAXtwwM/VwEux4gRx5I/AAAAAAAAGCM/2tNonX1Q1a0vCr33Yya9YlkF9P7uYi89gCCo/s230-Ic42/slicses2016.png); background-position: center bottom; background-repeat: no-repeat; margin-bottom: 30px; padding-bottom: 55px;position: relative;z-index: 99;}.mg_intop{height: 260px; position: relative; overflow: hidden; width: 1170px;}.fcenter{max-width: 1179px; display: block; margin: auto; position: relative;}.mg_intop .breadcrumbs a{font-weight: 700; font-size: 12px;}.mg_intop .breadcrumbs i{color:#fff;padding:0 5px;}.mg_intop:after{content: &quot;&quot;;background: rgba(0,0,0,.5);position: absolute; right: 0;width: 100%; height: 100%;top: 0;background-image: url(https://lh3.googleusercontent.com/-r8fJlEPNon4/VmXMcHiwAmI/AAAAAAAAE0Y/WjHJ0MYfZN4qyNdcBoQDqYRogGgk481NwCCo/s8-Ic42/repeat-all-JAZAIRIWEB.png);}.ymr-item{padding-right:20px!important;}</style><style>#header-wrap_slider {background-color: #fff; width: 1170px; margin: 0 auto; height: 245px; margin-bottom: 5px; margin-top: 15px; border: 5px solid #fff; overflow: hidden;}.titlewrapper-jazairiweb {margin: 20px; text-align: center; font-weight: normal; color: rgb(255, 255, 255); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.01) 1%,rgba(255, 255, 255, 0.35) 50%,rgba(255, 255, 255, 0) 100%); font-size: 26.3px; font-family: Lobster,ge_dinar_tworegular; }#header-wrap_info { background: #fff; margin: auto 0; height: auto; overflow: hidden;margin-top: 15px; }</style> <style>.titlewrapper-intop {font-family: Electrolize,ge_dinar_tworegular; text-align: center; color: #fff; font-size: 26.3px;margin-top: 6px;position: relative;z-index: 99;}</style><style>.post-sharing {margin:0 auto 20px;position :relative;text-align:center;z-index: 99;} .post-sharing a{width: 40px; height: 40px; display: inline-block; line-height: 43px; color: #fff!important; text-align: center; border-radius: 100%; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; font-size: 19px;} .post-sharing a:hover {opacity: 0.80;box-shadow: 0px 0px 18px 18px rgba(80, 80, 80, 0);transition: all .2s ease-in-out; background:rgba(255, 255, 255, 0.8);color: #1B1A1A!important;-webkit-transform: translateY(-4px); transform: translateY(-4px);} .post-share{float :right;width : 100%;padding-left:20px;padding-right:25px;margin:0 auto;text-align:center;} .post-share li,.post-sharing li{display :inline-block;font-size:15px} ul.post-sharing:before{content:&#39;شارك هذه التدوينة على : &#39;;display :block;margin-bottom:10px;color: #fff;} .post-share li a{position :relative;margin:0 1px 0 0;padding:4px 11px;line-height:2.2;font-weight:400;vertical-align:middle;color:#fff;font-size:16px;text-transform:uppercase;display :inline-block;transition:background-color .3s} .post-share .fa{padding:0 0 0 5px;top:1px;font-size:16px;position :relative} .post-share ul{list-style:none} .post-share ul li{padding-bottom:3px;font-size:16px;font-family:&#39;Karla&#39;,sans-serif;display :inline-block;margin-top:5px;} .post-footer .post-share li a{color:#fff;} .post-sharing .facebook-share,a.facebook.df-share{background-color:#3B5998;} .post-sharing .twitter-share,a.twitter.df-share{background-color:#00ACED;} .post-sharing .google-share,a.google.df-pluss{background-color:#D14836;} .post-sharing .pinterest-share,a.pinterest.df-pinterest{background-color:#CB2027;} .post-share li a:hover{color:#fff;background-color:#212026}</style> </b:if>

    1. ضع الاكواد التالية في اي مكان يناسبك, مثل: اسفل القائمة الرئيسية 
    <b:if cond='data:blog.pageType == &quot;item&quot;'> <header class='jazairiweb_wrap_jazairiweb' id='header-wrap_slider'> <div class='mg_intop'><div id='blog-banner'/> <div class='titlewrapper-intop'>اجعل مدونتك افضل مدونة مع التصاميم المجانيه</div> <ul class='post-sharing wow bounce animated'> <li><a class='facebook-share' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot;+ data:post.title' rel='nofollow' target='_blank' title='Share to facebook'><i class='fa fa-facebook'/></a></li> <li><a class='twitter-share' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share to twitter'><i class='fa fa-twitter'/></a></li> <li><a class='google-share' expr:href='&quot;https://plus.google.com/u/0/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share to google+'><i class='fa fa-google-plus'/></a></li> <li><a class='pinterest-share' expr:href='&quot;http://pinterest.com/pin/create/button/?source_url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.firstImageUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank' title='Share to pinterest'><i class='fa fa-pinterest'/></a></li> </ul></div> </header></b:if>


    1. ملاحظة هامة:  ادا لم تشتغل ظهور صورة الموضوع
    2. ضع الكود التالي فوق <b:skin>  
    <script src='https://googledrive.com/host/0B2v7cH8soLJrV2plNzMxRm5icnM' type='text/javascript'/>

    خدمات مدفوعة مقابل $5

    المزيد

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