17‏/07‏/2014

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

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

الإضافات ـ تضاف من التخطيط كأداة Html Javascript
الكود الخاص بالسلايدر
<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="http://1.bp.blogspot.com/-v6XbCYAVV7o/UEMRCev1H-I/AAAAAAAADf0/PFwqDiY4jVg/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 بتسمية
<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="http://4.bp.blogspot.com/-Gzvc_gLYgVI/UwJbfx8blxI/AAAAAAAACWs/pxkcsjzpXGI/s1600/1.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://3.bp.blogspot.com/-toxD9fUzjs8/UwJjxWKEaKI/AAAAAAAACXM/m3uEO5MW0HI/s1600/2.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص  <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://4.bp.blogspot.com/-G5x9B1JMJgI/UwJjwvxFC-I/AAAAAAAACW8/JeED0u3LBYc/s1600/3.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://1.bp.blogspot.com/-po6Gn_zNq4I/UwJjw3UrK0I/AAAAAAAACXA/GSrMYvkw9ZE/s1600/4.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="http://2.bp.blogspot.com/-8kg5uvaus8Y/UwJjyVSPMvI/AAAAAAAACXU/tmWwxERFXuU/s1600/5.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="http://1.bp.blogspot.com/-vdWgXxreK3w/UwJjypWoD6I/AAAAAAAACXY/3oh49HTJumY/s1600/6.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://3.bp.blogspot.com/-PeufwiBqiDI/UwJjy8GAJwI/AAAAAAAACXk/KCZGTBUF_g8/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>
إلى هنا ننتهي من الإضافات ٫ يمكنكم تتبع المعاينة ليسهل عليكم تركيب الإضافات
اليوم بإذن الله مدونة عرب ويب ومني شخصيا سأقدم لكم أحد أجمل قوالب بلوجر بمعنى الكلمة رائع ، كل ما فيه سيجذبك وسيجذب اهتمام الزائر خاصتا بالسلايدر3D الذي يتميز به ويشمل ذلك القائمة العلوية إلى غير ذلك

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

الإضافات ـ تضاف من التخطيط كأداة Html Javascript
الكود الخاص بالسلايدر
<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="http://1.bp.blogspot.com/-v6XbCYAVV7o/UEMRCev1H-I/AAAAAAAADf0/PFwqDiY4jVg/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 بتسمية
<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="http://4.bp.blogspot.com/-Gzvc_gLYgVI/UwJbfx8blxI/AAAAAAAACWs/pxkcsjzpXGI/s1600/1.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://3.bp.blogspot.com/-toxD9fUzjs8/UwJjxWKEaKI/AAAAAAAACXM/m3uEO5MW0HI/s1600/2.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص  <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://4.bp.blogspot.com/-G5x9B1JMJgI/UwJjwvxFC-I/AAAAAAAACW8/JeED0u3LBYc/s1600/3.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://1.bp.blogspot.com/-po6Gn_zNq4I/UwJjw3UrK0I/AAAAAAAACXA/GSrMYvkw9ZE/s1600/4.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="http://2.bp.blogspot.com/-8kg5uvaus8Y/UwJjyVSPMvI/AAAAAAAACXU/tmWwxERFXuU/s1600/5.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
 <li><img src="http://1.bp.blogspot.com/-vdWgXxreK3w/UwJjypWoD6I/AAAAAAAACXY/3oh49HTJumY/s1600/6.png" border="0" alt="" /><a href="#">هذا النص هو مثال لنص <br />
 <span>هنا ضع وصف قصير  كالذي كتبته الأن ..</span></a></li>
<li><img src="http://3.bp.blogspot.com/-PeufwiBqiDI/UwJjy8GAJwI/AAAAAAAACXk/KCZGTBUF_g8/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>
إلى هنا ننتهي من الإضافات ٫ يمكنكم تتبع المعاينة ليسهل عليكم تركيب الإضافات
32 Blogger تعليقات
Disqus
32 التعليقات
المشرف
avatar

اعجبني كثير القالب ولم اعرف كيفية التركيب ممكن مساعدتي هذا حسابي على الفيسبوك
https://www.facebook.com/profile.php?id=100007934957127

المشرف
avatar

هل وجدت صعوبة في تركيب القالب بشكل كامل ؟
إذا كنت مبتدئ في بلوجر فإبحث في جوجل تركيب قوالب وإضافات وستجد العديد من الشروحات
بالتوفيق

المشرف
avatar

اخي ممكن طريفة لحدف التاريخ الدي يكون بجانب الموضوع و شكرا

المشرف
avatar

اذا كنت تقصد التاريخ الذي يوجد بجانب صورة الموضوع فإبحث عن : <span class='datex'>

ان لم تجده فقط ابحث عن : datex

وبعدها احذف الكود بالكامل وهو الأول

المشرف
avatar

شكراً لك،قوالب رائعة جداً

المشرف
avatar

شكرا قالب رائع انظر لقد عدلت عليه في مدونتي
http://amine4web.blogspot.com

المشرف
avatar

جميل :-d بالتوفيق لك

المشرف
avatar
المشرف
avatar

شكرا القالب جميل جدا

المشرف
avatar

السلام عليكم ورحمة الله
أخي حسام رابط التحميل به مشكل ولا يفتح معب ممكن رابط التحميل أخي الكريم
او ترسله لي هنا monsite15@gmail.com
وبارك الله فيكم

المشرف
avatar

http://www.firedrive.com/file/FFF6BDFD5B3CC2FE

المشرف
avatar

اخي العزيز بارك الله بيك قالب جميل لاكن هناك مشكله في الاكواد جاي اريد انسخهن ومابيصيرن ممكن حل اكواد الي خاصه بيه مايصير اي نسخ

المشرف
avatar

إستعمل ـ Ctrl+C عند النسخ واللصق إستعمل Ctrl+Vـ

المشرف
avatar

شكر الك اخي وربي يوفقك

المشرف
avatar

الفو اخي في أي وقت .

المشرف
avatar

اممم لما اجرب اكواد المدونه يتجمد وكل شيئ ~_~

المشرف
avatar

يوجد مشكل في تحميل الملف هل ممكن رفع الملف في مكان أخر و شكرا

المشرف
avatar

تم الرفع على مركز الخليج

المشرف
avatar
IAN ARCHER 3/20/2015
delete

اخي ممكن رفع القالب على ميديا فير او غيره من السيرفرات لان الروابط لاتعمل

المشرف
avatar
IAN ARCHER 3/20/2015
delete

توجد مشكلة في التحميل ممكن تحميل في مكان اخر وشكراً

المشرف
avatar

تم تجديد الروابط

المشرف
avatar
IAN ARCHER 3/22/2015
delete

الف شكر ياغالي

المشرف
avatar
Mohamed Sebai 3/26/2015
delete

اخي اريد كود السلايدر لكي اضع في مدونتي ..

المشرف
avatar
Yasmine Ahmed 4/01/2015
delete

لو سمحت انا عايزة كود السلايدشو ممكن

المشرف
avatar
مركز الساحر 4/04/2015
delete

السلام عليكم ممكن قالب مثل هذا الموقع بلظبط http://www.jeemtv.net/ar/clips

المشرف
avatar
المشرف
avatar
محمد 4/13/2015
delete

أخي كيفية تفعيل السلايدر شو مثل رابط المعاينة

المشرف
avatar

ارجوا المساعده ...

1- مشكله فى مواضيع الصفحه الرئيسيه يظهر 5 فقط .. وانا محدد من الاعدادات ورسائل المدونه 12 .. لكن يظهر 5 فقط ..

2 - عاوز امسح التاريخ من على المواضيع ذات صله ..

3- اضافه من حضرتك : كنت عاوز اضيف زر مقارنه .. لان انا مدونتى عن الهواتف ...

4 - رابط المدونه : http://www.mobiley.tk

ارجوا المساعده .. وشكر وتقدير لمجهود حضرتك .. وعلى القالب الجميل ..

المشرف
avatar

من التخطيط أضف أداة HTML/JAVASCRIPT التي فوق وضع بها كود السلايد:


jQuery("#featpost").AutofeaturedPost({
MaxPost:5
});

المشرف
avatar

اريد مساعده .. ممكن تواصل

المشرف
avatar

أرسل القالب وسيتم تطبيق المطلوب بالنسبة للإستفسار 1و2 أما الثالث فليس لدي
أرسله : info@ar1web.com

المشرف
avatar

لا استطيع تركيب السلايدر على مدونتى هذه http://www.elmagani.com/

يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق
1أن يكون التعليق خاص بمحتوى التدوينة
2أن لا تضع أي روابط خارجية
3لإضافة كود حوله أولاً بمحول الأكواد
4أي سؤال خارج محتوى التدوينة يرجى استخدام ركن الأسئلة