معهد خبراء بلوجر - تحميل قالب مدونة علي نائل الاصدار الاولv1 + الاضافات

تحميل قالب مدونة علي نائل الاصدار الاول v1

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

معاينة القالب : "ALI NAEL"

مواصفات واضافات القالب

1- (شريط كلمة الادارة المتحرك (يمكنك التعديل عليه -قالب-تحرير
http://im40.gulfup.com/Gr3P8.png
2- سلايد شو متحرك
http://im42.gulfup.com/ExVGj.png
3-كود التبادل الاعلاني المتميز-
http://im35.gulfup.com/FAmI9.png

كود بلغة HTML:

                       <!--Advertisement Banners By alinaeliq.blogspot.com--> 

    <style> 

    .FoulsCode-Ads ul{ 

    list-style-type:none; 

    margin: 0px auto; 

    padding: 10px 0px 10px 0px; 

    width:270px; 

    overflow:hidden; 

    } 

    .FoulsCode-Ads ul li{ 

    list-style-type:none; 

    margin: 0px 5px 10px 5px; 

    float:left; 

    display:inline; 

    background:orange; 

    -webkit-transition:all 0.2s ease; 

    -moz-transition:all 0.2s ease; 

    -o-transition:all 0.2s ease; 

    border-radius:100%; 

    -webkit-border-radius:100%; 

    -moz-border-radius:100%; 

    -o-border-radius:100%; 

    } 

    .FoulsCode-Ads ul li:hover { 

    -webkit-transition:all 0.3s ease; 

    -moz-transition:all 0.3s ease; 

    -o-transition:all 0.3s ease; 

    -o-border-radius:15%; 

    -webkit-border-radius:15%; 

    -moz-border-radius:15%; 

    border-radius:15%; 

    } 

    .FoulsCode-Ads ul li:active { 

    -webkit-transition:all 0.2s ease; 

    -moz-transition:all 0.2s ease; 

    -o-transition:all 0.2s ease; 

    -o-border-radius:50%; 

    -webkit-border-radius:50%; 

    -moz-border-radius:50%; 

    border-radius:50%; 

    } 

    .FoulsCode-Ads ul li a img{ 

    -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5); 

    -moz-box-shadow:0 0 8px rgba(0,0,0,0.5); 

    box-shadow:0 0 8px rgba(0,0,0,0.5); 

    padding:3px; 

    } 

    </style> 

    <div class="FoulsCode-Ads"> 

    <ul> 

    <li style="background:#e42b2b !important;"> 

    <a href="http://alinaeliq.blogspot.com 

" rel="nofollow"> 

    <img height="120"  



src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis 



/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"  



width="118" /> 

    </a></li> 

    <li style="background:#FFE500 !important;"> 

    <a href="https://alinaeliq.blogspot.com" rel="nofollow"> 

    <img height="120"  



src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis 



/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"  



width="118" /> 

    </a></li> 

    <li style="background:#a800ff !important;"> 

    <a href="http://www.alinaeliq.blogspot.com"  



rel="nofollow"> 

    <img height="120"  



src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis 



/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"  



width="118" /> 

    </a></li> 

    <li style="background:#41d05f !important;"> 

    <a href="http://alinaeliq.blogspot.com" rel="nofollow"> 

    <img height="125"  



src="http://lh6.ggpht.com/_PhBMR7XaHEs/TEJTuhWpHnI/AAAAAAAABis 



/-NU7uweLofQ/%28F1%204%28%27%28JC_thumb%5B1%5D.png"  



width="118" /> 

    </a></li> 

    </ul> 

    </div> 

    <!--Advertisement Banners By alinaeliq.blogspot.com-->

4-الانتقال السريع
http://im37.gulfup.com/9WqVO.png
رمز Code:

كود بلغة HTML:

      <style> .arabetutorial-menu{     position:relative; } .arabetutorial-menu li{     float:right;     width:100px;     height:100px;     margin:5px;  list-style:none; } .arabetutorial-menu li a{     display:block;     overflow:hidden;     background:#EAEAEA;  color:#fff;     text-align:center;     height:100%;     width:100%;     position:relative;     -moz-box-shadow:1px 1px 2px #ddd;     -webkit-box-shadow:1px 1px 2px #ddd;     box-shadow:1px 1px 2px #ddd;  text-decoration:none;  border:1px solid #D5D5D5;  transition:1s; } .arabetutorial-menu li b{     display:block;     overflow:hidden;     background:#444;  color:#fff;     text-align:center;     margin-top:60px;  padding:5px 0 5px 0;     position:relative;  text-decoration:none;  border-top:1px solid #565656;  border-bottom:1px solid #565656;  transition:1s; } .arabetutorial-menu li b:hover{     background:#EAEAEA;  color:#444;  transition:1s;  border-top:1px solid #00A6FF;  border-bottom:1px solid #00A6FF; } .arabetutorial-menu li a:hover{     background:#00A6FF;  transition:1s; } .arabetutorial-icon{     width:80px;     height:80px;     position:absolute;     background-position:top left;     background-repeat:no-repeat;     background-color:transparent;     left:35px;     top:20px; } .arabetutorial-icon-home{     background-image:url(http://im31.gulfup.com/FRbbn.png); } .arabetutorial-icon-contact{     background-image:url(http://im31.gulfup.com/jtNtX.png); } .arabetutorial-icon-about{     background-image:url(http://im31.gulfup.com/b5PQM.png); } .arabetutorial-icon-demo{     background-image:url(http://im31.gulfup.com/iAJ1W.png); } .arabetutorial-icon-service{     background-image:url(http://im31.gulfup.com/qnT2q.png); } .arabetutorial-icon-bob{     background-image:url(http://im31.gulfup.com/UQ7Wo.png); } </style> <ul id="arabetutorial-menu" class="arabetutorial-menu">     <li>         <a class="arabetutorial-item" href="http://goo.gl/cxAsZ"><span class="arabetutorial-icon arabetutorial-icon-home"></span><b>اضافات بلوجر</b></a>  </li>      <li>         <a class="arabetutorial-item" href="http://goo.gl/cxAsZ"><span class="arabetutorial-icon arabetutorial-icon-demo"></span><b>قوالب بلوجر</b></a>  </li>      <li>         <a class="arabetutorial-item" href="http://goo.gl/oi8YC"><span class="arabetutorial-icon arabetutorial-icon-service"></span><b>السكريبتات</b></a>  </li>      <li>         <a class="arabetutorial-item" href="http://goo.gl/DkFKj"><span class="arabetutorial-icon arabetutorial-icon-contact"></span><b>العاب</b></a>  </li>     <li>         <a class="arabetutorial-item" href="http://goo.gl/7uHHm"><span class="arabetutorial-icon arabetutorial-icon-about"></span><b>فوتوشوب</b></a></li>      <li>         <a class="arabetutorial-item" href="http://goo.gl/zKH27"><span class="arabetutorial-icon arabetutorial-icon-bob"></span><b>برامج كمبيوتر</b></a>  </li> </ul>

5-اقسام مفيدة
http://im38.gulfup.com/9h4FG.png
رمز Code:

كود بلغة HTML:

      <link href='https://sites.google.com/site/pstekblog/navigation.css' rel='stylesheet' type='text/css'/>  <div id="container">  <ul class="nav"> <li>    <div class="nested">     <a href="http://goo.gl/DkFKj"target="_blank">العاب</a>     <ul>  <li><a href="http://goo.gl/DkFKj"target="_blank">العاب كمبيوتر</a></li> <li><a href="http://goo.gl/wTFf2"target="_blank">العاب اندرويد</a></li> <li><a href="http://goo.gl/Mp1El"target="_blank">العاب ايفون</a></li> </ul> </div> </li> <li>    <div class="turqoise-white nested">     <a href="http://goo.gl/zKH27"target="_blank">تطبيقات</a>     <ul> <li><a href="http://goo.gl/zKH27"target="_blank">برامج كمبيوتر</a></li> <li><a href="http://goo.gl/Mp1El"target="_blank">تطبيقات ايفون</a></li> <li><a href="http://goo.gl/wTFf2"target="_blank">تطبيقات اندرويد</a></li> </ul> </div> </li> </ul> <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />  <br />   <ul class="nav"> <li>    <div class="red-white nested">     <a href="http://goo.gl/cxAsZ"target="_blank">بلوجر</a>     <ul> <li><a href="http://goo.gl/cxAsZ"target="_blank">اضافات بلوجر</a></li> <li><a href="http://goo.gl/cxAsZ"target="_blank">قوالب بلوجر</a></li> </ul> </div> </li> <li>    <div class="ye-white nested">     <a href="#"target="_blank">اخرى</a>     <ul> <li><a href="http://goo.gl/TLb74"target="_blank">فيس بوك</a></li> <li><a href="http://goo.gl/oi8YC"target="_blank">سكريبتات</a></li> <li><a href="http://youtube.com/li06877"target="_blank">قناتي</a></li> <li><a href="http://facebook.com/alinaeljawad"target="_blank">حول</a></li> </ul> </div> </li> </ul> </div>

7-لتصفح افضل للمدونة
http://im33.gulfup.com/hYLCk.png
رمز Code:

كود بلغة HTML:

      <div align=center><a href="https://www.mozilla.org/en-US/"><img src="http://im33.gulfup.com/X7rKu.png" width="200" height="200" /></a></div>

8- اداة تابعني على تويتر بشكل جميل جداً
رمز Code:

كود بلغة HTML:

      <object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="150" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" /><param name="allowscriptaccess" value="always" /><param name="menu" value="false" /><param name="wmode" value="transparent" /><param name="flashvars" value="username=aann772010" /><a href="http://www.gj37765.blogspot.com/" title="Widget for Blogger by Making Different">Widget for Blogger by Making Different</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="150" height="150" menu="false" wmode="transparent" flashvars="username=mdwan_blogger"></embed></object>

قم بتغير aann772010

9- اداة تابعني في الجانب الايسر
http://im36.gulfup.com/CtMyG.png
رمز Code:

كود بلغة HTML:

      <div id='social-sidebar'>     <ul><li>     <a class='entypo-twitter' href='https://twitter.com/aann772010' target='_blank'>     <span>Twitter</span>     </a></li><li>     <a class='entypo-gplus' href='https://plus.google.com/u/0/b/ali06877' target='_blank'>     <span>google+</span>     </a></li><li>     <a class='entypo-tumblr' href='http://www.instagram.com/aann772010' target='_blank'>     <span>tumblr</span>     </a></li><li>     <a class='entypo-facebook' href='http://www.facebook.net/alinaeljawad' target='_blank'>     <span>facebook</span>     </a></li><li>     <a class='entypo-rss' href='http://www.alinaeliq.blogspot.com/rss.xml' target='_blank'>     <span>feedburner</span>     </a></li></ul></div>     <style type='text/css'>     /*<![CDATA[*/     @charset "utf-8";     /* CSS Document */     /* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : /---------- */     @import url(http://weloveiconfonts.com/api/?family=entypo);     [class*="entypo-"]:before {     font-family: 'entypo', sans-serif;     }     /* ---------- GENERAL ---------- */     #social-sidebar a { text-decoration: none; }     #social-sidebar ul {     list-style: none;     margin: 0;     padding: 0;     }     /* ---------- Social Sidebar ---------- */     #social-sidebar {     left: 0;     margin-top: -75px; /* (li * a:width) / -2 */     position: fixed;     top: 50%;     }     #social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }     #social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }     #social-sidebar ul li a {     background: #121212;     color: #fff;     display: block;     height: 50px;     font-size: 18px;     line-height: 50px;     position: relative;     text-align: center;     width: 50px;     }     #social-sidebar ul li a:hover span {     left: 130%;     opacity: 1;     }     #social-sidebar ul li a span {     border-radius: 3px;     line-height: 24px;     left: -100%;     margin-top: -16px;     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";     filter: alpha(opacity=0);     opacity: 0;     padding: 4px 8px;     position: absolute;     -webkit-transition: opacity .3s, left .4s;     -moz-transition: opacity .3s, left .4s;     -ms-transition: opacity .3s, left .4s;     -o-transition: opacity .3s, left .4s;     transition: opacity .3s, left .4s;     top: 50%;     z-index: -1;     }     #social-sidebar ul li a span:before {     content: "";     display: block;     height: 8px;     left: -4px;     margin-top: -4px;     position: absolute;     top: 50%;     -webkit-transform: rotate(45deg);     -moz-transform: rotate(45deg);     -ms-transform: rotate(45deg);     -o-transform: rotate(45deg);     transform: rotate(45deg);     width: 8px;     z-index: -2;     }     #social-sidebar ul li a[class*="twitter"]:hover,     #social-sidebar ul li a[class*="twitter"] span,     #social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }     #social-sidebar ul li a[class*="gplus"]:hover,     #social-sidebar ul li a[class*="gplus"] span,     #social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }     #social-sidebar ul li a[class*="tumblr"]:hover,     #social-sidebar ul li a[class*="tumblr"] span,     #social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }     #social-sidebar ul li a[class*="facebook"]:hover,     #social-sidebar ul li a[class*="facebook"] span,     #social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }     #social-sidebar ul li a[class*="rss"]:hover,     #social-sidebar ul li a[class*="rss"] span,     #social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }     /*]]>*/     </style>

المواصفات

1- التأثير الجميل على الصور عند مرور الماوس عليها
http://im32.gulfup.com/ZoXnZ.png
2- تأثير مميز بخاصية اقرأ المزيد
3-شريط مميز جدا بالفوتر يمكنك التعديل عليه من القالب
http://im37.gulfup.com/r9vFN.png
4-يمكنك اضافه اعلان في الهيدر
5- تعريف الكاتب
6- المزيد من الاضافات اكتشفها بنفسك
اعتقد أن القالب كامل هو واضافاته لاتبحث ولاتتعب روحك

التحميل

تنبيه :

ملاحظه القالب من تصميم يوسف ويب وانا عدلت عليه واصفت بعض الاضافات فقط

التحميل

من ميديا فاير

أو المرفقات

كلمة شكر تكفي

تابعني على مدونتي "ALI NAEL"

end