[ حصريا ] تحميل قالب مدونة برو أيوب السابق متاح ومجانا

[full_width]

قالب مدونة برو أيوب السابق متاح ومجانا

بسم الله الرحمن الرحيم

السلام عليكم و رحمة الله و بركاته

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

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

مميزات القالب 

1. قالب رائع يقوم بعرض المواضيع بطريقة جميلة و أنيقة و جذابة للزوار.
2. ألوان القالب جميلة و متناسقة و مريحة للعين جدا .
3. بالنسبة لأرشفة المواضيع و التوافق مع محركات البحث العالمية فهو سريعا جدا فى الأرشفة و متوافق مع محركات البحث.
4. متوافق مع الأجهزة اللوحية مثل التابلت و الهواتف الذكية عامة.
5. سيو 100% .
6. يحتوى القالب على اضافات رائعة لا توجد الا فى قالب مدونة برو أيوب السابق فهى مميزة وفريدة .
7. يحتوى أيضا على سلايدر لعرض آخر المواضيع تلقائي و جميل و أنيق .
8. القائمة العلوية قائمة احترافية و جميلة و ثابتة مع النزول و الصعود فى المدونة .
9. يحتوى على زر يمكنك من الصعود للأعلى بكل سهولة و جمال و أناقة.

اضافات القالب

اضافة مواقع التواصل الاجتماعى الاحترافى جدا

اضافة مواقع التواصل الاجتماعى

<style>
#fbar {
list-style-type: none;
list-style: none;
margin: -26px -10px 0px -6px;
background: #fff;
padding: 0px;
width: 347px;
margin-left: 12px;
}
#fbar0 {
list-style-type:none;
list-style: none;
margin:-9px -10px -1px -10px;
background:#fff;
padding:0px;
}
#fbar1 {
float: right;
width: 50%;
display: block;
height: 380px;
}
#fbar1 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar2 ul{
list-style-type:none;
list-style: none;
margin:0px;
background:#fff;
}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
 text-align: right;
}
#fbar ul li a {
color: #000;
font-size: 12px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
#fbar0 {
list-style-type: none;
list-style: none;
padding: 0px;
width: 50%;
margin: 0px 280px 10px 10px;
}
#fbar2 {
width: 50%;
display: block;
}
#fbar2 ul {
list-style-type: none;
list-style: none;
margin: 0px;
}
#fbar ul li {
padding: 14px 10px;
margin-bottom: -28px;
color: #666;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
width: 153px;
margin-left: 51px;
text-align: right;
}
li.lb1 {
margin-top: 22px;
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
#fbar0 ul li a {
color: #848484;
font-size: 25px;
font-weight: normal;
text-decoration: none;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease;
-ms-transition: All 0.5s ease;
transition: All 0.5s ease;
}
i.icon-home {
font-size: 32px;
}
i.icon-dollar{
font-size: 32px;
}
i.icon-info{
font-size: 32px;
}
 i.icon-ayoub{
font-size: 32px;
}
 i.icon-c-us{
font-size: 32px;
}
 i.icon-soal-plus{
 font-size: 32px;
}
 i.icon-map-marker{
font-size: 32px;
 }
 </style>
<div id="fbar">
 <div id="fbar1">
<ul>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/vcbDN3.png" /></a></li>
<li class="lb"> </li> <li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/dx49WF.png" /></a></li>
<li class="lb"> </li> <li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/MAvZ99.png" /></a></li> <li class="lb"> </li>
<li class="lb"><a target="_blank" rel="nofollow" href="#"><img src="http://im77.gulfup.com/DMh8Je.png" /></a></li> <li class="lb"> </li>
</ul>
</div>
<div id="fbar0"> <div id="fbar2">
<ul>
<li class="lb1"><a target="_blank" http://blog-ency.blogspot.com/"><i class="icon-home"></i> الرئيسية </a></li>
<li class="lb1"><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><i class="icon-dollar"></i> خدماتنا </a></li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-c-us"></i> راسلنا </a></li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-soal-plus"></i> إسأل ! </a> </li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-ayoub"></i> من أنا؟ </a></li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-info"></i> استفسر </a> </li>
<li class="lb1"><a target="_blank" href="http://blog-ency.blogspot.com/"><i class="icon-map-marker"></i> أعلن ! </a> </li>
</ul>
</div>
</div>
</div>

اضافة التعريف بالكاتب بطريقة احترافية و جميلة

اضافة التعريف بالكاتب

<style>
.ayoub img {
text-align: center;
margin-right: -16px;
}
</style>
<div class="ayoub">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5xNhyphenhyphen77UJxG-e8f8K_DyjWWRXenFN5oDKPVp-MBfm3gb_HtgVTzzpaS3WlHcYFJYWM8vytu-U2pDA8MJM9Syen9NkV0U8U2jy8QYOqtLkS6M0551Ig-4n6ecoigI87vPq_is_Gq2v-Vs/s1600/ayoub+boulaich+logo.png"/>
</div>
<style>
#social-wrapper {
padding: 10px 0 0;
overflow: hidden;
margin-right: 45px;
}
.social-icons.sticky-social {
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
display: block;
text-align: center;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
margin: 0 3.5px !important;
}
.social-icons a {
background-color: #dadada;
float: right;
}
.social-icons a.facebook {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdwcDSzaO8TMkwZeff2TCsUeH2wi7FkfGqIbaLuHvt57tlnz-6wg7heUY7tOfb9t6fwckceudhiHQMJt4WXLogYBBYN_pnwZ6uZebqE7tG62Tw9MCbZceisEarjeJdD_W_gPux2g-cPbE/s1600/facebook.png);
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheLwuek865Gd0n8V3643j6p0VBV_LiFDw46RN5ZcOwJZl9J647pTNl8IVcDgIlNj6XMoC1825HAiniIuuYFMnCMAxoIOOe4ZILpKKAX9DshzgZS1Ga6PtYY6PgxQlWpI5bFAqFeHCnPV4/s1600/twitter.png);
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.khamsat {
background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoB3iW57XMeiLPMs8I-HjIoD5uyJBaO1HVRos8B4TA31H1Ra_WmjvjIJ_NmCHy5JeEAEX2ci3JEK705nV7IfO2EXP2FmHccsMBTW7kIC8IekOvaiT_Mzp16y__9Mhmhy0__GzwFhLrDg8/s1600/kmst.png);
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
</style>
<div id="social-wrapper"> <div class="social-icons sticky-social">
<a class="facebook" href="http://blog-ency.blogspot.com/" target="_blank" rel="nofollow"> </a>
<a class="twitter" href="http://blog-ency.blogspot.com/" target="_blank" rel="nofollow"> </a>
<a class="khamsat" href="http://blog-ency.blogspot.com/" target="_blank" rel="nofollow"> </a></div> </div>
<div id="call-wrapper">
<a style="font: 24px;color:#fff;text-align: center;">000000000+</a>
<a href="#"><img src="http://www.dits.co.th/ip-pbx/images/callcenter-icon.png" /></a>
</div>
<style>
#call-wrapper {
margin: 0 auto;
text-align: center;
margin-top: 12px;
margin-left: -13px;
}
#call-wrapper a {
font-size: 20px;
}
#call-wrapper img {
width: 30px;
height: 30px;
}
</style>

اضافة التبادل الاعلانى الرائع

اضافة التبادل الاعلانى الرائع

<div class="mawa9i3-tad3amona">
<ul>
<li><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><u class="icon-link"></u> اعلن هنا </a></li>
<li><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><u class="icon-link"></u> اعلن هنا </a></li>
<li><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><u class="icon-link"></u> اعلن هنا </a></li>
<li><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><u class="icon-link"></u> اعلن هنا </a></li>
<li><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><u class="icon-link"></u> اعلن هنا </a></li>
<li><a target="_blank" rel="nofollow" href="http://blog-ency.blogspot.com/"><u class="icon-link"></u> اعلن هنا </a></li>
</ul>
</div>
<style>
.mawa9i3-tad3amona {
float: right;
}
.mawa9i3-tad3amona ul {
text-align: right;
width: 190px;
}
.mawa9i3-tad3amona ul li {
background-image: url(http://alexgurghis.com/themes/vetro/wp-content/themes/Vetro_Preview/images/widget-title-shadow.png);
background-repeat: repeat-x;
background-position: bottom;
}
.mawa9i3-tad3amona ul li a {
color: #fff;
font-size: 15px;
}
u.icon-link {
font-size: 25px;
margin-left: 12px;
}
</style>
</div>
</div>

تشغيل السلايدر الجميل و الرائع

السلايدر الجميل و الرائع

لتشغيل السلايد شو ابحث عن هذا الكود وغير كلمة internet بالتسمية التي تريد

label1 = "internet";

لتحميل القالب و المعاينة

معاينة اضغط هنا تحميل اضغط هنا