قالب Syahira الإحترافي والجذاب معرب | BLOGGER |

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

الواجهة كاملة

المميزات

1. به سكربت لسيو 100%
2. متكون من عمودين
3.  محرك بحث متطور ajax
4.  صفحة خطأ 404
5.  سلايد رئيسي  تلقائي 3D
6. سلايدر ثانوي للبوستات 
7. قائمة مثبتة
8.  يدعم مختلف المقاسات

والمزيد ....

  

الإضافات ـ تضاف من التخطيط كأداة Html JavsxripT

الكود الخاص بالسلايدر 

<div id="featpost"></div>
<script type='text/javascript'>
jQuery("#featpost").AutofeaturedPost({
MaxPost:5
});
</script>

 الكود الخاص بالمشاركات الشائعة

<style>#random-posts img{float:left;margin-right:10px;border:1px solid #13C0C7;background:#FFF;width:65px;height:60px;padding:3px}</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=12;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='تعليق';
var rdp_disable='بدون تعليقات';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgnkScPfqF5ZzLOzcJ4b9zqxvPAcLvm-WZVGF3IggIKRgGkywc9iknpPELSsC3VZhvMrYvEhT1zGbZ3naINPKSSKuyG5gzVHo_Se1Mx6QFqDxEUQAyFYuThMVksekE0V1Xa28P9HI_dQ/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>

 الكود الخاص بالسلايدر الثانوي

(غير قسم1 بالتسمية الخاصة بك)

<div id="webdespost"></div>
<script type='text/javascript'>
jQuery("#webdespost").RecentPostbyTag({
postType:"s",
MaxPost:7,
ImageSize:"s200-p",
tagName:"قسم 1"
});
</script>

 الكود الخاص بالبوست ـــــــ قسم 2 ــــــ

(غير قسم2 بالتسمية الخاصة بك).

<div id="musicpost"></div>
<script type='text/javascript'>
jQuery("#musicpost").RecentPostbyTag({
postType:"v",
MaxPost:4,
tagName:"قسم 2"
});
</script>

 الكود الخاص بـالمعلومات

<style>
/* www.ar1web.com */
#menu {background: white;width: 280px;padding:10px;margin: 0 auto;direction: rtl;}
#menu ul {margin:0; padding:0;list-style: none;}
#menu ul li {margin: 0;padding: 5px 0 10px;border-bottom: 1px dashed #09ABF7;}
#menu ul li img {padding: 3px 10px 0 0px;}
#menu ul li a {font: normal 17px  Electrolize,GESSTwoMediumRegular;color: #007195;float: right;text-align: right;text-decoration:none;}
#menu ul li a:hover {color:#CC3332;}
#menu ul li span {font: normal 12px  GESSTwoMediumRegular;color:#7D7D7D;float: right;text-align: right;}
#menu li span:hover {color: #494949;}
/* www.ar1web.com */
</style>

<div id="menu">
 <ul>
<!--design:blogger.com-->
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmiEn9WCDJNU_lIxdOZUGfxjZzn3DJMH9XXYLUjvNcbTPjWO4MFBRapt24WyYe7cBXWMs_qiPx1a5ROpXZ4FXVNarQe9DC-T3o_rAvJkluVnRDfEI_qrgv_kMx0KtawawxsaUrwpAGwWI/s1600/1.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEYBG33SURgDmY3HYBHxw6ddfQgEmB49kaeiXnlAi4dzIrXRCcvmlAEgypYwjkRhYDTciWF2fVKhtUmtyTN_y1AxjIT0Z9ZknA16B3XWksktrlq4P1_LgUkc90Qf4xcdBz9H0lGerm65c/s1600/2.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص  <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPzHw8_YblkZ2IC7YoyPgPrsjCob08WCSj_m67URAXpQfrm1grW3zFVJj1wszVSZGSant9YDBbFgdxWYAhqoDlzDix2wdH0GPkuXqYk3miEfiKI4Kumo-ZwjlVD9ipjs02QNcYGrEN1Hc/s1600/3.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_fEDxTOAU1Xx3yZ6BM0vfQsVhb-3JRtwDdqFYCJUT9qJ4icpiKw7tJMlKaQexz1AqIVTTMfWgUAFi_pkkYC13ZnaOCOEC-plYrJn44fkpTmp70Lg98w5TLHc_uTr3me0UhQTtZGhxbdw/s1600/4.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhy8fYgHZaZwuP9UQPrKwMvJxAPHBQVM6aojHuwv1untnQukSATxo4Sjwuq3OxaeH1uOqnvawvrld9CtGvRPOjwnj6P9oF4WLvjcVUKvW6_D9pyWs5K-jFPlk_3B0T47nppNC6MEdcLccw/s1600/5.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUL6SaD4c4-2VGW5fG4QPlEMYfazzTh5z3Cmf2loXPa7C2nrZkY0hk4EmdTwY7IeIa9eG91Q_jgVGrfnvjuh8FVN94D8nO7R1f5PTa5XT_clVYeITBRe6eRPYQeWpBDb07g7fwbkW_Ebs/s1600/6.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLrpFb25QarsVxfkfd29sGttSEu85Tk-c-sWFjhxHr-jQtYEE_I4hsZKJkXNPdl2rx4E6uj4foYQ5ilimoPzxsHsq9gpfJ9UMSozXE1jRXHOFm1cFgoMmobce8L67_Q6juJ2FuoU0er2o/s1600/7.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 </ul><a href='http://www.geekhm.net/' style='display: none;'>GeekHm</a></div>

 الكود الخاص بالبوست ـــــ قسم1ــــــ

(غير قسم1 بالتسمية الخاصة بك).

<div id="sportpost"></div>
<script type='text/javascript'>
jQuery("#sportpost").RecentPostbyTag({
postType:"h",
MaxPost:4,
tagName:"قسم 1"
});
</script>

 الكود الخاص بالتعليقات

<div id="rcentcomnets"></div>
<script type='text/javascript'>
jQuery("#rcentcomnets").RecentComments();
</script>

إلى هنا ننتهي من الإضافات ٫ يمكنكم تتبع المعاينة ليسهل عليكم تركيب الإضافات

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

8:58 ص