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

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

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

المميزات

   به سكربت لسيو 100%

   متكون من عمودين

  محرك بحث متطور ajax

   صفحة خطأ 404         

  سلايد رئيسي  تلقائي 3D

   سلايدر ثانوي للبوستات   

  قائمة مثبتة

  يدعم مختلف المقاسات

والمزيد ....

  

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

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

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

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

<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/AVvXsEhtPdmfxQZXnJt01nO8uN7C90SNMMPjbeVGjUFwm-lIAf11irsmIoIg9RKpjEiPAMZHLD5qOiN5hHLFmQ2lhfUX1Yqe2WA2Blk-PaPK_gSd3wdXrZtxN61HAJEUSnFa0F3LVK7325NLK9A/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>

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

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

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

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

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

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

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

<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/AVvXsEgbFIjChAY_xHclFx_ovJAT8Wfld8rSlVj1lOmpJtxfHAs5gN0sf2KAQ8TAH5XImGlnftnzyGuE1DF3yIeg2Lx49C8zJ43ExQm26y7l-9CBKc_ILj_p9BE-LctKHYcnK78UQmJZq6-BG7uG/s1600/1.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRRBkK9BDi4uW1ucGbarmc0peTHftrdjdunWZ_d4ukpMMx4VgkTfmPapP6v2S-k_3zuAUlu1qroPy8uIQ7cF2BRdlke7zB8j-2jYi8dSqgzFFhHTt17OThldyQuCZbzI4qqDEtaUltTV4A/s1600/2.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص  <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWyGQLi_glBV4_XbHm0iiyUTPtJk2vTp76n2UKwN1rxitFEQDEacAEDTEYxt38LSneX0fsMWUwVzQ540pTCCLLKiJ_tTENQsWFHhHay5wFonn642fg61bOUElEc6LRJH8ILVxjFl8vU2JV/s1600/3.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg66tt1aY8IhYXHWayxE8rGdCC3akqBteA2u7YvDVksbGnMCu-BadNEkC6an7q2iCKZYbAreeUslVF2-jyffoD37vTBRLtiO-D3A-kQEd4kdgKyvJDtPzTvkE3dslRI6gqIhhQ1h7MiKNlz/s1600/4.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8mIjHwsbaqTUEoMM-SuTmTAMnqyErHM1EOMV5F5vAeeQVJCYkGGEVhtAjgirIGr8V030xCxAnKDWHJ9EDWfYWAfaTiRMeoeXZ2esoi3yFs1EmXPFBw7TGq3j_J55_t3B3JBud96k_3cWE/s1600/5.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhycLvJtgShTy-E5yDHjRjI3CZiJRkDleYsfuDqcsSIuQSXxQJQ5l27p0Hj9_PoVrxUkisa1SJADMe1AHMVu-tIyhGnuYGeCXdvK3YoS_Xmhy0_M_TIayFXanmQmyeXXHTx1UGyW8LS0JL2/s1600/6.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqCpNXFLMGu929gkTpBuXEar6ZQmPaz9kXBLuQ-8j6AZ-Ybkvdrngi6AAkZGiETlzfU-rKmUb-46O0mP30Aj4-1fqLS_V_saz5JNruaOICwyCviR8gdrANZdI0Boj3ozN-hw93q-C7OB8y/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>

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

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

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

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

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

__________________________________________________________________________________

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

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