قالب مدونة سعيد حصرياُ على عرب سوفت

بسم الله الرحمن الرحيم اليوم سأقوم بطرح قالب جديد وكما عودناكم بالطبع فهو قالب مدفوع لمدونات بلوجر ولكن على عرب سوفت كل شئ مجانى وبدعمكم إن شاء الله سيظل كل شئ مجانى. على العموم هذا القالب كان تحدى من صديقى Mego ( إن شاء الله سينضم لفريق التدوين قريباً ) بأن أقوم بمحاكاة فى يوم واحد بما ان القالب ليس موجود على الساحة فسيصبح القالب حصرى لمدونة عرب سوفت وبفضل الله تم الأنتهاء من القالب كاملا فى خلال ساعة و 33 دقيقة بالتمام . كما أنى اليوم سأطرحه بالأضافات الخاصة به أى قالب مدفوع كامل متكامل لمدونتك فى أقل من 5 دقائق .

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

حتى لا أطيل عليكم دعونا نمر لمعاينة القالب

نعم فالقالب روعة و بسيط جداً

وكما قلت سابقاً فإنه حصرى على مدونة عرب سوفت وجوجل هو الفيصل بيننا :P

و الأن جاء دور التحميل

و الأن الجزء الخاص بالأضافات فى حال اذا كنت تريد تركيبها و سأبدأ من الأسفل لتفادى مشكلة ترتيب الأضافات

1 - إضافة أخر التعليقات

<h2 class='title'>آخر التعليقات</h2>
<div class='widget-content'>
<style type="text/css">
ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
.w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
.w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: normal;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments Settings
var
numComments = 5,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 60,
showMorelink = false,
moreLinktext = "إقرأ المذيـــد &#187;",
defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUl6LyUkTC4pAsVyav3ZXwCUGCUUUE-213oYxxRZrNuL8krEv-8aBoUz86DGuoSy3Nu6hc4M9_ag3qvojjPHTriM6F7wukRQL47nDdbVUQbTcfiwA8AyFkxB7HVr2zzLDHOL8iGoaeAJk/s1600/gest.png",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://my-tqarob.googlecode.com/svn/trunk/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://www.3rab-tech.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>
</div>

لكى تعمل معك الأضافة قم بتغيير ما باللون الأحمر لرابط مدونتك

2 - إضافة المواضيع النشطة يتم أضافتها من التخطيط وهى بأسم المشاركات الشائعة

3 - إضافة إنضم لأكثر من 5000 متابع للمدونة

<div class="lefts">
<h1>إنضم لأكثر من <b>5000</b> متابع للمدونة</h1>
<div class="social">
<a target="_blank" href="http://feeds.feedburner.com/3rab-tech"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLWT1UNY1gsJO0xxw6O3B1VsnPInChdZpiWE2vNTX4bH1j8o8Tw-Dv8NYgnGFpKrPDAIGME72YZVrLSlrB4OoZ8sNx17rzfkAW3bcn7lZvb4GbXovDU5pmL4cmRBa6BLPFoLg0XuLiwnI/s1600/rss.png"/></a>

<a target="_blank" href="https://twitter.com/AeroMody"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglH315wuZ-k75wH6NAxXXDttlUt7UuntRKJF6i077qcVqbXB9TNwccF0N1r0CmMoz0Y64_G6RmQbIblEcihs4OlUfBhDe54MrSiHV-XcU_Lyy9iOTzPcnIPMXyuNc2Ux_19AcXLZ4woPM/s1600/tw.png"/></a>

<a target="_blank" href="https://www.facebook.com/3rab4tech"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWUEoIWzOjQgiF7oXBiBX_DAZgJKOGIx_wIodequnpEVuqbU_JHNMmC_5rXcscP7j105T8J9i2PpcRmhHXd_k8QFiTzNttCwBe3DA5V32ggpEFRg-LzotPKnWPmjtj0Gi4FaR0MC3-274/s1600/face.png"/></a>

</div>

<div class="ins">
<center>
<div id='sleek-subscribe'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=3rab-tech' class='signform' method='post' target='_new'>

<input class='txt2' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;ضع اميلك هنا ليصلك كل جديد&apos;;}' onfocus='if (this.value == &apos;ضع اميلك هنا ليصلك كل جديد&apos;) {this.value = &apos;&apos;;}' value='ضع اميلك هنا ليصلك كل جديد'/>

<input class='btn2' type='submit' value=' '/>
</form>
</div>
</center>
</div>

</div>

<style>
.lefts{
width:300px;
height:182px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik_6zO3W9q0IndtQ8u0cbIztzz7RQkklj_wVZvgX4rtV8UYI5pEaSIxVHbykJF9I7a7MBESY1DjGxkoZvv58MwHhLFyXiFCDGzu1o01mjytz6Lh7iEGwECqjgOEvVVmf-13n7vfNvEZfE/s1600/left.png);
}

.lefts h1{
color:#767676;
margin:0;
text-align:center;
font:14px 'DroidKufi-Bold';
padding:10px;
padding-top:20px;
}

.lefts b{
font:18px Arial, Helvetica, sans-serif;
color:#ffc000;
}

.lefts .social{
margin-right:50px;

}


.lefts .social a img{
float:right;
margin-right:20px;
margin-top:8px;

}



.lefts .ins{
width:300px;
height:40px;
float:right;
margin-top:15px;
}

.lefts .ins .txt2{
border:1px solid #e1e1e1;
background:#fff;
border-radius:5px;
font:12px Tahoma, Geneva, sans-serif;
color:#c0c0c0;
padding:6px 7px 7px 7px;
margin:0px;
float:right;
margin:0 20px 0 5px;
text-align:right;
width: 175px;
}


.lefts .ins .btn2{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqSeqhcXQVyWQXwDRJ7E650RDAz8MgYgzXitFwNicusLmOnvHXLcVpdK0zCNmYndxx6h47E0zs6T_j4Q2TrnUyNQrYpK4uI3G_S49cJm0fvDYuA_3sEu1KvcgBBmQ6aLekI_KLBXvylzI/s1600/sub.png);
float:right;
border:none;
width:64px;
height:28px;
cursor:pointer;
}




</style>

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

4 - إضافة الأشتراك فى قناة اليوتيوب

<iframe src="http://www.youtube.com/subscribe_widget?p=ProtectHacker" style="overflow: hidden; height: 100px; width: 300px; border: 0;" scrolling="no" frameborder="0"></iframe>

لا تنسى تغيير ما باللون الأحمر لأسم قناتك على اليوتيوب

5 - إضافة تابعنا على الفيس بوك

<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F3rab4Tech&amp;width=300&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;show_border=true&amp;header=true&amp;appId=109175432574251" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>

لا تنسى تغيير ما باللون الأحمر لأسم صفحتك على الفيس بوك

6 - إضافة مربع البحث

<style>
.srch{

height:67px;
background: #fbfbfb;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px #ABABAB;
padding: 5px 10px;
}

.srch .barre{
width: 183px;
background: #fbfbfb;
border-radius: 8px;
padding: 10px !important;
font:12px Tahoma, Geneva, sans-serif;
background:#fbfbfb !important;
text-align:right;
float:right;
margin:13px 10px 10px 15px !important;
border:1px solid #dfdfdf !important;
color:#a7a7a7;
}

.srch .btn{
width:39px;
height:37px;
float:right;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzdOF5CkceNnAuTMKtjkEHMcwgl9Agm0csjcINCPGVITziTb3CJbioHhb2tuaulhUCqzVCVSLXi5ShELHO4BnXWNikcDUUypRw6qGYovIsZmr6W8xnNhmbo77hyphenhyphenaUeAMSWlkedrcYNAGY/s1600/btnsrc.png);
border:none;
cursor:pointer;
margin:13px 0px 10px 10px;

}


</style>

<div class="srch">

<form target="_blank" id="cse-search-box" action="http://www.google.co.ma">
<div>
<input type="hidden" value="partner-pub-5353744376962807:4162204174" name="cx" />
<input type="hidden" value="UTF-8" name="ie" />
<input class="barre" type="text" size="35" name="q" value="" style="border: 1px solid rgb(126, 157, 185); padding: 2px; background-image: url(http://www.google.co.ma/cse/intl/ar/images/google_custom_search_watermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-repeat: no-repeat no-repeat;" />

<input class="btn" type="submit" value="" name="sa" />
</div>
<input type="hidden" name="siteurl" value="www.3rab-tech.com" /><input type="hidden" name="ref" /><input type="hidden" name="ss" /><input name="siteurl" type="hidden" value="www.3rab-tech.com/2013/06/Simple-Steps-To-Speed-Your-Computer.html" /><input name="ref" type="hidden" value="www.3rab-tech.com" /><input name="ss" type="hidden" value="" /></form>

<script src="http://www.google.co.ma/coop/cse/brand?form=cse-search-box&amp;lang=ar" type="text/javascript"></script>

</div>

7 - إضافة تابعنا على الفيس بوك ( أعلى الموضوعات )

<div dir='ltr' style='text-align: left;' trbidi='on'>
<div class='separator' style='clear: both; text-align: center;'>
<a href='https://www.facebook.com/3rab4Tech' target='_blank'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGZlnfvFDiJ7pFTRbsYRtQ8BcCgGbpLttxQux0_ONrptYYizcF0mGPmuqjfw7zih9Z2CIJd1FT5f_CT5ZV-lwDAcIdHUebC4ob5uZqNblMRIqpPSLHOoWd_QMHWvUlrBa9CR-xToLcqYE/s1600/saidblogfacebook.gif'/></a></div>
</div>

لا تنسى تغيير ما باللون الأحمر لأسم قناتك على الفيس بوك

8 - إضافة تابعنا على تويتر ( أسفل الموضوعات )

<a href="https://twitter.com/AeroMody">
<img alt="" height="60" id="Image2_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJUnVq9c119K2s7B93dfySSDqexRQ6vH2oQNlqU3wvuFXW81NbrKuZpPUABnvDKXIX2S1jTNmi06jbJxZJOuOWg-nOPk98vKobI_N-7AKLM9ch4phNPbylhGTG66Spdch3lbIPLgKEzB0/s1600/twitter.gif" width="632" />
</a>

و أخيراً قم بتغيير ما باللون الأحمر لرابط صفحتك على تويتر

و إلى اللقاء فى قالب مدفوع جديد


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

يمكنك عمل إعجاب من هــنـا

https://www.facebook.com/Alwan2Web

دخول متقطع بسبب الأمتحانات ولكن سأحاول الرد على جميع أستفسارتكم