<a href='http://arabs-c.blogspot.com/'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGVKIHxCKK4f7M_cv80eyHto3jDRzdLV5qc-bPkrpkA5nFlrjyEAcnsKH-0bdE8MLZ-wPNUMNKa2rt_abCvOWE93sUgPhPIrwbRLWxeHCuZsE0Gshra5Wfn8xbyoGRsjTxQ4WlBe4YrVRu/s335/logo.png'/></a>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content=' مدونة كمبيوتر العرب مدونة تقنية تهتم بالتصميم والتكويد وبرامج إدارة المحتوى خاصة البلوجر والووردبريس حيث نهتم بتطويرهما سعيا إلى الرقي والتميز' name='description'/>
<meta content='blogger,blogspot,blog,google,adsense,إضافات بلوجر,إضافة, اضافة بلوجر, بلوغر, بلوقر, كود, إقرأ المزيد, أدسنس, مدونة, مدونات, تدوين, كيفية, اعلانات جوجل ادسنس,بلوجر, بلوغ,إضافات ووردبريس,قوالب ووردبريس,دروس ووردبريس,' name='keywords'/>
<meta content='7 days' name='revisit'/>
<meta content='7 days' name='revisit-after'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='عبدالغفور' name='author'/>
<meta content='ar' name='language'/>
<meta content='maroc' name='country'/>
<meta content='global' name='distribution'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/> | إضافات بلوجر،إضافات ووردبريس،قوالب بلوجر،قوالب ووردبريس,دروس بلوجر,دروس ووردبريس</title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
<img alt='' height='80' src='http://www.photoshopcreative.co.uk/users/7359/thm1024/popman.jpg' width='80'/>
<h4>بقلم عبدالغفور</h4>
<p>أنا إسمي عبدالغفور بلدي هو المغرب مصمم ويب حر أعشق البلوجر والوورد بريس وأهتم بتطويرهما.أنشأت هذه المدونة لمشاركة معرفتي المتواضعة في مجال التصميم والتدوين من خلال مشواري وأتمنى أن تكون طريق المستخدم العربي للإحتراف</p>
http://feeds.feedburner.com/arabs-computer
http://www.facebook.com/pages/Arabs-computer/390334474357755
http://twitter.com/ArabicArabs
http://feedburner.google.com/fb/a/mailverify?uri=arabs-computer
http://www.youtube.com/user/abdelghafour5
http://arabs-c.blogspot.com/p/privacy-policy.html
السلام عليكم ورحمة الله تعالى وبركاته اليوم أتيتكم بدرس جديد هو عبارة عن شرح لكيفية تغيير ألوان الدريم ويفر هذه الطريقة جميلة حيث تحمي أعين مستعملي البرنامج خصوصا المصممين والمطورين فالكل يستخدم هذا البرنامج لأنه يعد الأول في مجاله لاأطيل عليكم أدعكم مع الشرح .
السلام عليكم ورحمة الله تعالى وبركاته لعل هناك الكثير من الإضافات الخاصة بالتبادل الإعلاني المنتشرة لكن تبقى هذه الإضافات تقليدية ولاتعطي جمالية للمدونة لكن ليس بعد الآن فقد أتيتكم بواحدة ستعجبكم فهي على عكس سابقاتها من الإضافت مصممة بتقنية الويب الحديثة ألا وهي CSS3 الإضافة سلسة وتعطي منظر جميل للمدونة يمكنك مشاهدة مثال على الإضافة من هنا،لاأطيل عليكم أترككم مع شرح تركيب الإضافة.<style>.slide-up-boxes a {display: block;margin: 10px -20px 0 0;background: rgba(215, 215, 215, 0.5);border: 1px solid #ccc;height: 65px;overflow: hidden;width:235px;}.slide-up-boxes h5 {color: #333;text-align: center;height: 65px;font: 18px/65px HelveticaNeue;opacity: 1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;}.slide-up-boxes a:hover h5 {margin-top: -65px;opacity: 0;}.slide-up-boxes div {position: relative;color: white;font: 12px/15px HelveticaNeue - bold;padding: 10px;opacity: 0;-webkit-transform: rotate(6deg);-webkit-transition: all 0.4s linear;-moz-transform: rotate(6deg);-moz-transition: all 0.4s linear;-o-transform: rotate(6deg);-o-transition: all 0.4s linear;}.slide-up-boxes a:hover div {opacity: 1;-webkit-transform: rotate(0);-moz-transform: rotate(0);-o-transform: rotate(0);}.slide-up-boxes a:nth-child(1) div { background: #c73b1b url(http://cdn1.iconfinder.com/data/icons/dellipack/48/interact.png) no-repeat; padding-left:25px; }.slide-up-boxes a:nth-child(2) div { background: #c73b1b url(http://cdn1.iconfinder.com/data/icons/dellipack/48/interact.png) no-repeat; padding-left:25px; }.slide-up-boxes a:nth-child(3) div { background: #c73b1b url(http://cdn1.iconfinder.com/data/icons/dellipack/48/interact.png) no-repeat; padding-left:25px; }</style><script type="text/javascript" async="" src="//s3.buysellads.com/ac/bsa.js"></script><script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"></script><section class="slide-up-boxes">
<a href="http://blogg-face.blogspot.com"><h5>مساحة الاعلانية</h5><div style="width:200px;font:bold 9pt HelveticaNeue;">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div></a><a href="http://arabs-c.blogspot.com"><h5>مساحة الاعلانية</h5><div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div></a><a href="http://arabs-c.blogspot.com"><h5>مساحة اعلانية</h5><div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div></a>
<a href="http://arabs-c.blogspot.com"><h5>مساحة الاعلانية</h5><div style="width:200px;font:bold 9pt HelveticaNeue;">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div></a>
<a href="http://arabs-c.blogspot.com"><h5>مساحة الاعلانية</h5><div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div></a>
<a href="http://arabs-c.blogspot.com"><h5>مساحة اعلانية</h5><div style="width:200px;font:bold 9pt HelveticaNeue">اهلا بك في مدونة كمبيوتر العرب للتبادل الاعلاني اضغط هنا</div></a></section>
ثم ابحث عن الكود الموالي بواسطة (CTRL+F) : ]]></b:skin>وضع مباشرة فوقه الكود التالي :
.subscribe{background-color:#399FFF;background-image:-moz-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);border:1px solid #0E8AFF;background-image:-webkit-linear-gradient(left top,#9bcfff 40%,#0e8aff 60%,#9bcfff 87%);background-image:-o-linear-gradient(left top,#9BCFFF 40%,#198FFF 60%,#9BCFFF 87%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9BCFFF',endColorstr='#0E8AFF');height:260px;margin:-13px 0px -40px 35px;overflow:hidden;width:295px}div.subscribe{text-align:right;width:300px;margin-right:-30px}.gmail{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQZXnuo6dDv2uI90Y-sYZuoOisBK2lTRNh8tzfQ4CjcYCAPEGBjZU589QhdyYhOCrjMjOjv-mIiqmW1LIFYso77PZvy7al0lhutQFgViY5nILbABAOzM6N_QzhNufeO3RROM4B06r-Ypnh/s64/gmail.png") no-repeat scroll 100% 0 transparent;color:#FFF;font:bold 12pt Arial,Helvetica,sans-serif;height:60px;padding:10px 70px 0px 0px}#burner{border-bottom:2px groove #2681d5;padding-bottom:15px}#burner .email{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;font:9pt Tahoma,Geneva,sans-serif;padding:0 10px;width:180px;direction:rtl;margin-right:20px;height:30px;line-height:30px}#burner .email:focus{background-color:#fff;box-shadow:0 0 20px #FFF}#burner input{height:30px}#burner .send{background-color:#bddfff;border:1px solid #2681d6;border-radius:5px 5px 5px 5px;color:#000;font:bold 9pt Tahoma,Geneva,sans-serif;padding:0 5px;width:50px;float:left;margin-left:10px}#burner .send:hover{background-color:#065eb0;color:#FFF}.social{width:250px}.social li{float:right;margin-right:20px}.share p{font:bold 15pt Arial,Helvetica,sans-serif;color:#fff;text-align:center;padding-top:20px;text-shadow:5px 5px 5px #000}.share a{float:right;margin:35px 22px 40px 0px}الآن قم بحفظ القالب وتوجه لتخطيط المدونة واختر إضافة أداة ثم HTML/JAVASCRIPT ثم أضف الكود الآتي.
غير مالون بالأحمر بإسمك على فيد برنر وغير مالون بالأزرق بإسم صفحتك على الفيسبوك ومالون بالأخضر بإسمك على تويتر والذي لون بالوردي غيره بإسم قناتك على اليوتيوب.<div class="subscribe"><div class="gmail">ضع بريدك الإلكتروني ولاتنسى تفعيله من علبة الواردات ليصلك جديد الموقع أول بأول</div><!--end gmail--><form id="burner" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=arabs-computer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify"><input class="email" type="text" onclick="this.value=''" onblur="this.value=!this.value?'ادخل بريدك الالكترونى ..':this.value;" name="email" value="ادخل بريدك الالكترونى .." /><input type="hidden" name="uri" value="arabs-computer" /><input type="hidden" value="en_US" name="loc" /><input class="send" type="submit" value="اشترك" /><br /><p style="margin-top:15px;text-align:center;"><a href="http://feeds.feedburner.com/arabs-computer"><img src="http://feeds.feedburner.com/~fc/arabs-computer?bg=99CCFF&fg=444444&anim=0" height="26" width="88" style="border:0" alt="" /></a></p></form>
<p style=" font:bold 15pt Arial, Helvetica, sans-serif;color:#fff;text-align:center;text-shadow:5px 5px 5px #000;">تابعنا على</p><div class="share" style="margin-top:-20px;"><div id="fb"><a class="menu" title="الفيسبوك" href="http://www.facebook.com/Arabs5" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/iconshock-social/png/48/facebook.png" alt="fb"/></a></div><div id="tw"><a class="menu" title="تويتر" href="https://twitter.com/ArabicArabs" target="_blank"><img src="http://cdn3.iconfinder.com/data/icons/iconshock_social/png/48/twitter.png" alt="tw" /></a></div><div id="rss"><a class="menu" title="الخلاصة" target="_blank" href="http://feeds.feedburner.com/arabs-computer"><img src="http://cdn1.iconfinder.com/data/icons/iconshock_social/png/48/rss.png" alt="rss" /></a></div><div id="yt"><a class="menu "title="اليوتيوب" target="_blank" href="http://www.youtube.com/user/abdelghafour5"><img src="http://cdn1.iconfinder.com/data/icons/iconshock_social/png/48/youtube.png" alt="yt" /></a></div></div><!--end share--></div><!--end subscribe-->
تابعنا على
جميع المواد الواردة في هذا الموقع حقوقها محفوظة لذى ناشريها ،ممنوع النقل بدون تصريح أو ذكر للمصدر . Privacy-Policy | إتفاقية الإستخدام
إن جميع المواد الموجودة في الموقع تعبر عن آراء كتابها ولاتعبر عن رأي الموقع لذلك لايتحمل الموقع أي مسؤوليات تجاهها
