Blogger إخفاء إظهار الرسائل ذات التسميات من مدونتك عند الضغط على قسم من الاقسام

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyNTL0muXUjwJ0yn5SyVuJOKT7nC9kKADUS96UIOZYDSYLfRe5RmQTB4c0hvHRtinCmzK8cjH0Kr65K1m4-VgcrocwsH5v56OFvvQsjCbJtOPJiUTe70w6_L9wWr_iklM2fuxOjfVSL9D/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Blogger إخفاء إظهار الرسائل ذات التسميات من مدونتك عند الضغط على قسم من الاقسام" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyyNTL0muXUjwJ0yn5SyVuJOKT7nC9kKADUS96UIOZYDSYLfRe5RmQTB4c0hvHRtinCmzK8cjH0Kr65K1m4-VgcrocwsH5v56OFvvQsjCbJtOPJiUTe70w6_L9wWr_iklM2fuxOjfVSL9D/s1600/2.png" title="Blogger إخفاء إظهار الرسائل ذات التسميات من مدونتك عند الضغط على قسم من الاقسام" /></a></div><br /><br />السلام عليكم ورحمة الله وبركاته<br /><div><br /></div><div>استكمالاً لدورة البلوجر المتقدمة على ميني سوفت على <a href="http://minisoftwre.blogspot.com/2013/09/blog-post_28.html" target="_blank">هذا الرابط</a> , فسوف نقوم اليوم بإذن الله بإخفاء هذه الرسالة التي تأتي عندما نقوم بالضغط على اي قسم من اقسام المدونة وتكون بهذا الشكل...</div><div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWTZt5Hh6cXTQb_Xe6iSPcKR1mTKGWi3NfJCMIHC6_i4z-8hilrnLkMJyOBKHVxmqYdV0eBbs6cMIcGKGSIAHOwdjzuKU5tQZgfIz36RhcVGBY4hPDh7PJpgM8Jr3iQh6WWuJAvVyuz6W/s1600/p7xaz5szff39uiqihuzf.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMWTZt5Hh6cXTQb_Xe6iSPcKR1mTKGWi3NfJCMIHC6_i4z-8hilrnLkMJyOBKHVxmqYdV0eBbs6cMIcGKGSIAHOwdjzuKU5tQZgfIz36RhcVGBY4hPDh7PJpgM8Jr3iQh6WWuJAvVyuz6W/s1600/p7xaz5szff39uiqihuzf.png" /></a></div><div><br /></div><div>ولإخفاء هذه الرسالة لن يتطلب الامر منك الكثير , بل ما سوف تقوم بعمله هو أن تذهب إلى لوحة التحكم الخاصة بمدونتك ثم الوصول إلى البند قالب <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhls0y4UOXkBYXdu68cqnmWMbsA1JeVu3zDQhUrzGv2P9QId6ecLKS_0IC4JsKzdOJlnRA2YWBlD5frDSvlW7BJePuaPrEOs39VA_v8JpRRL8R0a_5qVlfTEnWRql5zqi7kJojvxpNWtMp6/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhls0y4UOXkBYXdu68cqnmWMbsA1JeVu3zDQhUrzGv2P9QId6ecLKS_0IC4JsKzdOJlnRA2YWBlD5frDSvlW7BJePuaPrEOs39VA_v8JpRRL8R0a_5qVlfTEnWRql5zqi7kJojvxpNWtMp6/s1600/1.png" /></a> ثم الضغط على تحرير HTML كما بالصورة...</div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jSbotpDirg1FjUiLkKzMgHpqiCerWMGt81K21Okf9qpqnY8PFwszxnYTYUGCWXKikcAQ-lQfbBBCT15qInSe8445PWQJnfHbLSASHL0HFp9LRz2TGFglE4Ge7_6fdzkSz5yhBZukxHOZ/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4jSbotpDirg1FjUiLkKzMgHpqiCerWMGt81K21Okf9qpqnY8PFwszxnYTYUGCWXKikcAQ-lQfbBBCT15qInSe8445PWQJnfHbLSASHL0HFp9LRz2TGFglE4Ge7_6fdzkSz5yhBZukxHOZ/s1600/2.png" /></a></div><div>ثم قف بداخل قالب المدونة واضغط CTRL + F.</div><div>وابحث عن الوسم</div><div dir="ltr" style="text-align: center;"> </b:skin></div><div dir="ltr" style="text-align: center;"><br /></div><div style="text-align: right;">ثم ضع فوقه تماماً هذا الكود...</div><div style="text-align: right;"><br /></div><blockquote class="tr_bq" dir="ltr" style="text-align: left;">.status-msg-wrap{display:none !important}</blockquote>وبهذا سوف تختفي هذه الرسالة ولن تظهر مرة أخرى</div>

Blogger إخفاء إظهار الرسائل ذات التسميات من مدونتك عند الضغط على قسم من الاقسام

السلام عليكم ورحمة الله وبركاته استكمالاً لدورة البلوجر المتقدمة على ميني سوفت على هذا الرابط  , فسوف نقوم اليوم بإذن الله بإخفاء هذه الرسال...

اقرأ المزيد

دروس دورة CSS : شرح الخاصية cursor

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvrwFagxmTWRIxA3Smc-bAn1k5n3ZDW39J4vzCoqvJkPdIajOQqDYQk-jum_pv7qgh7tw8Wj7z35DiglipwC_AkfFKhx_3og-Wgt1Be3wcu9oQzRLNbSF8bOIMl3Z10Rz71unJoxgUPTW/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="دروس دورة CSS : شرح الخاصية cursor" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvrwFagxmTWRIxA3Smc-bAn1k5n3ZDW39J4vzCoqvJkPdIajOQqDYQk-jum_pv7qgh7tw8Wj7z35DiglipwC_AkfFKhx_3og-Wgt1Be3wcu9oQzRLNbSF8bOIMl3Z10Rz71unJoxgUPTW/s1600/1.png" title="دروس دورة CSS : شرح الخاصية cursor" /></a></div><br />السلام عليكم ورحمة الله وبركاته<br />الخاصية cursor هي لجعل مؤشر الفأرة يتغير لمجرد الوقوف عليه والنص التالي مثال على ذلك...<br /><br />قف على اي كلمة من هؤلاء لعرض المؤشر<br /><span style="cursor: auto;">auto</span><br /><span style="cursor: crosshair;">crosshair</span><br /><span style="cursor: default;">default</span><br /><span style="cursor: e-resize;">e-resize</span><br /><span style="cursor: help;">help</span><br /><span style="cursor: move;">move</span><br /><span style="cursor: n-resize;">n-resize</span><br /><span style="cursor: ne-resize;">ne-resize</span><br /><span style="cursor: nw-resize;">nw-resize</span><br /><span style="cursor: pointer;">pointer</span><br /><span style="cursor: progress;">progress</span><br /><span style="cursor: s-resize;">s-resize</span><br /><span style="cursor: se-resize;">se-resize</span><br /><span style="cursor: sw-resize;">sw-resize</span><br /><span style="cursor: text;">text</span><br /><span style="cursor: w-resize;">w-resize</span><br /><span style="cursor: wait;">wait</span><br /><span style="cursor: not-allowed;">not-allowed</span><br /><span style="cursor: no-drop;">no-drop</span><br /><span style="cursor: no-drop;"><br /></span>وأكواد هذه التأثيرات هي كالتالي..<br /><br /><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align: left;" title="أنقر مرتين للنسخ"><code class="xml"><!DOCTYPE html><br /><html><br /><body><br /><p>Mouse over the words to change the cursor.</p><br /><span style="cursor:auto">auto</span><br><br /><span style="cursor:crosshair">crosshair</span><br><br /><span style="cursor:default">default</span><br><br /><span style="cursor:e-resize">e-resize</span><br><br /><span style="cursor:help">help</span><br><br /><span style="cursor:move">move</span><br><br /><span style="cursor:n-resize">n-resize</span><br><br /><span style="cursor:ne-resize">ne-resize</span><br><br /><span style="cursor:nw-resize">nw-resize</span><br><br /><span style="cursor:pointer">pointer</span><br><br /><span style="cursor:progress">progress</span><br><br /><span style="cursor:s-resize">s-resize</span><br><br /><span style="cursor:se-resize">se-resize</span><br><br /><span style="cursor:sw-resize">sw-resize</span><br><br /><span style="cursor:text">text</span><br><br /><span style="cursor:w-resize">w-resize</span><br><br /><span style="cursor:wait">wait</span><br><br /><span style="cursor:not-allowed">not-allowed</span><br><br /><span style="cursor:no-drop">no-drop</span><br><br /></body><br /></html></code></pre></div>

دروس دورة CSS : شرح الخاصية cursor

السلام عليكم ورحمة الله وبركاته الخاصية cursor هي لجعل مؤشر الفأرة يتغير لمجرد الوقوف عليه والنص التالي مثال على ذلك... قف على اي كلمة من هؤ...

اقرأ المزيد

المشاركات الآخيرة Recent Posts : الإضافة الأكثر من رائعة للمدونات بلوجر blogger

<div dir="rtl" style="text-align: right;" trbidi="on">السلام عليكم ورحمة الله وبركاته<br /><div><br /></div><div>إخواني المدونين ولمن يبحث دائماً على إضافات رائعة لمدونته الخاصة.</div><div>إضافات راقية عملية و لطيفة المظهر حتى تليق بمستوى المدونة.</div><div>لذا فاليوم سوف أضع لكم ثلاث إضافات للمدونات الخاصة بكم بعنوان المشاركات الآخيرة , او Recent Posts.</div><div>الإضافة الأولى روابط فقط</div><div>الإضافة الثانية روابط و خلفية جميلة</div><div>الإضافة الثالثة روابط وملخص و صورة مصغرة.</div><div><br /></div><br /><div></div><br /><div style="-webkit-text-stroke-width: 0px; color: black; font-family: 'Times New Roman'; font-size: medium; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: auto; text-align: right; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;"><div style="margin: 0px;">تعالوا نشاهد هذه الإضافات اولاً.</div><div style="margin: 0px;"><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf2j2jNNppMpc_YQVzIbKqwL_yKh0Uw_ilz4czbGpqfIKkaRyU2VuvJfcrDPTkgIA7pVgyvl52geFAOgAHaGk5dK1vh4WXJcVd4E89kBBiTC_FkcTYu7m7bB2lEYsilHoE8sQ4lDD2Gas7/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf2j2jNNppMpc_YQVzIbKqwL_yKh0Uw_ilz4czbGpqfIKkaRyU2VuvJfcrDPTkgIA7pVgyvl52geFAOgAHaGk5dK1vh4WXJcVd4E89kBBiTC_FkcTYu7m7bB2lEYsilHoE8sQ4lDD2Gas7/s1600/1.png" width="290" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الإضافة الأولى</td></tr></tbody></table><br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80j6c-05kx0zlA61suCNawuJ2fdmI3rfnC1JabfP1BBdJ2bMwcnzquZGmOVC_o2fNRilh4XbyK-oh6fMGqbqvB9ETlFn4hNI0c0TNE7ewnF2lVNbaPCB67rrJX6P_FUUnp5pFnVipnkG2/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj80j6c-05kx0zlA61suCNawuJ2fdmI3rfnC1JabfP1BBdJ2bMwcnzquZGmOVC_o2fNRilh4XbyK-oh6fMGqbqvB9ETlFn4hNI0c0TNE7ewnF2lVNbaPCB67rrJX6P_FUUnp5pFnVipnkG2/s1600/2.png" width="292" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الإضافة الثانية</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZiwE6S2DqqJGyV5TDGaG_y_vLIKWnFb52nsyd5JPGY0m5OrNU43SdRjTcdZ_g-fKXvebFTJIdTGXUBRq-jGdIlYUrfJWKeWeHXRL7pyy-2mYPViMUVKr9CiH6k9GGrn0ekEIrMziU_BBq/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZiwE6S2DqqJGyV5TDGaG_y_vLIKWnFb52nsyd5JPGY0m5OrNU43SdRjTcdZ_g-fKXvebFTJIdTGXUBRq-jGdIlYUrfJWKeWeHXRL7pyy-2mYPViMUVKr9CiH6k9GGrn0ekEIrMziU_BBq/s1600/3.png" width="290" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الإضافة الثالثة</td></tr></tbody></table><div style="margin: 0px;"><br /></div><div style="margin: 0px;"><br /></div><div style="margin: 0px;">قريباً...</div></div></div>

المشاركات الآخيرة Recent Posts : الإضافة الأكثر من رائعة للمدونات بلوجر blogger

السلام عليكم ورحمة الله وبركاته إخواني المدونين ولمن يبحث دائماً على إضافات رائعة لمدونته الخاصة. إضافات راقية عملية و لطيفة المظهر حتى تليق...

اقرأ المزيد

اصنع بنفسك سلايد شو مدونتك وقُم بضبط كل شئ على ذوقك انت. slideshow, 9in1

<div dir="rtl" style="text-align:right" trbidi="on">السلام عليكم ورحمة الله وبركاته..<br/>اليوم إخواني سوف نضع موضوع قد يبحث عنه الكثير و قد يحتاجه جميع المدونين وهو..<br/>صناعة سلايد شو للمدونة او عارض الشرائح الذي يحتوي على جديد المدونة او قسم معين.<br/>والاشكال الناتجة متعددة و هذا مثال على ذلك...<br/><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_1.html" target="_blank">معاينة</a></div><br/><br/>سوف تصنع انت السلايد شو الخاص بك من البداية وحتى النهاية وذلك عن طريق الصفحة التالية..<br/><a href="http://minisoftwre.blogspot.com/p/9-slideshow.html" target="_blank"> (( هـــنــــا ))</a>حيث أن هذه الصفحة تحتوي على برنامج يساعدك على انشاء السلايد شو كما تحب ولا تحتاج إلى شرح فكل خطوة مكتوبة باللغة العربية وشرحها بجوارها وهذه صورة توضيحية..<br/><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left:auto;margin-right:auto;text-align:center"><tbody><tr><td style="text-align:center"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhhY5DoNfi50-x89xNiixfeFUTySdjD2J98qzrcliXDG7uROXXRzX5FCK0e0az4KQPvwSCyrM3shRRecbuxt6XDstdrX9b3mjcrorSY-1-ANtb6xQGCtrA0eKZMDiYZLYT7z4-zXojN1kV/s1600/12.png" imageanchor="1" style="margin-left:auto;margin-right:auto"><img border="0" height="273" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhhY5DoNfi50-x89xNiixfeFUTySdjD2J98qzrcliXDG7uROXXRzX5FCK0e0az4KQPvwSCyrM3shRRecbuxt6XDstdrX9b3mjcrorSY-1-ANtb6xQGCtrA0eKZMDiYZLYT7z4-zXojN1kV/s1600/12.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اضغط على الصورة لرؤيتها بحجم اكبر</td></tr></tbody></table><br/>بعد الإنتهاء من صناعة السلايد شو الخاص بك قُم بتركيبه كما لو كنت تركب اي اضافة لمدونتك عن طريق البند تخطيط في لوحة التحكم ثم إضافة آداة ثم اختيار HTML / Javascript. ومعنا 9 امثلة على الإضافات وهما كالتالي..<br/><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_1.html">العرض الأول : عادي.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_3370.html">العرض التاني : عرض أقسام معينة من المدونة.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_5004.html">العرض الثالث : تفاصيل مع مصغرات.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_7702.html">العرض الرابع : مصغرات فقط.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_5532.html">العرض الخامس : عنواين فقط.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_4359.html">العرض السادس : عرض أكثر من قسم في إضافة واحدة متعددة.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_2820.html">العرض السابع : السلايد شو ذات التأثيرات.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_5146.html">العرض الثامن : إختفاء التفاصيل لأسفل عند التغيير إلى شريحة جديدة.</a><br/><a href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_3003.html">العرض التاسع : إختفاء التفاصيل جانبياً عند التغيير إلى شريحة جديدة</a><br/><br/>إذا لم تريد كل هذا  وتريد الأكواد جاهزة فإليك صورة لكل شكل و الكود الخاص بها<br/><br/><div style="text-align:center"><h4>العرض الأول</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />.slider-rotator {<br />  width:250px;<br />  height:340px;<br />}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />     url:"http://minisoftwre.blogspot.com"<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_1.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض الثاني</h4><br/>الكود<br/></div><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br />.slider-rotator {<br />  width:250px;<br />  height:340px;<br />}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: "http://minisoftwre.blogspot.com", // ضع رابط مدونتك<br />    labelName: "blogger" // ضع اسم قسم من مدونتك لعرض مشاركاته<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_3370.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض الثالث</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: "http://minisoftwre.blogspot.com/", // ضع رابط مدونتك<br />    thumbWidth: 200, // قياس عرض المصغرات 200 = 200×200<br />    squareThumb: false, // ضبط ابعاد الصور المصغرة ولكن تدرج 200×200<br />    noThumb: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // صورة إحتياطية إذا لم تضع صورة في مشاركة<br />    autoHeight: true // تحريك العنصر للأعلى<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_5004.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض الرابع</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: "http://minisoftwre.blogspot.com/", // ضع رابط مدونتك<br />    showDetail: false, // إخفاء التفاصيل العنوان والتفاصيل<br />    showNav: false // إخفاء القائمة التي تحتوي على ارقام المشاركات<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_7702.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض الخامس</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br />.slider-rotator {<br />  width:auto;<br />  height:46px;<br />  margin-left:50px;<br />  margin-right:50px;<br />}<br />.slider-rotator h4 {margin-top:0}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><br /><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: "http://minisoftwre.blogspot.com/", // ضع رابط مدونتك<br />    showThumb: false, // إخفاء المصغرات<br />    showNav: false, // إخفاء القائمة التي تحتوي على ارقام المشاركات<br />    summaryLength: 160 // عدد حروف الملخص<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_5532.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض السادس</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br />.slider-rotator-wrapper {<br />  width:630px;<br />  padding:10px 5px;<br />  border:1px solid #ccc;<br />  background-color:white;<br />  margin:0 auto;<br />}<br />.slider-rotator-wrapper .grid {<br />  float:left;<br />  margin:0 5px;<br />}<br />.slider-rotator {<br />  padding:0 0;<br />  border:none;<br />  width:200px;<br />  height:320px;<br />}<br />.slider-rotator .slider-item {padding:0 0}<br />.slider-rotator-nav {<br />  overflow:hidden;<br />  margin-top:10px;<br />  padding:2px 0;<br />}<br />.slider-rotator-nav a {<br />  margin:0 0;<br />  display:inline-block;<br />  line-height:normal;<br />}<br />.clear {clear:both}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator-wrapper" class="slider-rotator-wrapper"><br />    <div class="grid"><br />        <div id="slider-rotator-1" class="slider-rotator loading"></div><br />    </div><br />    <div class="grid"><br />        <div id="slider-rotator-2" class="slider-rotator loading"></div><br />    </div><br />    <div class="grid"><br />        <div id="slider-rotator-3" class="slider-rotator loading"></div><br />    </div><br />    <div class="clear"></div><br /></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: 'http://minisoftwre.blogspot.com', // ضع رابط مدونتك<br />    labelName: "blogger", // ضع اسم قسم من مدونتك لعرض مشاركاته<br />    thumbWidth: 200, // قياس عرض المصغرات 200 = 200×200<br />    interval: 10000,<br />    containerId: "slider-rotator-1"<br />});<br />makeSlider({<br />    url: 'http://minisoftwre.blogspot.com', // ضع رابط مدونتك<br />    labelName: "CSS", // ضع اسم قسم من مدونتك لعرض مشاركاته<br />    thumbWidth: 200, // قياس عرض المصغرات 200 = 200×200<br />    interval: 10000,<br />    containerId: "slider-rotator-2"<br />});<br />makeSlider({<br />    url: 'http://minisoftwre.blogspot.com', // ضع رابط مدونتك<br />    labelName: "HTML", // ضع اسم قسم من مدونتك لعرض مشاركاته<br />    thumbWidth: 200, // قياس عرض المصغرات 200 = 200×200<br />    interval: 10000,<br />    containerId: "slider-rotator-3"<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_4359.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض السابع</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br />.slider-rotator {<br />  width:600px;<br />  height:240px;<br />  padding:0 0;<br />  background-color:white;<br />  font:italic normal 14px/1.4 Tahoma,Georgia,Serif;<br />  color:white;<br />  border:1px solid black;<br />}<br />.slider-rotator .slider-item {<br />  background-color:white;<br />  height:240px;<br />  padding:0 0;<br />}<br />.slider-rotator h4 {margin-top:0}<br />.slider-rotator p {margin:2px 0 0}<br />.slider-rotator .detail-wrapper {<br />  position:absolute;<br />  top:auto;<br />  right:0;<br />  bottom:0;<br />  left:0;<br />  background-color:black;<br />  background-color:rgba(0,0,0,.9);<br />  padding:.5em 1em;<br />  z-index:4;<br />}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: 'http://minisoftwre.blogspot.com', // ضع رابط مدونتك<br />    thumbWidth: 600 // عرض المصغرات بالبكسل<br />});<br /></script></code></pre><br/><div dir="ltr" style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_2820.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض الثامن</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />/* تخصيص CSS... */<br />.slider-rotator {<br />width:600px;<br />height:240px;<br />padding:0 0;<br />background-color:white;<br />font:italic normal 12px/1.4 Georgia,Serif;<br />color:white;<br />border:1px solid black;<br />}<br />.slider-rotator .slider-item {<br />background-color:white;<br />height:240px;<br />padding:0 0;<br />}<br />.slider-rotator h4 {margin-top:0}<br />.slider-rotator p {margin:2px 0 0}<br />.slider-rotator .detail-wrapper {<br />position:absolute;<br />top:auto;<br />right:0;<br />bottom:0;<br />left:0;<br />background-color:black;<br />background-color:rgba(0,0,0,.9);<br />padding:.5em 1em;<br />z-index:4;<br />}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: "http://nama_blog.blogspot.com",<br />    thumbWidth: 600,<br />    onInit: function() {<br />        $('#' + this.containerId).find('.detail-wrapper').hide();<br />    },<br />    onHide: function() {<br />        $('#' + this.containerId).find('.detail-wrapper').slideUp();<br />    },<br />    onShow: function(index) {<br />        $('#' + this.containerId).children().eq(index).find('.detail-wrapper').slideDown();<br />    }<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_5146.html" target="_blank">معاينة</a></div><br/><br/><div style="text-align:center"><h4>العرض التاسع</h4><br/>الكود</div><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><link rel="stylesheet" type="text/css" href="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.css"/><br /><style type="text/css"><br />.slider-rotator {<br />  width:600px;<br />  height:240px;<br />  padding:0 0;<br />  background-color:white;<br />  font:italic normal 12px/1.4 Georgia,Serif;<br />  color:white;<br />  border:1px solid black;<br />}<br />.slider-rotator .slider-item {<br />  background-color:white;<br />  height:240px;<br />  padding:0 0;<br />}<br />.slider-rotator h4 {margin-top:0}<br />.slider-rotator p {margin:2px 0 0}<br />.slider-rotator .detail-wrapper {<br />  opacity:0.8;<br />  position:absolute;<br />  top:10px;<br />  right:auto;<br />  bottom:auto;<br />  left:0;<br />  width:300px;<br />  background-color:black;<br />  background-color:rgba(0,0,0,.9);<br />  padding:1em 1em;<br />  z-index:4;<br />}<br /></style></code></pre><br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml"><div id="slider-rotator" class="slider-rotator loading"></div><br /><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script><br /><script type="text/javascript" src="https://minisoftblog.googlecode.com/svn/blogger/slideshow/slideshow.js"></script><br /><script type="text/javascript"><br />makeSlider({<br />    url: "http://nama_blog.blogspot.com",<br />    thumbWidth: 600,<br />    speed: 1000,<br />    interval: 7000,<br />    onInit: function() {<br />        $('#' + this.containerId).find('.detail-wrapper').css('left', -500);<br />    },<br />    onHide: function() {<br />        $('#' + this.containerId).find('.detail-wrapper').stop().animate({<br />            left: -500<br />        }, this.speed);<br />    },<br />    onShow: function(index) {<br />        $('#' + this.containerId).children().eq(index).find('.detail-wrapper').stop().animate({<br />            left: 0<br />        }, this.speed);<br />    }<br />});<br /></script></code></pre><br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blog-page_3003.html" target="_blank">معاينة</a></div><br/></div>

اصنع بنفسك سلايد شو مدونتك وقُم بضبط كل شئ على ذوقك انت. slideshow, 9in1

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

اقرأ المزيد

Blogger Multi Feed التغذيات المتعددة على بلوجر. بين يديك الآن.

<div dir="rtl" style="text-align: right;" trbidi="on"><br /><br />بسم الله , الحمد لله<br />مع توالي الحصريات على ميني سوفت, اليوم سوف اضع بين أيديكم إضافة رائعة وتعتبر 3 في 1 .<br />وهي إضافة التغذيات المتعددة للمدونات بلوجر.<br />شاهد الإضافة<br/><div style="text-align:center"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://testminisoft.blogspot.com/p/blogger-multi-feed.html" target="_blank">معاينة</a></div><br/><br/>وهذه صورة للإضافة...<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLS_HVNs4TE2QkQCOLvBBEZKLegdDhs_lWBBwymwwggLaKvlf3lbuBlhW4cdLVSAmJOTu18wR0b1PN4z0UBZPG0r0pXdNkwnXndScFqs45Yj-A8FZ9cgNrXdo-xxKkc3Tc8UKYj2m7cnXv/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="352" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLS_HVNs4TE2QkQCOLvBBEZKLegdDhs_lWBBwymwwggLaKvlf3lbuBlhW4cdLVSAmJOTu18wR0b1PN4z0UBZPG0r0pXdNkwnXndScFqs45Yj-A8FZ9cgNrXdo-xxKkc3Tc8UKYj2m7cnXv/s1600/1.png" title="Blogger Multi Feed التغذيات المتعددة" width="640" /></a></div><br />اما عن وضع الإضافة إلى مدونتك, فيمكنك إضافتها بطريقتين.<br />1 = صفحة ثابتة.<br />2 = إضافة عادية كما اي اضافة توضع في البند تخطيط.<br /><br />شرح الطريقة الأولى.<br /><br />إذهب إلى لوحة تحكم المدونة ثم أختر بند الصفحات <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikT_iSUrUrX_12KYwMdKd1ccUZAYnUrsA-4ZYRq26qX0Sc54Iw8N8xwG2uqvTTK0PfmSiJ5Rpog9IlcNMLTr3RGAXTN3sfEOTd-nuHL4vb1KNLIxucJoMg0emZN8eCF8VkbQPdPUDvlJ4-/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikT_iSUrUrX_12KYwMdKd1ccUZAYnUrsA-4ZYRq26qX0Sc54Iw8N8xwG2uqvTTK0PfmSiJ5Rpog9IlcNMLTr3RGAXTN3sfEOTd-nuHL4vb1KNLIxucJoMg0emZN8eCF8VkbQPdPUDvlJ4-/s1600/1.png" /></a><br />ثم أختر صفحة جديدة <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMfswwsHE-npkGmijsEeqgHgmr6Hi0XsOUXCw1k3rFzgD6pRboNR-Oh2EjnDj_CQMIfJcUFaXHgtu67zrH5-p8ihY-nyiGcQL_zcXncG29Iu4zXcFxjWb2L9nn81ABubvVZ4absjZboZTi/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMfswwsHE-npkGmijsEeqgHgmr6Hi0XsOUXCw1k3rFzgD6pRboNR-Oh2EjnDj_CQMIfJcUFaXHgtu67zrH5-p8ihY-nyiGcQL_zcXncG29Iu4zXcFxjWb2L9nn81ABubvVZ4absjZboZTi/s1600/2.png" /></a><br />ثم اختر الوضع HTML <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBekuGrKlIIFMf65SXhgXj12WwGEqd4FukyyB15pmWCZwMZ0C6AZP0Aq2i7hUC3M8OMOTkbvuLGm6d0FnAMRKRpt2Iq48AgItjmHl8-f1w8aaO0ljDelxhAhd4fx33x7vOGssryW4t2ba/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpBekuGrKlIIFMf65SXhgXj12WwGEqd4FukyyB15pmWCZwMZ0C6AZP0Aq2i7hUC3M8OMOTkbvuLGm6d0FnAMRKRpt2Iq48AgItjmHl8-f1w8aaO0ljDelxhAhd4fx33x7vOGssryW4t2ba/s1600/3.png" /></a><br />ثم امسح ما تجد وضع هذا الكود...<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="أنقر مرتين للنسخ"><code class="xml"><div dir="rtl" style="text-align: right;" trbidi="on"><br />  <style type="text/css"><br />    .list-entries{margin:5px;padding:0;width:270px;float:right;}<br />    .list-entries{border:1px solid #999}<br />    .list-entries ul, .list-entries li{margin:0;padding:0;list-style:none;}<br />    .list-entries li{padding:1em;border-bottom:1px solid #999;}<br />    .list-entries .main-title{padding:2px}<br />    .list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#333;color:#ccc;margin:0;line-height:normal;}<br />    .list-entries .title a{font-weight:bold;font-size:110%;text-decoration:none;}<br />    .list-entries .title a:hover{text-decoration:underline}<br />    .list-entries img, .list-entries .fake-img{border:none;background-color:#333;margin:0 0 0 1em;padding:0;float:right;}<br />    .list-entries .summary{overflow:hidden}<br />    .list-entries .more-link{border-bottom:none;padding:.5em;}<br />    .list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#900;padding:0 .6em;position:relative;font-weight:bold;color:white;}<br />    .list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;left:.3em;border:4px solid transparent;border-right-color:white;margin-top:-4px;}<br />    .list-entries .more-link a:hover{background-color:#600}<br />  </style><br />  <h1><br />    جديد أقسام المدونة<br />  </h1><br />  <div id="feed-list-container"><br />  </div><br />  <div style="clear:both"><br />  </div><br />  <script type="text/javascript"><br />    var multiFeed={<br />      feedsUri:[{<br />        name:"مشاركات HTML",<br />        url:"http://minisoftwre.blogspot.com",<br />        tag:"HTML"<br />      },{<br />        name:"مشاركات CSS",<br />        url:"http://minisoftwre.blogspot.com",<br />        tag:"CSS"<br />      },{<br />        name:"مشاركات بلوجر",<br />        url:"http://minisoftwre.blogspot.com",<br />        tag:"blogger"<br />      }],<br />      numPost:4,<br />      showThumbnail:true,<br />      showSummary:true,<br />      summaryLength:80,<br />      titleLength:"auto",<br />      thumbSize:72,<br />      containerId:"feed-list-container",<br />      readMore:{<br />        text:"إقرأ المزيد",<br />        endParam:"?max-results=20"<br />      }};<br />  </script><br />  <script src="https://minisoftblog.googlecode.com/svn/blogger/multi-feed/multi-feed.min.js" type="text/javascript"><br />  </script><br /></div></code></pre><br/>قم بتعديل الكود حسب احتياجاتك و شرح الكود كالتالي..<br /><br /><table id="tablemini"><tbody><tr class="trmini"><th>الكود</th> <th>الوصف</th></tr><tr><td>name:"مشاركات HTML"</td> <td>عنوان كل خليه من الثلاث خلايا - راجع شكل الإضافة</td></tr><tr class="trmini"><td>url:"http://minisoftwre.blogspot.com"</td> <td>رابط المدونة التي تريد أن تعرض القسم الخاص بها</td></tr><tr><td>tag:"HTML"</td> <td>إختيار قسم معين من مدونتك لعرض آخر مواضيعه</td></tr><tr class="trmini"><td>numPost:4</td> <td>عدد المشاركات التي تريد رؤيتها في الإضافة</td></tr><tr><td>showThumbnail:true</td> <td style="direction: rtl;">يمكنك عدم عرض الصور المصغرة بكتابة false بدلاً من true</td></tr><tr class="trmini"><td>showSummary:true</td> <td style="direction: rtl;">يمكنك إخفاء الملخص تحت العنوان بكتابة false بدلاً من true</td></tr><tr><td>summaryLength:80</td> <td>عدد أحرف الملخص يمكنك التعديل بواسطة الرقم 80</td></tr><tr class="trmini"><td>titleLength:"auto"</td> <td style="direction: rtl;">عدد أحرف العنوان والافضل ان تتركها كما هي او تستبدل auto برقم وليكن 80</td></tr><tr><td>thumbSize:72</td> <td>حجم الصور المصغرة ويمكنك التكبير او التصغير بواسطة الرقم 72</td></tr><tr class="trmini"><td>text:"إقرأ المزيد"</td> <td>نهاية كل ملخص ويمكنك تغييرها</td></tr></tbody></table><br /> ثم احفظ الصفحة وبهذا انتهت الخطوة الأولى..<br/>الخطوة الثانية وهي كالتالي..<br/>إذهب إلى لوحة تحكم مدونتك ثم الى البند تخطيط <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-mv2p3MWXfHyb1hCtmLzcXCBJzskLeFSuHH_Qrqd3sLQABtSF8teujj16m_rnXXkbrGZL8KCZncgRPljZzdLsClAWPLg1SCKYCBAlOV2xZ7tAsacUOFTRA9FbCn6WaGr_P-WmBKkO5Mc/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-mv2p3MWXfHyb1hCtmLzcXCBJzskLeFSuHH_Qrqd3sLQABtSF8teujj16m_rnXXkbrGZL8KCZncgRPljZzdLsClAWPLg1SCKYCBAlOV2xZ7tAsacUOFTRA9FbCn6WaGr_P-WmBKkO5Mc/s1600/1.png" /></a><br/>ثم أختر إضافة آداة <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQ1akX6qnAa3cqBzvZntlPvbdjufdQH06_v19rTB_pVYovjRnzhgTiNsABMjgmZLQMnADJyteZ5J3pDqS_lPci9uHPuaxRtNhEPMNEOGQehF5YFH8z6nBn49T8SuZqg0lz-2jHrt4WV_r/s1600/2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGQ1akX6qnAa3cqBzvZntlPvbdjufdQH06_v19rTB_pVYovjRnzhgTiNsABMjgmZLQMnADJyteZ5J3pDqS_lPci9uHPuaxRtNhEPMNEOGQehF5YFH8z6nBn49T8SuZqg0lz-2jHrt4WV_r/s1600/2.png" /></a><br/>ثم اختر <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSRc5waTx68AiFoMvhAaR7hkQA55RLxmzIesnBmbqkU3duzG6rNZmh-q8_vx3rdKCV-mcG3mzfSeuiNvneiE_YoK1vm4KpEG4p1_gGuqiQrQaAfVVktvd3oNDRH5-Df-FGuSJTzO-eq7rf/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSRc5waTx68AiFoMvhAaR7hkQA55RLxmzIesnBmbqkU3duzG6rNZmh-q8_vx3rdKCV-mcG3mzfSeuiNvneiE_YoK1vm4KpEG4p1_gGuqiQrQaAfVVktvd3oNDRH5-Df-FGuSJTzO-eq7rf/s1600/4.png" /></a><br/>واضف الكود التالي..<br/><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="أنقر مرتين للنسخ"><code class="xml">  <style type="text/css"><br />    .list-entries{margin:5px;padding:0;width:270px;float:right;}.list-entries{border:1px solid #999}.list-entries ul, .list-entries li{margin:0;padding:0;list-style:none;}.list-entries li{padding:1em;border-bottom:1px solid #999;}.list-entries .main-title{padding:2px}.list-entries .main-title h4{display:block;font:inherit;font-weight:bold;padding:.5em 1em;background-color:#333;color:#ccc;margin:0;line-height:normal;}.list-entries .title a{font-weight:bold;font-size:110%;text-decoration:none;}.list-entries .title a:hover{text-decoration:underline}.list-entries img, .list-entries .fake-img{border:none;background-color:#333;margin:0 0 0 1em;padding:0;float:right;}.list-entries .summary{overflow:hidden}.list-entries .more-link{border-bottom:none;padding:.5em;}.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#900;padding:0 .6em;position:relative;font-weight:bold;color:white;}.list-entries .more-link a:after{content:"";width:0;height:0;position:absolute;top:50%;left:.3em;border:4px solid transparent;border-right-color:white;margin-top:-4px;}.list-entries .more-link a:hover{background-color:#600}<br />  </style><br />  <div id="feed-list-container"></div><br />  <div style="clear:both"></div><br />  <script type="text/javascript"><br />    var multiFeed={<br />      feedsUri:[{name:"مشاركات HTML",url:"http://minisoftwre.blogspot.com",tag:"HTML"<br />      },{<br />        name:"مشاركات CSS",url:"http://minisoftwre.blogspot.com",tag:"CSS"<br />      },{<br />        name:"مشاركات بلوجر",url:"http://minisoftwre.blogspot.com",tag:"blogger"<br />      }],<br />      numPost:4,<br />      showThumbnail:true,<br />      showSummary:true,<br />      summaryLength:80,<br />      titleLength:"auto",<br />      thumbSize:72,<br />      containerId:"feed-list-container",<br />      readMore:{text:"إقرأ المزيد",endParam:"?max-results=20"<br />      }};<br />  </script><br />  <script src="https://minisoftblog.googlecode.com/svn/blogger/multi-feed/multi-feed.min.js" type="text/javascript"></script></code></pre> مع مراعاة تنسيق الكود كما هو مشروح بالجدول<br /></div>

Blogger Multi Feed التغذيات المتعددة على بلوجر. بين يديك الآن.

بسم الله , الحمد لله مع توالي الحصريات على ميني سوفت, اليوم سوف اضع بين أيديكم إضافة رائعة وتعتبر 3 في 1 . وهي إضافة التغذيات المتعددة للمدو...

اقرأ المزيد

درس Blogger : شرح إضافة العنوان title بطريقة مطورة للمدونات بلوجر.

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFofhKXJyEnVUJBJvpPSnVV12GQNwSouqvKXpJt5_2EyBBdY2us5iiYFtJeWuGWY_u10flryPDifXi94WXdyWnAxmIaXk6JhvVm9rJmy9UNqkaOc83G31UXQA5gLTQwIQSzTpo_eaFerqz/s1600/30-04-2014+03-35-27+%D8%B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="درس Blogger : شرح إضافة العنوان <title> بطريقة مطورة للمدونات بلوجر." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFofhKXJyEnVUJBJvpPSnVV12GQNwSouqvKXpJt5_2EyBBdY2us5iiYFtJeWuGWY_u10flryPDifXi94WXdyWnAxmIaXk6JhvVm9rJmy9UNqkaOc83G31UXQA5gLTQwIQSzTpo_eaFerqz/s1600/30-04-2014+03-35-27+%D8%B5.png" title="درس Blogger : شرح إضافة العنوان <title> بطريقة مطورة للمدونات بلوجر." /></a></div><br /><br />بسم الله, الحمد لله<br />السلام عليكم إخواني و أخواتي المدونين والمدونات . نرجوا من الله ان تكونوا جميعاً على خير.<br /><br />العنوان  <title> اقصد به هذا الذي نراه في قالب المدونة ...<br /><br /><pre><code><title><data:blog.pageTitle/></title></code></pre><br/>يمكننا عمل الكثير في هذا العنوان و عمل بعض التغييرات التي تحسن من وضع مدونتك.<br />تابع معي و سوف تعرف كيف اننا يمكننا الاستفادة من هذا لتحسين المدونة.<br />اولاً انتقل إلى لوحة التحكم في مدونتك ثم انتقل الى البند قالب <br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsdTYfPzUyeu47Bk2m8WgEA7Zdct8tfSa13pC_pqMLBuXGPW2mgXwQW-p0xarzSZSv7qY35T8UGKCcs3_oBnAd3yQn7GjjGgoB2_67CcpKt0h0KzUEC-VFsqzuftOEg1hBZDhqM_apgMt/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="ميني سوفت" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsdTYfPzUyeu47Bk2m8WgEA7Zdct8tfSa13pC_pqMLBuXGPW2mgXwQW-p0xarzSZSv7qY35T8UGKCcs3_oBnAd3yQn7GjjGgoB2_67CcpKt0h0KzUEC-VFsqzuftOEg1hBZDhqM_apgMt/s1600/6.png" title="ميني سوفت" width="94" /></a></div><br/>ثم إنقر على تحرير HTML <br/><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1sxMYaPY3eNlJdrIUyWaTLyXmG1E3edXYXyJX7q4hEPGn2PKyERJlxkkQJ9EhiBtjXiPBFPxX95bmHVPTqr6Tg1BtfasQtUCjva5YYP19Btxf3iM0f1dpM7ozDuqO6hCRqgw6vcM0RDwt/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1sxMYaPY3eNlJdrIUyWaTLyXmG1E3edXYXyJX7q4hEPGn2PKyERJlxkkQJ9EhiBtjXiPBFPxX95bmHVPTqr6Tg1BtfasQtUCjva5YYP19Btxf3iM0f1dpM7ozDuqO6hCRqgw6vcM0RDwt/s1600/3.png" /></a></div><br/> ثم امسح الكود هذا<br /><pre><code><title><data:blog.pageTitle/></title></code></pre><br/>وضع بدلاً منه الكود هذا ..<br/><pre class="numbered" data-codetype="HTML+CSS+JQuery+JavaScript+XML" dir="ltr" style="text-align:left" title="أنقر مرتين للنسخ"><code class="xml">    <b:include data='blog' name='all-head-content'/><br />    <!--SEO Title Tag By MiniSoft. URL: http://minisoftwre.blogspot.com --><br />    <title><br />      <b:if cond='data:blog.pageType == &quot;index&quot;'><br />        <data:blog.pageTitle/> | <data:blog.metaDescription/><br />        <b:else/><br />        <data:blog.pageName/> | <data:blog.title/><br />        <b:else/><br />        <b:if cond='data:blog.pageType != &quot;error_page&quot;'><br />          الصفحة مفقودة, خطأ 404 | <data:blog.title/><br />          <b:else/><br />          <b:if cond='data:blog.pageType == &quot;archive&quot;'><br />            أرشيف <data:blog.title/> | <data:blog.pageName/><br />            <meta content='noindex,nofollow,noarchive' name='robots'/><br />            <b:else/><br />            <b:if cond='data:blog.pageType != &quot;searchLabel&quot;'><br />              <data:blog.searchLabel/> | <data:blog.title/><br />              <b:else/><br />              <b:if cond='data:blog.homepageUrl == data:blog.url'><br />                <b:if cond='data:blog.isMobile'><br />                  <data:blog.pageTitle/> Mobile Version<br />                  <b:else/><br />                  <data:blog.pageName/> | <data:blog.title/><br />                </b:if><br />              </b:if><br />            </b:if><br />          </b:if><br />        </b:if><br />      </b:if><br />    </title></code></pre><br/>الفائدة من هذا هو تحسين وضع مدونتك في SEO او بمعنى اصح في مرتبات البحث في جوجل<br /><span style="color:red;font-size:large">ملاحظة</span>  يجب عمل الآتي حتى يتوافق الكود كلياً مع مدونتك.<br /><br/>إذهب إلى لوحة تحكم مدونتك ثم إلى إعدادات <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiseFaEOgyr45zJYqxXf7sG-qd0IrV98DVryBlhSIo4L2EcaMPYB1p1efwFZ-p31xb0EVJtyFwkqcxpLsXfIlg91VNkBR7H5tX-5NOpz1NNOP52UYkJz_km4xyeNet-28mA5k07dT6i_1e2/s1600/sfdc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiseFaEOgyr45zJYqxXf7sG-qd0IrV98DVryBlhSIo4L2EcaMPYB1p1efwFZ-p31xb0EVJtyFwkqcxpLsXfIlg91VNkBR7H5tX-5NOpz1NNOP52UYkJz_km4xyeNet-28mA5k07dT6i_1e2/s1600/sfdc.png" /></a><br />سوف تجد التالي..<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKQPrENf-0dCxAHaO9p1oFNpOJO6B0SRQ9eilU0F212MJk5vSBJBDlWxhjPecrn3hseEkW-5-EOSV7LdjmIRMXZf5dZB9FhF_nPRw0tVpEPCcSwQ-tiOCEspax1XPg227ookiQjquutpP/s1600/wd.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="98" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjKQPrENf-0dCxAHaO9p1oFNpOJO6B0SRQ9eilU0F212MJk5vSBJBDlWxhjPecrn3hseEkW-5-EOSV7LdjmIRMXZf5dZB9FhF_nPRw0tVpEPCcSwQ-tiOCEspax1XPg227ookiQjquutpP/s1600/wd.png" width="320" /></a></div><br />إذا كان هذا السطر المظلل بالاصفر كما بالصورة فاضغط تحرير ثم تابع<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu3ioUSwM56W3Y8tr4p4OqR1XRjL0r0KFmVlC-Ij31hyphenhyphenBWUEJWyWYjglEycfwk3kgPoA1CfYw9xsixrWEveM6IbA4ZjQb59OfUg_WyW0g1P2oD4jFU7JlC3cxinY0uihrhFedo0iCHjAfc/s1600/sdcsc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiu3ioUSwM56W3Y8tr4p4OqR1XRjL0r0KFmVlC-Ij31hyphenhyphenBWUEJWyWYjglEycfwk3kgPoA1CfYw9xsixrWEveM6IbA4ZjQb59OfUg_WyW0g1P2oD4jFU7JlC3cxinY0uihrhFedo0iCHjAfc/s1600/sdcsc.png" width="320" /></a></div><br />اكتب وصف قصير لمدونتك كما بالصورة ثم إضغط حفظ التغييرات.<br />ثم  من خلال أعدادات إذهب إلى تفضيلات البحث <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFyZ7Y0kZH4r6aNzVsMioLgk8bzTJ-92-tIbA9GPAQHEpzq8T3bnXQp4pljn2o2ZnHiJLbybC4NxkYdWlKLFnWIiRGTrcGXNz0R4G0Ht5Uwg_iF6-H3vqYm914N88iw0gIvKC2g1634kr/s1600/30-04-2014+03-27-27+%D8%B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFyZ7Y0kZH4r6aNzVsMioLgk8bzTJ-92-tIbA9GPAQHEpzq8T3bnXQp4pljn2o2ZnHiJLbybC4NxkYdWlKLFnWIiRGTrcGXNz0R4G0Ht5Uwg_iF6-H3vqYm914N88iw0gIvKC2g1634kr/s1600/30-04-2014+03-27-27+%D8%B5.png" /></a><br />إذا وجدت التالي..<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfSZMZaJZgi1ze-_Yh1XU2MesguDblMUm72M-6TfVs2b_-0U1dgwyx1haxiAXBxhLgbn_Jwb258lMKvHnJ-mcd9vqX8JVUs3ejWVC9yDnB3B5pK8YGfEzdt9YPPnR7zscbzjnQ5YziWxM/s1600/30-04-2014+03-28-49+%D8%B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtfSZMZaJZgi1ze-_Yh1XU2MesguDblMUm72M-6TfVs2b_-0U1dgwyx1haxiAXBxhLgbn_Jwb258lMKvHnJ-mcd9vqX8JVUs3ejWVC9yDnB3B5pK8YGfEzdt9YPPnR7zscbzjnQ5YziWxM/s1600/30-04-2014+03-28-49+%D8%B5.png" width="320" /></a></div><br />فاضغط تحرير وقم بكتابة الوصف القصير الذي كتبته منذ قليل<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMRJYwUG_ObrZnWlflQhyvqz9H-O4a-rCSNlnMzyYlN8tSjZvxsy88tgA7fd9sWehqulRcd8Uj0BgNztZIwcxVXfg-cIHyjXjoze0_oroKqx83QGJvKWT3s184bdhSSMlyGU163-D_4zCR/s1600/30-04-2014+03-30-13+%D8%B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMRJYwUG_ObrZnWlflQhyvqz9H-O4a-rCSNlnMzyYlN8tSjZvxsy88tgA7fd9sWehqulRcd8Uj0BgNztZIwcxVXfg-cIHyjXjoze0_oroKqx83QGJvKWT3s184bdhSSMlyGU163-D_4zCR/s1600/30-04-2014+03-30-13+%D8%B5.png" width="320" /></a></div><br/>اضغط نعم كما بالصورة على الشريط الاصفر ثم اكتب الوصف ثم اضغط حفظ التغييرات.<br />ومبروك عليكم الكود والتحسين في محركات البحث<br /></div>

درس Blogger : شرح إضافة العنوان title بطريقة مطورة للمدونات بلوجر.

بسم الله, الحمد لله السلام عليكم إخواني و أخواتي المدونين والمدونات . نرجوا من الله ان تكونوا جميعاً على خير. العنوان  <title> اقصد به...

اقرأ المزيد

اصنع اضافة مشاركات ذات صلة بالشكل الذي تريد 6×1, Related Post

<div dir="rtl" style="text-align: right;" trbidi="on"><div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdD0xCXRlElM7DYaxN9_NGR9s5PhQYdX5tO_EnjXahfhbBbcR-TGAV7zB517AbdPldr58GYUV_Epgn2sdzZUaKfKZgPaM5TieGGC5jfYBk6vYM9WlTk6tOmnHXzIq_8gfmBEEBvX-K1okf/s1600/HTML+Logo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdD0xCXRlElM7DYaxN9_NGR9s5PhQYdX5tO_EnjXahfhbBbcR-TGAV7zB517AbdPldr58GYUV_Epgn2sdzZUaKfKZgPaM5TieGGC5jfYBk6vYM9WlTk6tOmnHXzIq_8gfmBEEBvX-K1okf/s1600/HTML+Logo.png" title="اصنع اضافة مشاركات ذات صلة بالشكل الذي تريد 6×1, Related Post" width="290" /></a></div><br /></div><div><br /></div>السلام عليكم ورحمة الله وبركاته<br /><div>درسنا اليوم مثير للإهتمام , ليس درساً وانما هو صفحة ومن خلالها سوف تصنع اضافة مشاركات ذات صلة بالشكل الذي يناسب مدونتك و اسلوبك ..<br />سوف نذهب إلى صفحة هي اشبه ببرنامج يمكنك من خلاله صنع إضافة مشاركات ذات صلة.<br />يتكون البرنامج من 6 انواع من الإضافات وهما كالتالي..</div><div></div><div><br /></div><div>قائمة بعنوان المشاركات فقط</div><div class="separator" style="clear: both; text-align: center;"></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Lc5vdF1WP_NWn4o0VzBzFTF7_U62s9WF9g0EXH-wWYmHzinxeSSgu1L_giPP6TN8sRWL-P4sS7XQtRyV6Uu-_MwErdh0A13PPd672010FL2vRVvxcwzT_bC9vGdqv37dF7uEfSxk0B7Y/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1Lc5vdF1WP_NWn4o0VzBzFTF7_U62s9WF9g0EXH-wWYmHzinxeSSgu1L_giPP6TN8sRWL-P4sS7XQtRyV6Uu-_MwErdh0A13PPd672010FL2vRVvxcwzT_bC9vGdqv37dF7uEfSxk0B7Y/s1600/1.png" title="قائمة بعنوان المشاركات فقط" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">النمط الأول</td></tr></tbody></table><div><br /></div><div>قائمة رأسية مع مصغرات و ملخص</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHJ2DWg7W8V7Zu9ERCRMHXvsod4N_7aAqgfwBq_AI4iYNWkAZov3QqQW5XpE95Ol7R9UgtN1M7kLGcaaa-SDfi7WkTubEL-OkIR-j5BjZuAzvn19lArABz1OinuMoB-q7X0outfgo84RR/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="560" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKHJ2DWg7W8V7Zu9ERCRMHXvsod4N_7aAqgfwBq_AI4iYNWkAZov3QqQW5XpE95Ol7R9UgtN1M7kLGcaaa-SDfi7WkTubEL-OkIR-j5BjZuAzvn19lArABz1OinuMoB-q7X0outfgo84RR/s1600/2.png" title="قائمة رأسية مع مصغرات و ملخص" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">النمط الثاني</td></tr></tbody></table><div>قائمة افقية مع مصغرات وملخص</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIaEPzmRYcLUr4BZnHyyjTfIsaxSKAbBFAsCXLlho2XeIB-qnFV831viK9TKo19bNwZlfAED5I4ETxYeaTCU7pB3E3BEIz9wsvWH-wzK9luevWNaY6idXMXsQpoJkv_swU0XPIliyAJk4/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBIaEPzmRYcLUr4BZnHyyjTfIsaxSKAbBFAsCXLlho2XeIB-qnFV831viK9TKo19bNwZlfAED5I4ETxYeaTCU7pB3E3BEIz9wsvWH-wzK9luevWNaY6idXMXsQpoJkv_swU0XPIliyAJk4/s1600/3.png" title="قائمة افقية مع مشاركات وملخص" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">النمط الثالث</td></tr></tbody></table><div>قائمة افقية مع مصغرات وملخص يظهر عند مرور الفأرة على المصغر</div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXC_F2IoAGl_yMj_YI-TDqgSqqOkU2vU0RMQsMItk5UkYbZ3ov9V58NWQ7ba26AmJo24EwuO4g5uxJSehjzlbMV2vXilEP364j-HVLXiU3yl6SMaxtiGZU0CTa9epdCreV0WG7HdgZ9HS/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCXC_F2IoAGl_yMj_YI-TDqgSqqOkU2vU0RMQsMItk5UkYbZ3ov9V58NWQ7ba26AmJo24EwuO4g5uxJSehjzlbMV2vXilEP364j-HVLXiU3yl6SMaxtiGZU0CTa9epdCreV0WG7HdgZ9HS/s1600/4.png" title="قائمة افقية مع مصغرات وملخص يظهر عند مرور الفأرة على المصغر" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">النمط الرابع</td></tr></tbody></table><div>قائمة افقية مع مصغرات وملخص يظهر بدلاًُ من المصغرات عند مرور الفأرة على المصغر<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheMD3ESr9ODcurm6xjWNxsF1WNZrUw2blirq82rNlGniorPy8JkaxQLGILaF8vbL5DjLjVFONNX6kexlCAUzgIXD99gGZcQ8LVS17-r55P1FCOT6uW3qHlVlhHGKjWxwMqD9YZPYuJBJdX/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="146" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheMD3ESr9ODcurm6xjWNxsF1WNZrUw2blirq82rNlGniorPy8JkaxQLGILaF8vbL5DjLjVFONNX6kexlCAUzgIXD99gGZcQ8LVS17-r55P1FCOT6uW3qHlVlhHGKjWxwMqD9YZPYuJBJdX/s1600/5.png" title="قائمة افقية مع مصغرات وملخص يظهر بدلاًُ من المصغرات عند مرور الفأرة على المصغر" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">النمط الخامس</td></tr></tbody></table>قائمة بعنوان المشاركات و عند مرور الفأرة على العنوان يظهر ملخص مع مصغر<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJESC5clmt3Ib_-LSU4jk3tg93iKJwW0ZyxtuKJeEW7QIpMwu1pAOpIAs_q_an01KRX3L9By6VRD9h_tTq_C83vc0Lh4FMVLlOmtmIOeeW2YCi7uq09P2T0NQhk1JpVL0Xa0Cp79vI8JJt/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="" border="0" height="132" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJESC5clmt3Ib_-LSU4jk3tg93iKJwW0ZyxtuKJeEW7QIpMwu1pAOpIAs_q_an01KRX3L9By6VRD9h_tTq_C83vc0Lh4FMVLlOmtmIOeeW2YCi7uq09P2T0NQhk1JpVL0Xa0Cp79vI8JJt/s1600/6.png" title="قائمة بعنوان المشاركات و عند مرور الفأرة على العنوان يظهر ملخص مع مصغر" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">النمط السادس والآخير</td></tr></tbody></table>كل هذا يمكنك الحصول عليه من خلال هذه الآداة بالرابط التالي<span style="font-size: x-large;"> ( <a href="http://minisoftwre.blogspot.com/p/related-posts-widegt.html" target="_blank">هـــنــــــا</a> )</span><br /><br />بعد الدخول إلى الصفحة اصنع الإضافة ثم أحصل على الكود.<br />سوف تحصل على كود CSS و آخر كود javascript.<br />بعد الحصول على الأكواد إنتقل إلى لوحة التحكم المدونة ثم إلى قالب<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm-9EH12RFwwVXD5L7-5G2mKFgiPFTfte1_ANQpXZbPZsqkfFhb41X_0tU90BIII2MyP-QZa5udqqphaQZues4i9e7Roa_CI1ANT3e3MLJTQ8Xb7WNzEGqm11-PVaKQcVbSfpBe1so5k5/s1600/te.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsm-9EH12RFwwVXD5L7-5G2mKFgiPFTfte1_ANQpXZbPZsqkfFhb41X_0tU90BIII2MyP-QZa5udqqphaQZues4i9e7Roa_CI1ANT3e3MLJTQ8Xb7WNzEGqm11-PVaKQcVbSfpBe1so5k5/s1600/te.png" /></a><br />ثم ضع التعليمات البرمجية CSS فوق الوسم<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">]]></b:skin></code></pre>والتعليمات البرمجية الآخرى XML او javascript ضعها في اي مكان داخل<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><b:includable id='post' var='post'/></code></pre> و الافضل أن تضع الكود هذا فوق الوسم<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><div class='post-footer'></code></pre><br /></div></div>

اصنع اضافة مشاركات ذات صلة بالشكل الذي تريد 6×1, Related Post

السلام عليكم ورحمة الله وبركاته درسنا اليوم مثير للإهتمام , ليس درساً وانما هو صفحة ومن خلالها سوف تصنع اضافة مشاركات ذات صلة بالشكل الذي ين...

اقرأ المزيد

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5BsiYSsOHDoJf60Kb6PkiuOjOFJFO68y3Qxx_yAPg2xT2Ji2dnHKRk8vvTnYck-bMc-T4t600zgwhLawzMcdz3OuTM4YQ4QvUmbfGPzO4gqeTxwyudsYtxPbBN7uppx1t-TH4k2ZcMo6/s1600/5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5BsiYSsOHDoJf60Kb6PkiuOjOFJFO68y3Qxx_yAPg2xT2Ji2dnHKRk8vvTnYck-bMc-T4t600zgwhLawzMcdz3OuTM4YQ4QvUmbfGPzO4gqeTxwyudsYtxPbBN7uppx1t-TH4k2ZcMo6/s1600/5.png" width="320" /></a></div><br /><br />بسم الله, الحمد لله..<br /><br />عند محاولة تعديل او اضافة قطعة  جديدة للأقسام او التسميات على مدونة بلوجر فإنك سوف تجد خياران لتحديد مظهر القطعة وهما قائمة و اخرى سحابية و هما بالشكل التالي..<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi93HYHeedO1Z9ouuLy7wX82TL3xwqxGwlR6bOg0oYPglJBATNylf3K6yhwL0buDwg8Ft6uwjD0evA9hrbDv0M2s2R_UKHy08EbVFmQLdam7zPU2EXFMATT27Fsc6_hIEjiNwVGPagRY_ML/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi93HYHeedO1Z9ouuLy7wX82TL3xwqxGwlR6bOg0oYPglJBATNylf3K6yhwL0buDwg8Ft6uwjD0evA9hrbDv0M2s2R_UKHy08EbVFmQLdam7zPU2EXFMATT27Fsc6_hIEjiNwVGPagRY_ML/s1600/1.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">قطعة التسميات بالوضع سحابة</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iuzrcW0Kttf56G4hQ0m2X_mZ3EYg2cij5kZ03etXa0IgNEw86tZiX8mJ2QeUFF_jnSN2t-I8Anmn9kO2DhIxCaY_cd1qseHDrAv4UZwhjQCmuI15gDUpeEtxnjZN-x3M3Im-GIWF3nZ1/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9iuzrcW0Kttf56G4hQ0m2X_mZ3EYg2cij5kZ03etXa0IgNEw86tZiX8mJ2QeUFF_jnSN2t-I8Anmn9kO2DhIxCaY_cd1qseHDrAv4UZwhjQCmuI15gDUpeEtxnjZN-x3M3Im-GIWF3nZ1/s1600/2.png" width="174" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">قطعة التسميات بالوضع قائمة</td></tr></tbody></table>ويتم التبديل بينهم من هنا..<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRj7NG1xcujnqT4_sE-vcHrJTksvjgmzimbM1pNqtb6uV1EFp04Px1L1cbokz0mfl5Xex-L_MbE_dHirc-yKEQF7yy4WfnMw3jAjObLZTAipwmmaLIfEegzb7ZOP-RdyGT6rJaEzgh8Hky/s1600/3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="185" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRj7NG1xcujnqT4_sE-vcHrJTksvjgmzimbM1pNqtb6uV1EFp04Px1L1cbokz0mfl5Xex-L_MbE_dHirc-yKEQF7yy4WfnMw3jAjObLZTAipwmmaLIfEegzb7ZOP-RdyGT6rJaEzgh8Hky/s1600/3.png" width="320" /></a></div>يكون شكل القطعة في قالب المدونة هكذا..<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">    <b:widget id='Label1' locked='false' title='التسميات' type='Label'><br />    <b:includable id='main'><br />  <b:if cond='data:title'><br />    <h2><data:title/></h2><br />  </b:if><br />  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'><br />    <b:if cond='data:display == &quot;list&quot;'><br />      <ul><br />      <b:loop values='data:labels' var='label'><br />        <li><br />          <b:if cond='data:blog.url == data:label.url'><br />            <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />          <b:else/><br />            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />          </b:if><br />          <b:if cond='data:showFreqNumbers'><br />            <span dir='ltr'>(<data:label.count/>)</span><br />          </b:if><br />        </li><br />      </b:loop><br />      </ul><br />    <b:else/><br />      <b:loop values='data:labels' var='label'><br />        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'><br />          <b:if cond='data:blog.url == data:label.url'><br />            <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />          <b:else/><br />            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />          </b:if><br />          <b:if cond='data:showFreqNumbers'><br />            <span class='label-count' dir='ltr'>(<data:label.count/>)</span><br />          </b:if><br />        </span><br />      </b:loop><br />    </b:if><br />    <b:include name='quickedit'/><br />  </div><br /></b:includable></code></pre> اذا وضعت القطعه بدون تسمية في مدونتك فسوف يتم تسميتها الكترونياً او اوتوماتيكياً بإسم التسميات باللغة العربية اذا كانت مدونتك باللغة العربية وسوف يتم تسميتها بالانجليزية Label اذا كانت مدونتك باللغة الانجليزية و السبب هذا الكود في القطعة..<br /><br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><b:if cond='data:title'><br />  <h2><data:title/></h2><br /></b:if></code></pre> الفرق بين وضع السحابة و وضع القائمة في القالب يكون هكذا...<br /><br />وضع القائمة...<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><ul>  <b:loop values='data:labels' var='label'><br />    <li><br />      <b:if cond='data:blog.url == data:label.url'><br />        <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />      <b:else/><br />        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />      </b:if><br />      <b:if cond='data:showFreqNumbers'><br />        <span dir='ltr'>(<data:label.count/>)</span><br />      </b:if><br />    </li><br />  </b:loop><br /></ul></code></pre>وضع السحابة...<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><b:loop values='data:labels' var='label'><br />  <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'><br />    <b:if cond='data:blog.url == data:label.url'><br />      <span expr:dir='data:blog.languageDirection'><data:label.name/></span><br />    <b:else/><br />      <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a><br />    </b:if><br />    <b:if cond='data:showFreqNumbers'><br />      <span class='label-count' dir='ltr'>(<data:label.count/>)</span><br />    </b:if><br />  </span><br /></b:loop> </code></pre>أتى الآن دور تنسيق هذه القطعة بوضعيها الإثنان القائمة والسحابة ..<br />اولاً إذهب الى البند تخطيط في لوحة التحكم<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJqzxrln1wtQ9PEj2QMUHTZkLCLEZHdrJ4gDZfKyRxAk1-LX0YKMSGxXEfL2GLvEgUcptwBImNd-epvNY0ac8M9nbvD1myjSeIt1nDwc0iBcFGth_y2UWCe30gD_BwxhNa6cGXabANhePW/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJqzxrln1wtQ9PEj2QMUHTZkLCLEZHdrJ4gDZfKyRxAk1-LX0YKMSGxXEfL2GLvEgUcptwBImNd-epvNY0ac8M9nbvD1myjSeIt1nDwc0iBcFGth_y2UWCe30gD_BwxhNa6cGXabANhePW/s1600/1.png" /></a>ثم اضف الآداة مرتان , مرة سحابة ومرة قائمة و عد الى البند قالب في لوحة التحكم <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzafXNG5ViIjism1lwVVTuad0416BeGHRnbsCO2CAuY1HCM28O05HgYK5znJP7dD2TeBfEWMRDoary_b-63sUu7wStwYltTmiv6WEgfZPJpyNHvtCabbbH9A1OZqQomQiwLycIc_CHapf7/s1600/4.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzafXNG5ViIjism1lwVVTuad0416BeGHRnbsCO2CAuY1HCM28O05HgYK5znJP7dD2TeBfEWMRDoary_b-63sUu7wStwYltTmiv6WEgfZPJpyNHvtCabbbH9A1OZqQomQiwLycIc_CHapf7/s1600/4.png" /></a>ثم ابحث عن الوسم..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">]]></b:skin></code></pre> و الان ..<br />لتنسيق الوضع سحابة ضع هذا الكود فوق الوسم الذي بحثنا عنه..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">.cloud-label-widget-content .label-size{float:right;display:block;padding:4px 5px;margin:0 0 2px 2px;background-color:#cf449c;color:#fff;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px}<br />.cloud-label-widget-content .label-size a{color:#fff}<br />.cloud-label-widget-content .label-size:hover{background-color:#2e2e2e}<br />.cloud-label-widget-content .label-size:active{top:1px}<br />.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font:100% Tahoma}</code></pre>ليصبح شكل القطعة هكذا...<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5BsiYSsOHDoJf60Kb6PkiuOjOFJFO68y3Qxx_yAPg2xT2Ji2dnHKRk8vvTnYck-bMc-T4t600zgwhLawzMcdz3OuTM4YQ4QvUmbfGPzO4gqeTxwyudsYtxPbBN7uppx1t-TH4k2ZcMo6/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="179" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO5BsiYSsOHDoJf60Kb6PkiuOjOFJFO68y3Qxx_yAPg2xT2Ji2dnHKRk8vvTnYck-bMc-T4t600zgwhLawzMcdz3OuTM4YQ4QvUmbfGPzO4gqeTxwyudsYtxPbBN7uppx1t-TH4k2ZcMo6/s1600/5.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">وضع سحابة بعد التنسيق</td></tr></tbody></table> ولتنسيق الوضع القائمة ضع هذا الكود..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">.Label li{padding:3px 5px;list-style:none;font:100% Tahoma}<br />.Label li:nth-child(even){background-color:#fafafa;background-color:rgba(0,0,0,0.03)}<br />.Label li:hover{border-right:3px solid #ca3092}<br />.footer .Label li:hover{background-color:#1d1d1d}<br />.footer .cloud-label-widget-content .label-size:hover{background-color:#1d1d1d}</code></pre>ليصبح شكل القطعة هكذا<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Ufk_VlK_k56g7va0-vZPIfKnDqSgY5rh7bVVjddbwDIW88OUcfTdUjzI3eW3lQfyw0kqWKierLCSQVKk1ChSO0ABt2subSySj9_6Qr4Qyv2A027Etd66_-i3SY-oYjL8LVkCaWv59LcR/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0Ufk_VlK_k56g7va0-vZPIfKnDqSgY5rh7bVVjddbwDIW88OUcfTdUjzI3eW3lQfyw0kqWKierLCSQVKk1ChSO0ABt2subSySj9_6Qr4Qyv2A027Etd66_-i3SY-oYjL8LVkCaWv59LcR/s1600/6.png" width="266" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">وضع قائمة بعد التنسيق</td></tr></tbody></table>ملاحظة: يمكن الجمع بين الأكواد لتنسيق الوضعين معاً<br /><div>مبروك عليكم الاضافة</div><div><br /></div></div>

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

بسم الله, الحمد لله.. عند محاولة تعديل او اضافة قطعة  جديدة للأقسام او التسميات على مدونة بلوجر فإنك سوف تجد خياران لتحديد مظهر القطعة وهما ...

اقرأ المزيد

المشاركات الشائعة على بلوجر بشكل أكثر من رائع بواسطة CSS فقط

<div dir="rtl" style="text-align: right;" trbidi="on"><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijji_Ad6PZrD7OaBTUNA99AU_8Na8JrPJang6s8viQXDO-JqYLevBkbxYeaNiZOPcGQnIlYA8ZdAflwHJtxWURAiLHxc14933ZgVOJMFUPJzWCKXZQX5Fm8nwfT12-PONTOQeYs02izpxi/s1600/28-04-2014+02-18-14+%25D8%25B5.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijji_Ad6PZrD7OaBTUNA99AU_8Na8JrPJang6s8viQXDO-JqYLevBkbxYeaNiZOPcGQnIlYA8ZdAflwHJtxWURAiLHxc14933ZgVOJMFUPJzWCKXZQX5Fm8nwfT12-PONTOQeYs02izpxi/s1600/28-04-2014+02-18-14+%25D8%25B5.png" title="المشاركات الشائعة على بلوجر بشكل أكثر من رائع بواسطة CSS فقط" /></a></div><br />بسم الله, الحمد لله..<br /><div>كيفكم إخواني المدونين, أن شاء الله في افضل حال</div><div>كلنا نعرف قطعة أو اضافة المشاركات الشائعة على المدونات بلوجر , ولمن لم يعرفها في تأتي من هنا..</div><div><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwt4qSGcmhKnjHhOfcnoqRD8-ZvvQIXS0ebYRLdrgy3bgiO2BmT5WDogtllidhXubG_govFrdvLHeXMrK5xLXaVKWRLPX4CDyzmCFRROxVs_LFkATiCRd5orSnuqT2mpYgy0pAYarhs210/s1600/1.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwt4qSGcmhKnjHhOfcnoqRD8-ZvvQIXS0ebYRLdrgy3bgiO2BmT5WDogtllidhXubG_govFrdvLHeXMrK5xLXaVKWRLPX4CDyzmCFRROxVs_LFkATiCRd5orSnuqT2mpYgy0pAYarhs210/s1600/1.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">إذهب الى البند تخطيط في لوحة التحكم</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I3P4NLNiIOcFCfRaDkhONEFFjUqC7TtiZTCGhVVnuUa10qXA4rTo2VmpjhZSu4KlcV70QVrDOFF21dIosFhV4jXj0H5-D6qHYQLoPrvqX8_DwaOKTK9Nec5eP3WiK5adP0gYn0iw0rOI/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-I3P4NLNiIOcFCfRaDkhONEFFjUqC7TtiZTCGhVVnuUa10qXA4rTo2VmpjhZSu4KlcV70QVrDOFF21dIosFhV4jXj0H5-D6qHYQLoPrvqX8_DwaOKTK9Nec5eP3WiK5adP0gYn0iw0rOI/s1600/2.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">اختر المكان الذي تريد الإضافة فيه ثم اضغط إضافة آداة</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjBZ_ExK0ETv7_ApKlYlhC7N9MWOyranqwvDoZJ91EVtAoZWUi5VjsT50pU1ZleW7chiCYZ52RrwuV59h474xRNs3Q6SASx2ECgbRT1qwpPEUgaLUXhLwF9RPK6_FfZxjBYJOyEt7sZzF/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="63" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmjBZ_ExK0ETv7_ApKlYlhC7N9MWOyranqwvDoZJ91EVtAoZWUi5VjsT50pU1ZleW7chiCYZ52RrwuV59h474xRNs3Q6SASx2ECgbRT1qwpPEUgaLUXhLwF9RPK6_FfZxjBYJOyEt7sZzF/s1600/3.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">ثم اختر من الأدوات المشاركات الشائعة</td></tr></tbody></table><div>ودائماً يكون شكل الإضافة الافتراضي هكذا..</div><div><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvf0x-ipNL13JUShqRuwX4ta9Mm88eplnB3zi8HTB_O9vyIw5MDujAMYfZw9f04Z8FJrgzelVQtbG0D37D9coFOaP5BImdvzLld-F4pDLi6R6RePkI272SbbYZaguv6D9851Pn1LTNgGC/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFvf0x-ipNL13JUShqRuwX4ta9Mm88eplnB3zi8HTB_O9vyIw5MDujAMYfZw9f04Z8FJrgzelVQtbG0D37D9coFOaP5BImdvzLld-F4pDLi6R6RePkI272SbbYZaguv6D9851Pn1LTNgGC/s1600/4.png" width="147" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الشكل الإفتراضي للمشاركات الشائعة على بلوجر</td></tr></tbody></table><br />ونحن سوف نحترف قليلاً ونجعل شكلها كالتالي..<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfZb1SMSS8dxtIpA87FXS7HDU7axJ5QxEQyNCZKpQuoAJi2TkvWLrIVT52mu5nDP-2oswN8pY9mqeryR6dU4gYr0Bc5kEum5mosd8pgDofHT-SQE93hbMJDNaUkMYBtwTB4L4NjRh2ZOL7/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfZb1SMSS8dxtIpA87FXS7HDU7axJ5QxEQyNCZKpQuoAJi2TkvWLrIVT52mu5nDP-2oswN8pY9mqeryR6dU4gYr0Bc5kEum5mosd8pgDofHT-SQE93hbMJDNaUkMYBtwTB4L4NjRh2ZOL7/s1600/5.png" width="199" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">الشكل الجديد</td></tr></tbody></table><div>وهذا مثال للإضافة بالشكل الجديد اطلع عليه من ( <a href="http://testminisoft.blogspot.com/" rel="nofollow" target="_blank">هنـــا </a>)</div><div>كيف يتم ذلك؟ هذا ما سوف نعرفه الآن .</div><div>إذهب الى لوحة التحكم في بلوجر ثم إضغط على قالب<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsdTYfPzUyeu47Bk2m8WgEA7Zdct8tfSa13pC_pqMLBuXGPW2mgXwQW-p0xarzSZSv7qY35T8UGKCcs3_oBnAd3yQn7GjjGgoB2_67CcpKt0h0KzUEC-VFsqzuftOEg1hBZDhqM_apgMt/s1600/6.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbsdTYfPzUyeu47Bk2m8WgEA7Zdct8tfSa13pC_pqMLBuXGPW2mgXwQW-p0xarzSZSv7qY35T8UGKCcs3_oBnAd3yQn7GjjGgoB2_67CcpKt0h0KzUEC-VFsqzuftOEg1hBZDhqM_apgMt/s1600/6.png" width="94" /></a></div><div class="separator" style="clear: both; text-align: right;">ثم ابحث عن الوسم..</div><div class="separator" dir="ltr" style="clear: both; text-align: center;">]]></b:skin></div><div class="separator" style="clear: both; text-align: right;">ثم ضع فوقه مباشرتاً الأكواد التالية..</div><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">/* Blogger Popular Post Widget By MiniSoft*/<br />.PopularPosts .item-thumbnail{padding:3px;height:60px;width:60px;}<br />.PopularPosts .item-title a{margin:0 20px}<br />.PopularPosts .item-title{text-align:center}<br />.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none;}<br />.PopularPosts ul{font:normal normal 12px Tahoma,Arial,Sans-Serif;color:#000;}<br />.PopularPosts ul li img{display:block;margin:0 .5em 0 0;width:60px;height:60px;float:left;}<br />.PopularPosts ul li{background-color:#eee;margin:0 10% .4em 0;padding:.5em 1.5em .5em .5em;counter-increment:num;position:relative;}<br />.PopularPosts ul li:before,.PopularPosts ul li .item-title a{font-size:14px;color:inherit;text-decoration:none;}<br />.PopularPosts ul li:before{content:counter(num);display:block;position:absolute;background-color:black;color:white;width:30px;height:30px;line-height:30px;text-align:center;top:50%;right:-10px;margin-top:-15px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}<br />.PopularPosts ul li:nth-child(1) {background-color:#6EBE27;margin-right:1%}<br />.PopularPosts ul li:nth-child(2) {background-color:#FD3C03;margin-right:2%}<br />.PopularPosts ul li:nth-child(3) {background-color:#FECB09;margin-right:3%}<br />.PopularPosts ul li:nth-child(4) {background-color:#E11E28;margin-right:4%}<br />.PopularPosts ul li:nth-child(5) {background-color:#863E62;margin-right:5%}<br />.PopularPosts ul li:nth-child(6) {background-color:#5BBFF1;margin-right:6%}<br />.PopularPosts ul li:nth-child(7) {background-color:#61469C;margin-right:7%}<br />.PopularPosts ul li:nth-child(8) {background-color:#863E86;margin-right:8%}<br />.PopularPosts ul li:nth-child(9) {background-color:#149A48;margin-right:9%}<br />.PopularPosts ul li:nth-child(10) {background-color:#815540;margin-right:10%}</code></pre> ثم اضغط حفظ القالب و مبروك عليك الاضافة الجديدة<br /><br /></div></div>

المشاركات الشائعة على بلوجر بشكل أكثر من رائع بواسطة CSS فقط

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

اقرأ المزيد

قالب ميني ديزين الأحمر ,, اسرع واجمل قالب للمدونات بلوجر.

<div dir="rtl" style="text-align: right;" trbidi="on"><div dir="rtl" style="text-align: right;" trbidi="on"><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9-y9Y9fZaLCcN4DX5Z8wUqZ742XWrtvu4WW0pyNczYoJwu3pxZZH-lAyCmq8Cif4Ng4Dfx3in4AokT6FCWwqCQp_M0H2XDSc_HsXi6h8WeV57PLUhLaHfnf_VUUjXpXA4xcv1LQtr5Kw/s1600/1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="195" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9-y9Y9fZaLCcN4DX5Z8wUqZ742XWrtvu4WW0pyNczYoJwu3pxZZH-lAyCmq8Cif4Ng4Dfx3in4AokT6FCWwqCQp_M0H2XDSc_HsXi6h8WeV57PLUhLaHfnf_VUUjXpXA4xcv1LQtr5Kw/s1600/1.png" width="320" /></a></div><br />السلام عليكم..<br />اليوم اخواني المدونين سوف نستعرض سوياً قالباً للمدونات بلوجر يعتبر من اسرع القوالب و اجملها واصغرها على الاطلاق..<br />حيث ان القالب يحتوي على ما يلي...<br /><br /><div class="separator" style="clear: both; text-align: center;"></div><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggR8Jy9lPiHwIixZlUd0AzcDRbI72ZWwpOhwrN6Z18z5vM0fQVHnol9NaBgkIUzWwXEg3G088mxdwfr6gre1a4ewzJ5wKuXiI10lyyLAmLNyGLfEed3TdvF0C2YIDT6ppzN5RL3cIOQptD/s1600/2.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="86" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggR8Jy9lPiHwIixZlUd0AzcDRbI72ZWwpOhwrN6Z18z5vM0fQVHnol9NaBgkIUzWwXEg3G088mxdwfr6gre1a4ewzJ5wKuXiI10lyyLAmLNyGLfEed3TdvF0C2YIDT6ppzN5RL3cIOQptD/s1600/2.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">مساحة اعلانية كبيرة في رأس الموقع بمساحة 700px عرض × 90px ارتفاع</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqetb5pL_dgOLCpqVyYLGIfIdmVIzJKRXGrKnHXoWWkSIlPLKqb9nnzzn-Om-ZCcj-3IrVqGwqxwvxHP7Ocw38_dJFuXNct7gQY3dtQsYZxtSE12_UciCOL9Nl2h2c625lHncmsya8kyUk/s1600/3.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqetb5pL_dgOLCpqVyYLGIfIdmVIzJKRXGrKnHXoWWkSIlPLKqb9nnzzn-Om-ZCcj-3IrVqGwqxwvxHP7Ocw38_dJFuXNct7gQY3dtQsYZxtSE12_UciCOL9Nl2h2c625lHncmsya8kyUk/s1600/3.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">قائمة افقية رائعة مع توضيح لكل قسم </td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aoOLrFIa8CNm01NHy8z-qi7FDB-nXUmsnYRg-CbhpIpmSO6p6OyqbBMcoTN_taXeWr0165sUmfEwaJ9GLp8uUQDmG_q9tkWuKb6IRW55N2iOHQgxa_LxDYI1zDmd3MghFVtd0kVCZHTB/s1600/30.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4aoOLrFIa8CNm01NHy8z-qi7FDB-nXUmsnYRg-CbhpIpmSO6p6OyqbBMcoTN_taXeWr0165sUmfEwaJ9GLp8uUQDmG_q9tkWuKb6IRW55N2iOHQgxa_LxDYI1zDmd3MghFVtd0kVCZHTB/s1600/30.png" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">عند مرور الفأرة عن القائمة الافقية</td></tr></tbody></table><div class="separator" style="clear: both; text-align: center;"><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QU6RbGzv6qIT9uHisL1z8_UkPFVHXdzcICSoI1ROJnmBceY4I4Vi_EVK1NmM0oU-wp0q1n9b0NhX24o0hx91LuWB9yvcbHJ2-e5Qo5qpwFsxf-NsR3qi2UWteHQobVQj7v6JH3uspE-Q/s1600/4.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="142" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QU6RbGzv6qIT9uHisL1z8_UkPFVHXdzcICSoI1ROJnmBceY4I4Vi_EVK1NmM0oU-wp0q1n9b0NhX24o0hx91LuWB9yvcbHJ2-e5Qo5qpwFsxf-NsR3qi2UWteHQobVQj7v6JH3uspE-Q/s1600/4.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">تدوينات مصغرة في الصفحة الرئيسية<br />مع اضافة اعجاب و تغريد للفيس بوك وتويتر بجوار التدوينه<br />وايضاً اضافة اقرأ المزيد تلقائياً</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc4nCg5C3PP0FPBt6j9vFQYGq5RmLRLYqBGGaZ3i4d2oLNtwZqjge68I_D_FamyLH6ON-p13qerNMeKTMNllkB-P4JWWMP1aOl_sHNLyaWvwpBof3ELuB7p5Apl2hMmBU-u6jhjXeNYQcR/s1600/5.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc4nCg5C3PP0FPBt6j9vFQYGq5RmLRLYqBGGaZ3i4d2oLNtwZqjge68I_D_FamyLH6ON-p13qerNMeKTMNllkB-P4JWWMP1aOl_sHNLyaWvwpBof3ELuB7p5Apl2hMmBU-u6jhjXeNYQcR/s1600/5.png" width="167" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">سكرول بار بشكل جميل مناسب لشكل المدونة</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy745OmP9aaKt9pW2ADPOd0zqvoucd_R18AnE6z_DVr0EZDOm-eCUI9Au8os8VffIbtSsu5t-WaXZicZadvPJxUTjBAWo56ji2wqk7DlAlsNcWBBkJByVC1TYJr1eGwCWkNqSip43jdW0-/s1600/6.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy745OmP9aaKt9pW2ADPOd0zqvoucd_R18AnE6z_DVr0EZDOm-eCUI9Au8os8VffIbtSsu5t-WaXZicZadvPJxUTjBAWo56ji2wqk7DlAlsNcWBBkJByVC1TYJr1eGwCWkNqSip43jdW0-/s1600/6.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">مشاركة الموضوعات في نهاية كل تدوينة</td></tr></tbody></table><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK4gCKVpP_tcPu_D8XyJc46HCmVB412JElIrTUmfmYSBabOBVsHYiiytxmYDDdry_e1xbxLu8ccJdNEPL_p0pRRh6RD0NWZnlSGIhA2HhGlFMnDIMxlow0BBybFItMzDFH-w-Td7sQhRN/s1600/7.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="73" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvK4gCKVpP_tcPu_D8XyJc46HCmVB412JElIrTUmfmYSBabOBVsHYiiytxmYDDdry_e1xbxLu8ccJdNEPL_p0pRRh6RD0NWZnlSGIhA2HhGlFMnDIMxlow0BBybFItMzDFH-w-Td7sQhRN/s1600/7.png" width="320" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">شكل رائع للتعليقات</td></tr></tbody></table>لتنسيق هذا القالب وحتى يتناسب مع مدونتك تابع التالي...<br />لتنسيق القائمة الافقية ابحث عن الوسم<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><div class='menuhorisontal'></code></pre></div> لتجد الكود كاملاً هكذا..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml">        <div class='menuhorisontal'><br />          <ul><br />            <li><a href='/'>الرئيسية<span>الصفحة الرئيسية</span></a></li><br />            <li><a href='#'>عن الموقع<span>جميع اخبار الموقع</span></a></li><br />            <li><a href='#'>اتصل بنا<span>اترك رساله هنا</span></a></li><br />            <li><a href='#'>رحلات<span>حول العالم</span></a></li><br />            <li><a href='#'>شروحات<span>برامج , ويندوز</span></a></li><br />            <li><a href='#'>بلوجر<span>شروحات قوالب</span></a></li><br />          </ul><br />        </div></code></pre> لتعديل حقوق القالب ابحث عن الوسم<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><div id='credit'></code></pre> لتجد الكود كاملاً هكذا..<br /><pre class="numbered" data-codetype="CSS+HTML+JQuery" dir="ltr" style="text-align: left;" title="Double Click to Copy"><code class="xml"><div id='credit'><br /><div class='right'><br /><strong>موقع المُصمم :</strong><br /><a href='http://minisoftwre.blogspot.com'>ميني سوفت</a><br /><br/><br />جميع الحقوق محفوظة .<br /><a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'> <data:blog.title/>&#169; 2013 </a><br /></div><br /><div class='left'><br /><strong>تصميم</strong><br /><a href='http://minisoftwre.blogspot.com'>ميني سوفت</a><br /><strong>المطور</strong><br /><a href='http://minisoftwre.blogspot.com'> احمد صالح</a><br /><br/><br />powered by <a href='http://www.blogger.com'>Blogger</a><br /></div><br /></div></code></pre><br />والآن نأتي للمعانية و التحميل..<br /><br /><div style="text-align: center;"><a class="buttonmini" href="http://minisoftwre.blogspot.com/p/demo_9.html?url=http://minis-design.blogspot.com" target="_blank">معاينة</a><a class="buttonmini" href="http://www.mediafire.com/?yi4rbj0yyyq5y" target="_blank">تحميل</a></div></div>

قالب ميني ديزين الأحمر ,, اسرع واجمل قالب للمدونات بلوجر.

السلام عليكم.. اليوم اخواني المدونين سوف نستعرض سوياً قالباً للمدونات بلوجر يعتبر من اسرع القوالب و اجملها واصغرها على الاطلاق.. حيث ان القا...

اقرأ المزيد