tag:blogger.com,1999:blog-81191761657233927332024-03-16T00:08:11.855-07:00مـدونــة سـكانيـا مصــرمدونه متخصصه تعرض كل ما يهم المدون العربي ، تركز على مدونات بلوجر وتقنياتها ، تسعى الى تحسين التدوين واحترافه وتمتد الى الشبكات الاجتماعيه ومواد اخرى لانجاح المدونه العربيهسكانيا مصرhttp://www.blogger.com/profile/12434542920591938109noreply@blogger.comBlogger46125tag:blogger.com,1999:blog-8119176165723392733.post-61478027097489203652014-12-09T16:04:00.000-08:002014-12-09T16:04:46.878-08:00إنشاء نموذج اتصال احترافي لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
إنشاء نموذج اتصال احترافي لمدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<br /><div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_zpvnhBQ8fz84h0ji9ASKhupqvizA0fd2Ki0fgqaWTbLijlnF028TlmT5NVyzNXedCV0WjeIN4xCIm0J9NoR6PS7xfQ5jyP0IinAqW4Y7lOHIk1C6EJQC_TydQVwUB3qDMakXstWvovl/s1600/image%255B27%255D.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="إنشاء نموذج اتصال احترافي لمدونات بلوجر ليستطيع العملاء التواصل معك بكل سهولة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjs_zpvnhBQ8fz84h0ji9ASKhupqvizA0fd2Ki0fgqaWTbLijlnF028TlmT5NVyzNXedCV0WjeIN4xCIm0J9NoR6PS7xfQ5jyP0IinAqW4Y7lOHIk1C6EJQC_TydQVwUB3qDMakXstWvovl/s1600/image%25255B27%25255D.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="إنشاء نموذج اتصال احترافي لمدونات بلوجر" /></a></div>
<br /><br />في الجزء الأول من هذه السلسلة تعلمت كيفية إضافة نموذج الاتصال إلى حسابك في المدونة والتحكم في إعدادات العرض. اليوم سوف تتعلم كيفية تغيير الأنماط لتعكس الأنماط المخصصة الخاصة بك مع تصميم أكثر جاذبية. اليوم سوف تتعلم كيفية تخصيص نموذج حقول الإدخال، إضافة أيقونات لها، إضافة "زر واضح"، و عمل العديد من الحيل مع النموذج المخصص. تم بناء النموذج باستخدام XHTML أو الحصول على طرق بوست على عكس أشكال PHP التي تستخدم على نطاق واسع اليوم.</div>
<div dir="rtl" style="text-align: right;" trbidi="on">
<a name='more'></a><br /><br /><br /><div style="text-align: center;">
<a class="mudwnpbo" href="http://facebook-comments-box.blogspot.com/p/contact-us.html" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br /><br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px; text-align: center;">
<b>طريقة التركيب</b></h2>
<br /><div style="text-align: center;">
الآن سوف تحتاج إلى إنشاء صفحة ثابتة حيث سنقوم بإضافة التعليمة البرمجية HTML للنموذج اتصال جديدة.</div>
<br /><ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الذهاب إلى Blogger> الصفحات</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">اختيار صفحة فارغة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">اعطائها أي عنوان تريد. أوصي "اتصل بنا"</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">التبديل إلى وضع HTML ولصق رمز HTML التالي داخله:</li>
</ol>
<br /><br /><blockquote style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div class='form'><br /> <!-- Custom Contact Form By mudwnp Starts --><br /><br /> <form name='contact-form'><br /><br /> <!-- Name Field --><br /><br /> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Name&quot;;}' onfocus='if (this.value == &quot;Name&quot;) {this.value = &quot;&quot;;}' /><br /> <p></p><br /><br /> <!-- Email ID Field --><br /><br /> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID" size='30' type='text' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Email ID&quot;;}' onfocus='if (this.value == &quot;Email ID&quot;) {this.value = &quot;&quot;;}'/><br /> <p></p><br /><br /> <!-- Message Field --><br /><br /> <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' value='Leave Your Message..' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Leave Your Message..&quot;;}' onfocus='if (this.value == &quot;Leave Your Message..&quot;) {this.value = &quot;&quot;;}'></textarea><br /> <p></p><br /><br /> <!-- Clear Button --><br /> <input class='contact-form-button contact-form-button-submit mudwnp-button-color' type='reset' value='إمسح'/><br /><br /> <!-- Send Button --><br /> <input class='contact-form-button contact-form-button-submit mudwnp-button-color' id='ContactForm1_contact-form-submit' type='button' value='إرسال'/><br /> <p></p><br /><br /> <!-- Validation --><br /> <div style='text-align: center; max-width: 222px; width: 100%'><br /> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p><br /> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p><br /> </div><br /> </form><br /><br /> <!-- Custom Contact Form By mudwnp Ends --><br /> </div></blockquote>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>تخصيص النموذج:</b></h4>
<ul style="list-style: inherit; margin: 0px; outline: none; padding: 0px;"></ul>
الذهاب إلى Blogger> قالب<br />النسخ الاحتياطي لديك<br />انقر على "تحرير HTML"<br /><br /><br /><blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<style><br /><br />/*---- Compatible contact Form by mudwnop-----*/<br /><br />.contact-form-name, .contact-form-email, .contact-form-email-message {<br />max-width: 220px;<br />width: 100%;<br />font-weight:bold;<br />}<br /><br /> <br />.contact-form-name {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqXpFU5zAZyTZf0kMbjB5vYVGhoUBKP9qU-kJ9oHyK5c8TBfs3IKkdET3vfPH06kibdXKEnb1JZ2rhr7DLYqmxsmEwGfOQZPoNhHZlBkLr64y5ldhUNovoSNOuF9ZmUAtDslIEjauiKno/s320/name.png) no-repeat 7px 8px;<br />background-color: #FFF;<br />border: 1px solid #ddd;<br />box-sizing: border-box;<br />color: #A0A0A0;<br />display: inline-block;<br />font-family: Arial,sans-serif;<br />font-size: 12px;<br />font-weight:bold;<br />height: 24px;<br />margin: 0;<br />margin-top: 5px;<br />padding: 5px 15px 5px 28px;<br />vertical-align: top;<br /><br />}<br /> <br /><br />.contact-form-email {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1YddE9Za4YSP2dU6nDJuHcy56Jmy9Un5QOpNwDOf_pG_tD9AIpw-_E4-np2ZqpvZq-YzjV9-awa9Rv5xT_O82VmqVlpEsJEPnbnIxkEnAjTk04SsECszj3fwYPYkiA7mJKpb8M25aZeQ/s320/email.png) no-repeat 7px 10px;<br />background-color: #FFF;<br />border: 1px solid #ddd;<br />box-sizing: border-box;<br />color: #A0A0A0;<br />display: inline-block;<br />font-family: Arial,sans-serif;<br />font-size: 12px;<br />font-weight:bold;<br />height: 24px;<br />margin: 0;<br />margin-top: 5px;<br />padding: 5px 15px 5px 28px;<br />vertical-align: top;<br /><br />}<br /><br /><br /><br />.contact-form-email:hover, .contact-form-name:hover{<br />border: 1px solid #bebebe;<br />box-shadow: 0 1px 2px rgba(5, 95, 255, .1);<br /><br /><br />padding: 5px 15px 5px 28px;<br /><br />}<br /><br />.contact-form-email-message:hover {<br />border: 1px solid #bebebe;<br />box-shadow: 0 1px 2px rgba(5, 95, 255, .1);<br />padding: 10px;<br />}<br /><br />.contact-form-email-message {<br />background: #FFF;<br />background-color: #FFF;<br />border: 1px solid #ddd;<br />box-sizing: border-box;<br />color: #A0A0A0;<br />display: inline-block;<br />font-family: arial;<br />font-size: 12px;<br />margin: 0;<br />margin-top: 5px;<br />padding: 10px;<br />vertical-align: top;<br />max-width: 350px!important;<br />height: 150px;<br />border-radius:4px;<br />}<br /><br /><br />.contact-form-button {<br />cursor:pointer;<br />height: 32px;<br />line-height: 28px;<br />font-weight:bold;<br />border:none;<br />}<br /><br /><br /><br />.contact-form-button {<br />display: inline-block;<br />zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */<br />*display: inline;<br />vertical-align: baseline;<br />margin: 0 2px;<br />outline: none;<br />cursor: pointer;<br />text-align: center;<br />text-decoration: none;<br />font: 14px/100% Arial, Helvetica, sans-serif;<br />padding: .5em 2em .55em;<br />text-shadow: 0 1px 1px rgba(0,0,0,.3);<br />-webkit-border-radius: .5em;<br />-moz-border-radius: .5em;<br />border-radius: .5em;<br />-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);<br />-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);<br />box-shadow: 0 1px 2px rgba(0,0,0,.2);<br />}<br />.contact-form-button:hover {<br />text-decoration: none;<br />}<br />.contact-form-button:active {<br />position: relative;<br />top: 1px;<br />}<br /><br /><br />.<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp-button-color </span>{<br />color: #fef4e9;<br />border: solid 1px #da7c0c;<br />background: #f78d1d;<br />background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));<br />background: -moz-linear-gradient(top, #faa51a, #f47a20);<br />filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');<br />}<br />.<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp-button-color:hover </span>{<br />background: #f47c20;<br />background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));<br />background: -moz-linear-gradient(top, #f88e11, #f06015);<br />filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');<br />border-color: #F47C20!important;<br />}<br />.<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp-button-color:active </span>{<br />color: #fcd3a5;<br />background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));<br />background: -moz-linear-gradient(top, #f47a20, #faa51a);<br />filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');<br />}<br /><br /></style><br /><br /><br /> <!--[if IE 9]><br /> <style><br /><br />.contact-form-name {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqXpFU5zAZyTZf0kMbjB5vYVGhoUBKP9qU-kJ9oHyK5c8TBfs3IKkdET3vfPH06kibdXKEnb1JZ2rhr7DLYqmxsmEwGfOQZPoNhHZlBkLr64y5ldhUNovoSNOuF9ZmUAtDslIEjauiKno/s320/name.png) no-repeat 7px 0px;<br />}<br /><br />.contact-form-email {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1YddE9Za4YSP2dU6nDJuHcy56Jmy9Un5QOpNwDOf_pG_tD9AIpw-_E4-np2ZqpvZq-YzjV9-awa9Rv5xT_O82VmqVlpEsJEPnbnIxkEnAjTk04SsECszj3fwYPYkiA7mJKpb8M25aZeQ/s320/email.png) no-repeat 7px 6px;<br />}<br /><br /> </style><br /> <![endif]--><br /><br /> <style><br />@media screen and (-webkit-min-device-pixel-ratio:0) {<br /><br /><br />.contact-form-name {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqXpFU5zAZyTZf0kMbjB5vYVGhoUBKP9qU-kJ9oHyK5c8TBfs3IKkdET3vfPH06kibdXKEnb1JZ2rhr7DLYqmxsmEwGfOQZPoNhHZlBkLr64y5ldhUNovoSNOuF9ZmUAtDslIEjauiKno/s320/name.png) no-repeat 7px 6px;<br />padding: 15px 15px 15px 28px;<br /><br /><br />}<br /><br />.contact-form-email {<br />background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1YddE9Za4YSP2dU6nDJuHcy56Jmy9Un5QOpNwDOf_pG_tD9AIpw-_E4-np2ZqpvZq-YzjV9-awa9Rv5xT_O82VmqVlpEsJEPnbnIxkEnAjTk04SsECszj3fwYPYkiA7mJKpb8M25aZeQ/s320/email.png) no-repeat 7px 8px;<br />padding: 15px 15px 15px 28px;<br /><br />}<br /><br /><br /><br />.contact-form-email:hover, .contact-form-name:hover{<br />padding: 15px 15px 15px 28px;<br />}<br /><br /><br />.contact-form-button {<br />height: 28px;<br /><br />}<br /><br />}<br /><br /></style></blockquote>
<br />فإن الأنماط المذكورة أعلاه تعمل على ما يرام مع جميع المتصفحات بما في ذلك انترنت اكسبلورر. لأن الكود متوافق للعمل بشكل جيد مع جميع المتصفحات الرئيسية مثل ، موزيلا و كروم و المتصفحات كافة.<br /><br /><br /><h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>اهم الملاحظات حول الكود</b></h3>
<br />لتغيير الوان الازرار ابحث عن .<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp-button-color </span>و قم بتغيير الارقام اسفله<br />لتغيير لون الزر عند مرور الماوس .<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp-button-color:active </span>و قم بتغيير الارقام اسفله<br />لتغيير لون الزر عند مرور الماوس .<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp-button-color:hover </span>و قم بتغيير الارقام اسفله<br /><br /><div style="text-align: center;">
من يواجه مشكلة مع الاضافة فليترك تعليق و سوف يتم حلها</div>
<br /><br /><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
في امان الله</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com1tag:blogger.com,1999:blog-8119176165723392733.post-2162610546866818842014-12-09T14:24:00.001-08:002014-12-09T14:24:32.833-08:00تخصيص نموذج الاتصال الجزء الاول<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
تخصيص نموذج الاتصال الجزء الاول</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<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/AVvXsEhG9AjpTMGU0OYTezrkVUCiC3mY4TjYTccdX7dROY-SuIzvmL5ahPeYrvrdhWfzgWB_ineFUCyO72dpRYNUA5tteeqEZoNdXG1CDyaMkDnXPkPWEepHcwLZaMDDYEa8CCNfnCFpQomGksVn/s1600/image%5B27%5D.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية تخصيص نموذج الاتصال لمدونات بلوجر و جعله اكثر احترافية و جاذبية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG9AjpTMGU0OYTezrkVUCiC3mY4TjYTccdX7dROY-SuIzvmL5ahPeYrvrdhWfzgWB_ineFUCyO72dpRYNUA5tteeqEZoNdXG1CDyaMkDnXPkPWEepHcwLZaMDDYEa8CCNfnCFpQomGksVn/s1600/image%255B27%255D.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="تخصيص نموذج الاتصال الجزء الاول" /></a></div>
<br />من الإضافات المهمة في بلوجر هي اضافة نموذج الإتصال ولكن شكلها قد لا يعجب بعض المدونين لذلك أحببت ان اقوم بطرح موضوع لتخصيص نموذج الاتصال ليصبح اكثر احترافية يمكنك معاينة الإضافة بتنسيقها <a name='more'></a>الخاص بنا من الرابط التالي<br /><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">ملاحظة</span>: يمكن اضافة نموذج الاتصال في صفحة ثابتة او في السايدبار. و يمكنك إضافة هذا النموذج المخصص في أي مكان تريده<br /><br /><br /><div style="text-align: center;">
<a class="mudwnpbo" href="http://facebook-comments-box.blogspot.com/p/contact-us.html" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px; text-align: center;">
<b>طريقة التركيب</b></h2>
<div style="text-align: center;">
قم بالدخول لصفحة التخطيط ثم أضف آداة نموذج الإتصال ستجدها في المزيد من الأدوات</div>
<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi05lbRNrE3aYdxAzc69fHiewfvGqxpuVw5Br6qwmPGxcdU-Mq_X2TYqZVAS5yDV56IGCIWuRmCtcG89NCn0OlpB1arrHWuD42MujjOUHECaaek2ehPq9rMUHbpdnKcgcPXzPMQhWWvdTAP/s1600/form2.gif" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية تخصيص نموذج الاتصال لمدونات بلوجر و جعله اكثر احترافية و جاذبية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi05lbRNrE3aYdxAzc69fHiewfvGqxpuVw5Br6qwmPGxcdU-Mq_X2TYqZVAS5yDV56IGCIWuRmCtcG89NCn0OlpB1arrHWuD42MujjOUHECaaek2ehPq9rMUHbpdnKcgcPXzPMQhWWvdTAP/s1600/form2.gif" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="تخصيص نموذج الاتصال الجزء الاول" /></a></div>
<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>التحكم في الاضافة</b></h4>
<br />نموذج الاتصال الذي قمت بإنشائه لديه رقم # ContactForm1، وذلك باستخدام هذا المعرف يمكنك بسهولة تحديد موقع رمز HTML من النموذج العادي في ملف مصدر المدونة.<br /><br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>إخفاء نموذج الاتصال العادي على الشريط الجانبي</b></h4>
<br />الذهاب إلى Blogger > قالب<br />النسخ الاحتياطي<br />انقر فوق تحرير HTML<br /><br /><div style="text-align: center;">
ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"></head></qaz> لصق الكود التالي فوقه لإخفاء النموذج من الشريط الجانبي</div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><b:if cond='data:blog.pageType == "static_page"'><br /><style><br />#ContactForm1{ display:none!important;}<br /></style><br /></b:if></blockquote>
<br /><br />تخصيص نموذج الاتصال !<br /><br />الان قمنا باضافة نموذج الاتصال المدونة و قمنا باخفاءه الان سوف نتجه إلى الرابط التالي لنقوم بتخصيص نموذج الاتصال<br /><br />تكملة الموضوع : <a href="http://mudwnp.blogspot.com/2014/08/customize-blogger-contact-form-part-1.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">إنشاء نموذج اتصال احترافي لمدونات بلوجر </a><a href="http://mudwnp.blogspot.com/2014/08/create-custom-contact-form.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"></a><br /><br /><div style="text-align: center;">
في امان الله </div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-ts5fULzh9vk%2FU_-iQZyKdII%2FAAAAAAAAAdM%2FACitZWO4FSU%2Fs1600%2Fform2.gif&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi05lbRNrE3aYdxAzc69fHiewfvGqxpuVw5Br6qwmPGxcdU-Mq_X2TYqZVAS5yDV56IGCIWuRmCtcG89NCn0OlpB1arrHWuD42MujjOUHECaaek2ehPq9rMUHbpdnKcgcPXzPMQhWWvdTAP/s1600/form2.gif" -->Anonymousnoreply@blogger.com4tag:blogger.com,1999:blog-8119176165723392733.post-24282782248588219722014-12-09T14:19:00.000-08:002014-12-09T14:19:01.984-08:00اضافة سحابة التسميات الملونة<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة سحابة التسميات الملونة</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPLjR2ggbtWrjSXugd76rFrUbrG2lPKlITVaXXdxtEaDlPm8E3iAoLMnH223n323EWNA3nytoCrsBSC85_tYO74Qzg68xL-5gu62WaeJRnsi-aeDYdYQc-agSKhsswk2anZmvkGhsEISA/s1600/Flat+UI+Labels+Cloud+Widget.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="تريد أن تجلب الذهول إلى اضافة اداة التسمية؟ تخصيص واجهة التسميات و جعلها ملونة اضافات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTPLjR2ggbtWrjSXugd76rFrUbrG2lPKlITVaXXdxtEaDlPm8E3iAoLMnH223n323EWNA3nytoCrsBSC85_tYO74Qzg68xL-5gu62WaeJRnsi-aeDYdYQc-agSKhsswk2anZmvkGhsEISA/s1600/Flat+UI+Labels+Cloud+Widget.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة سحابة التسميات الملونة" /></a></div>
<br /><br />تحسين مظهر المدونة من اهم العوامل . لأن هناك عدة أسباب لذلك مثل الحصول على موافقة من شركات الاعلان الكبرى مثل</div>
<div dir="rtl" style="text-align: right;" trbidi="on">
<a name='more'></a><br />Google AdSense و BuySellAds. هناك العديد من القوالب المهنية على شبكة الانترنت التي يمكن أن نستخدمها لكنها قد لا تعجبنا ، فإنه من المهم أيضا أن تكون الاضافات مناسبة مع القوالب مثل التسميات او العلامات أو اضافة المشاركات الشائعة، ازرار التواصل الاجتماعي، مواضيع ذات صلة و إذا كان لديك خبرة قليلة في التصيم يمكنك بسهولة تحقيق الاحتراف بعمل الاضافات الخاصة بك . اليوم، في هذه التدوينة، سنشرح اهم اضافات من اضافات بلوجر ، و هي اضافة سحابة التسميات الملونة<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">1.</span> <b>اضافة اداة سحابة التسميات</b></h4>
<br />الذهاب إلى <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">المدونة </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">></span> <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">تخطيط </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">>> </span><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">إضافة أداة</span><br />اختيار <span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">"</span> <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">تسميات </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">"</span><br />و قم باختيار سحابة <span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">"</span> <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">حفظ</span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;"> </span>"</span><br /><br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQEHdrqv_od-vgGDWanNR0V3MCw6hzagucuyma7OolZcwzl5tg8DT4j_1Ao_esQH9ejfUSrW76GqeBL-vjgasWFkhNokEkxUwH7E_hRtMLPknZN8FSIwh5bL04GR6gEERkYI5LvWoz5iNz/s1600/label+%25283%2529.gif" style="color: #c54627; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="تريد أن تجلب الذهول إلى اضافة اداة التسمية؟ تخصيص واجهة التسميات و جعلها ملونة اضافات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQEHdrqv_od-vgGDWanNR0V3MCw6hzagucuyma7OolZcwzl5tg8DT4j_1Ao_esQH9ejfUSrW76GqeBL-vjgasWFkhNokEkxUwH7E_hRtMLPknZN8FSIwh5bL04GR6gEERkYI5LvWoz5iNz/s1600/label+%25283%2529.gif" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة سحابة التسميات الملونة" /></a></div>
<br /><br />الآن تمت إضافة القطعة في بلوق ودعونا تخصيص القطعة التسمية السحابية.<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">2. </span><b>اضافة سحابة التسميات الملونة</b></h4>
<br />الذهاب إلى <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">المدونة </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">></span> <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">قالب </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">>> </span>انقر فوق <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">تحرير HTML</span><br />ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px; text-align: center;">]]></b:skin></qaz> و اضف فوقه الكود التالي<br /><br /><blockquote style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
.sidebar .label-size {<br /> position:relative;<br /> text-transform: uppercase;<br /> text-decoration:none;<br /> font-size:13px;<br /> font-family:Open Sans;<br /> color:#fff!important;<br /> }<br /><br />.sidebar .label-size a {<br /> color:#fff!important;<br /> font-weight:bold;<br /> padding:8px 10px;<br /> margin:0 6px 6px 0;<br /> float:left;<br /> display:block;<br /> -moz-transition: all 0.4s ;<br /> -o-transition: all 0.4s;<br /> -webkit-transition: all 0.4s ;<br /> -ms-transition: all 0.4s ;<br /> transition: all 0.4s ;<br />}<br /><br />.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}<br />.sidebar .label-size-1 a:hover {background:#16a085;}<br />.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}<br />.sidebar .label-size-2 a:hover {background:#2980b9;}<br />.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}<br />.sidebar .label-size-3 a:hover {background:#27ae60}<br />.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}<br />.sidebar .label-size-4 a:hover {background:#8e44ad}<br />.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}<br />.sidebar .label-size-5 a:hover {background:#c0392b}<br /> </blockquote>
<br /><br /><div style="text-align: center;">
الان قم بحفظ القالب و مبروك عليك سحابة التسميات الملونة و إذا كنت تواجه اي مشكلة مع الاضافة يمكنك ترك تعليق و سوف يتم الرد عليك بسرعة</div>
<br /><br /><br /><br /><br /><span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">يمكنك ايضا مشاهدة :</span> <a href="http://mudwnp.blogspot.com/2014/07/customize-labels-widget.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;">شرح تنسيق قائمة و سحابة التسميات</a><br /><br /><div style="text-align: center;">
<br />في امان الله</div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-eSh0B5e29rw%2FU86V4P1PUKI%2FAAAAAAAAAXg%2F5YLGlxQ94R0%2Fs1600%2Flabel%2B%2525283%252529.gif&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQEHdrqv_od-vgGDWanNR0V3MCw6hzagucuyma7OolZcwzl5tg8DT4j_1Ao_esQH9ejfUSrW76GqeBL-vjgasWFkhNokEkxUwH7E_hRtMLPknZN8FSIwh5bL04GR6gEERkYI5LvWoz5iNz/s1600/label+%25283%2529.gif" -->Anonymousnoreply@blogger.com1tag:blogger.com,1999:blog-8119176165723392733.post-21357507579391347912014-12-09T13:25:00.001-08:002014-12-09T13:25:58.970-08:00اضافة سلايدر شو خفيف و انيق لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة سلايدر شو خفيف و انيق لمدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_aqzwcNywlRa98rdASUY4ukN204tjjvkmrrbowtHHMBO8xBdeCXJj6oCs98j7-umjR6Nma1GLVcCOm_WpyfIRe3tqcednbf7VPvd3ZZaXD6_16o5WDr7oPcbO90kMxvrTEVK_83VACFd/s1600/jquery+image+slider+for+blogger.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="اضافة سلايدر شو خفيف و انيق لمدونات بلوجر ,اضافة سلايدر شو خفيف و انيق لمدونات بلوجر " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio_aqzwcNywlRa98rdASUY4ukN204tjjvkmrrbowtHHMBO8xBdeCXJj6oCs98j7-umjR6Nma1GLVcCOm_WpyfIRe3tqcednbf7VPvd3ZZaXD6_16o5WDr7oPcbO90kMxvrTEVK_83VACFd/s1600/jquery+image+slider+for+blogger.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة سلايدر شو خفيف و انيق لمدونات بلوجر" /></a></div>
<br />
<br />
السلايد شو أو السلايدر Slider هي إضافة تمكنك من عرض صور بشكل متعاقب وأنيق وطبعا يمكن إستخدمها في عرض مواضيعك المميزة أو أى شئ ترغب بعرضه يكون واضح ولافت للأنظار هناك عشرات الإضافات التي تستخدم نفس الخاصية ولكن إخترت لكم هذه بالتحديد وهي من تصميمات dimpost لأنها تحتوي عدة مميزات أول شئ هي خفيفة جداً وهو ما تفتقر اليه أغلب السلايد الأخرى ميزة أخرى وهي ان تصميمها بسيط وليس مبالغ فيه ويميز هذه النسخة السرعة والتوافق مع غالبية القوالب وبمكنك رؤية معاينة حية لها عبر الرابط التالي<br />
<br />
<a name='more'></a><br /><br />
<br />
<br />
<div style="text-align: center;">
<a class="mudwnpbo" href="http://project.dimpost.com/image-slider/javascript-image-slider" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px; text-align: center;">
<b>طريقة التركيب</b></h2>
<br />
<div style="text-align: center;">
أول شئ خذ نسخة إحتياطية من قالبك لتجنب المشاكل</div>
<div style="text-align: center;">
ثم ادخل الى تحرير القالب</div>
<div style="text-align: center;">
ابحث عن الوسم<qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;">]]></b:skin></qaz> و الصق فوقه الكود التالي</div>
</div>
<br />
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br />
/* ------ mudwnp Slider ------*/<br />
#sliderFrame {position:relative;width:<b><span style="color: #444444; list-style: none; margin: 0px; outline: none; padding: 0px;">700px</span></b>;margin: 0 auto 40px;}<br />
#slider { width:<b><span style="color: #444444; list-style: none; margin: 0px; outline: none; padding: 0px;">700px</span></b>;height:<b><span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">306px</span></b>;<br />
background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiykSsZheHTvHLeI6sMxr26P3rsU5KQhTxdEEttARj261xpzfyLlrQzKLhm22oNj_4vaFaxxsH29QrvEI4HacistL9n-EQBrbvKBiy6sbw2UZmWmA0XUtHVDpaF6N42tBZXP3lv5j3KupP/s1600/loading.gif) no-repeat 50% 50%;<br />
position:relative;<br />
margin:0 auto;/*make the image slider center-aligned */<br />
box-shadow: 0px 1px 5px #999999;<br />
}<br />
#slider img {<br />
position:absolute;<br />
border:none;<br />
display:none;<br />
}<br />
#slider a.imgLink {<br />
z-index:2;<br />
display:none;position:absolute;<br />
top:0px;left:0px;border:0;padding:0;margin:0;<br />
width:100%;height:100%;<br />
}<br />
div.mc-caption-bg, div.mc-caption-bg2 {<br />
position:absolute;<br />
width:100%;<br />
height:auto;<br />
padding:0;<br />
left:0px;<br />
bottom:15px;<br />
z-index:3;<br />
overflow:hidden;<br />
font-size: 0;<br />
}<br />
div.mc-caption-bg {<br />
background-color:black;<br />
}<br />
div.mc-caption {<br />
font: bold 14px/20px <b><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">Arial</span></b>;<br />
color:#EEE;<br />
z-index:4;<br />
padding:10px 0;<br />
text-align:center;<br />
}<br />
div.mc-caption a {<br />
color:#FB0;<br />
}<br />
div.mc-caption a:hover {<br />
color:#DA0;<br />
} div.navBulletsWrapper {<br />
top:320px; left:280px; /* Its position is relative to the #slider */<br />
width:150px;<br />
background:none;<br />
padding-left:20px;<br />
position:relative;<br />
z-index:5;<br />
cursor:pointer;<br />
}<br />
div.navBulletsWrapper div<br />
{<br />
width:11px; height:11px;<br />
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrXV_eQpKha_mTxDxpfSkEKe9xSsPcvzGri58H5iAH2Lslf-4AL-kt9_0dx4evwIFEr-PJ92cwPWJL_l9R8NZk0NDKM8fUN77ttwYlEM-f5nzqZrjXRIlZpLpo7bNjKks2GPB9O_2oxYHn/s1600/bullet.png) no-repeat 0 0;<br />
float:left;overflow:hidden;vertical-align:middle;cursor:pointer;<br />
margin-right:11px;/* distance between each bullet*/<br />
_position:relative;/*IE6 hack*/<br />
}<br />
div.navBulletsWrapper div.active {background-position:0 -11px;}<br />
.intro {<br />
bottom: 0;<br />
color: rgba(0, 0, 0, 0.2);<br />
font-size: 16px;<br />
position: absolute;<br />
right: 0;<br />
text-decoration: none;<br />
z-index: 99999;<br />
}<br />
#slider<br />
{<br />
transform: translate3d(0,0,0);<br />
-ms-transform:translate3d(0,0,0);<br />
-moz-transform:translate3d(0,0,0);<br />
-o-transform:translate3d(0,0,0);<br />
}<br />
/* ------ mudwnp Slider ------*/</blockquote>
<br />
<br />
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>تنسيق السلايدر شو </b></h3>
<br />
بالنسبة للرقم <b><span style="color: #444444; list-style: none; margin: 0px; outline: none; padding: 0px;">700 </span></b>هذا هو عرض السلايدر وهو متكرر لذا إن أردت ان تعدل عرض السلايد يجب ان تغير الرقم في كل المرات المتكرر فيها<br />
الرقم <b><span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">306px </span></b>هو إرتفاع السلايد يمكنك تعديله<br />
لتغيير الخط و حجمه قم بتغيير كلمة <b><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">Arial </span></b>و الارقام التي بجانبها بالحجم و الخط الذي تريده<br />
<br />
<br />
<br />
<div style="text-align: center;">
وأضف الكود التالي تحت هذا الكود <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"><div id='main-wrapper'></qaz></div>
<br />
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<script src="http://project.dimpost.com/image-slider/js-image-slider-1.js" type="text/javascript"></script><br />
<script src="https://googledrive.com/host/0B0wTCJB4dkJ7Y3BZMkNWREd5MUk" type="text/javascript"></script><br />
<div style="display:none;" ><a href="http://www.infotechblogging.com"></a></div><br />
<div id="sliderFrame"><br />
<div id="slider"><br />
<a href="<span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><img src="<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSq9fgVaAziMvo7yp-Wr3cxmJprSwoUFP3ZwuO4q0nBQuSSrmocYqFH7R1MHDHniH3PjdafNKfjS0GgWSIxSO7Mxx54ZoyN1IY0k_LINDdFyUTXhUtxiNtKo7OsG04RNG89bKVC762wRTd/s1600/Cars-Lamborghini-Free-Wallpaper.jpg</span>" alt="<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">اسم الموضوع</span>" /></a><br />
<br />
<a href="<span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><img src="<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSdRQ00_MkK5Q1UrUm0H92erawMjLXqI0CDbELUDy2-uWFHrCE6hP_PqAyY_wVhWC0lT_mjk-kwljvwsY2ORaDI9l1NbJH8DVkDz2R9AYpOddtjqUtPghqnNvCmlT26E8qKIT8iVZDTw2_/s1600/ferrari_enzo-wide.jpg</span></span>" alt="<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">اسم الموضوع</span>" /></a><br />
<br />
<a href="<span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><img src="<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpUzXu9Ddu2mBSZFx6dDXgInLo_3DPh9JgHLSVGkNZrxC_yVldxPOaTE3-EQfj7ut1RgzCqtbnPcG32JAUoTA2dG3WyXM35JgMYuZOYDMGx9v1HxwQfQYNJLEfXuAHLAURHh3PD8uQc83w/s1600/lamborghini-car-wallpapers1.jpg</span>" alt="<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">اسم الموضوع</span>" /></a><br />
<br />
<a href="<span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><img src="<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-rAq00Oj2STe7Qg0xZWpjS2Qy5cx-4gS42d9bJp6BOhDmdhxYem-pmS8DGVDZWPOT1SexN58lKReURVa9JWfJBBKKKxw6lXA6zNIzA3lJf1cTQFbBBA26T_oiF0XJWlkcfjoS9G-EFO7M/s1600/Lamborghini-Cars-Wallpapers-3.jpg</span>" alt="<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">اسم الموضوع</span>" /></a><br />
<br />
<a href="<span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><img src="<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLescupIRMBIYCGPWUvSfeVgFtouWvy4C0yVVYwZg7UnKbVj5EFuYscaf32ewhHB4x5HUCpq7Oa-K8zElw4GfTkxm_dOfo-a3bPT27El2r0evxU2OhH7YeIIsZK26XehBsW-QePaMMbeNt/s1600/top-hd_latest_cars_wallpapers.jpg</span>" alt="<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">اسم الموضوع</span>"/></a><br />
</div><br />
</div></blockquote>
<br />
<br />
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>اعدادات السلايد شو</b></span></h4>
<br />
استبدل ما هو <b><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">باللون الازرق </span></b>برابط الصورة الذي تريده<br />
استبدل ما هو <b><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">باللون الاحمر </span></b>باسم الموضوع او القسم الذي تريده<br />
استبدل ما هو <b><span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">باللون الاصفر # </span></b>برابط الموضوع او القسم الذي تريده<br />
<br />
<div style="text-align: center;">
من يواجه مشكلة في تنسيق او تركيب السلايدر ضعها في التعليق</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
في امان الله </div>
</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-87285455314992544592014-12-09T13:23:00.001-08:002014-12-09T13:23:14.291-08:00عند وضع او اقتباس كود فى التدوينه يظهر بشكل خاطىء , كيف تحل هذه المشكله !<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<img alt="ما قبل تعديل الكود" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMD-hmM61f-IcsGzsYPJk_zcYfbHFsQBf3P1I0XYNo_ckksb08NiEPdUewxI6IIg2TgQX7zx2TbYRBZye7jDMpE08jwV9iP18EmD20_Ut9o97Yxm-BKl6GlWPnAEIHXhtV0iG1nMRFSZA/s640/!+%D8%B9%D9%86%D8%AF+%D9%88%D8%B6%D8%B9+%D9%83%D9%88%D8%AF+%D9%81%D9%89+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D9%87+%D9%8A%D8%B8%D9%87%D8%B1+%D8%A8%D8%B4%D9%83%D9%84+%D8%AE%D8%A7%D8%B7%D9%89%D8%A1+,+%D9%83%D9%8A%D9%81+%D8%AA%D8%AD%D9%84+%D9%87%D8%B0%D9%87+%D8%A7%D9%84%D9%85%D8%B4%D9%83%D9%84%D9%87+~+%D8%B1%D8%A7%D9%86%D8%AF%D9%8A%D9%81%D9%88.png" /></div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
<span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">فى بعض الاحيان نحتاج الى وضع كود فى تدوينات بلوجر , خاصه فى المدونات التطويريه و الخاصه بالبرمجه و الاكواد و التصميم , و احيانا كثيره يظهر الكود بشكل خاطىء .. بالرغم من انه عند اخذه كوبى .. يكون صحيح لكن مظهره يجعل القارىء يشك من اللحظه الاولى ان الكود خاطىء , و هذا الخطأ يحدث غالبا فى المدونات العربيه لان اتجاهها يكون من اليمين الى اليسار</span></div>
<div style="text-align: right;">
<span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;"></span></div>
<a name='more'></a><br /><br />
<br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">لاصلاح هذا ندخل الى تحرير الموضوع</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">و نقوم بحذف الكود المحاط بدائره حمراء فى الصوره </span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAfKcg9N8mM1AmbFyOlHuzIEZrRr44tPa2GdCnICIe9j64ptctKpm30j6bdUKG-v-NV89T6D2U_XCl6I9GoL3iimvzjQMslZFxIhl1T6Nrt1Yf5GEiD60bQ1M9cNiVnS_VW9yUp_8Dv8g/s1600/Blogger-+%D8%B1%D8%A7%D9%86%D8%AF%D9%8A%D9%81%D9%88+-+%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1+%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D9%84%D8%A9+-!+%D8%B9%D9%86%D8%AF+%D9%88%D8%B6%D8%B9+%D9%83%D9%88%D8%AF+%D9%81%D9%89+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D9%87+%D9%8A%D8%B8%D9%87%D8%B1+%D8%A8%D8%B4%D9%83%D9%84+%D8%AE%D8%A7%D8%B7%D9%89%D8%A1+,+%D9%83%D9%8A%D9%81+%D8%AA%D8%AD...-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; outline: none;"><img border="0" height="298" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAfKcg9N8mM1AmbFyOlHuzIEZrRr44tPa2GdCnICIe9j64ptctKpm30j6bdUKG-v-NV89T6D2U_XCl6I9GoL3iimvzjQMslZFxIhl1T6Nrt1Yf5GEiD60bQ1M9cNiVnS_VW9yUp_8Dv8g/s640/Blogger-+%D8%B1%D8%A7%D9%86%D8%AF%D9%8A%D9%81%D9%88+-+%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1+%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D9%84%D8%A9+-!+%D8%B9%D9%86%D8%AF+%D9%88%D8%B6%D8%B9+%D9%83%D9%88%D8%AF+%D9%81%D9%89+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D9%87+%D9%8A%D8%B8%D9%87%D8%B1+%D8%A8%D8%B4%D9%83%D9%84+%D8%AE%D8%A7%D8%B7%D9%89%D8%A1+,+%D9%83%D9%8A%D9%81+%D8%AA%D8%AD...-.png" style="border-width: 0px; cursor: -webkit-zoom-in; margin: 0px -14px 4px 0px; max-width: 603px; padding: 0px;" width="640" /></a></div>
<br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">ملحوظه : وجود الكود السابقه سببه خاصيه الترجمه الاليه لبلوجر</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">و يمكن تعطيلها من .. اعدادات > اساسى > أتريد تمكين النسخ بحروف لغة > تعطيل</span><span style="background-color: white; color: #222222; font-family: 'trebuchet ms', verdana, arial, sans-serif; font-size: 14px; font-weight: bold; line-height: 20px;"> </span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">ثم ننشر الرساله مجددا لنجد ان الكود اصبح يظهر بشكل سليم و هذا شكل الكود بعد اصلاح المشكله</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><br />
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh48I9EA9TSFq4lqKcpIc0wtmi5ueInf_gu42a5V_ukK_2lBLwPDVJVob4AzJX8BgOTzpHgtpCBsu13sFzcIfHKMYFyFNrY49L-uCaQD1KAFGbbyzo_4M0CMb0rUTlXR3Dn6ggA6swFfE8/s1600/Blogger-+%D8%B1%D8%A7%D9%86%D8%AF%D9%8A%D9%81%D9%88+-+%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1+%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D9%84%D8%A9+-!+%D8%B9%D9%86%D8%AF+%D9%88%D8%B6%D8%B9+%D9%83%D9%88%D8%AF+%D9%81%D9%89+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D9%87+%D9%8A%D8%B8%D9%87%D8%B1+%D8%A8%D8%B4%D9%83%D9%84+%D8%AE%D8%A7%D8%B7%D9%89%D8%A1+,+%D9%83%D9%8A%D9%81+%D8%AA%D8%AD...-.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em; outline: none;"><img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh48I9EA9TSFq4lqKcpIc0wtmi5ueInf_gu42a5V_ukK_2lBLwPDVJVob4AzJX8BgOTzpHgtpCBsu13sFzcIfHKMYFyFNrY49L-uCaQD1KAFGbbyzo_4M0CMb0rUTlXR3Dn6ggA6swFfE8/s640/Blogger-+%D8%B1%D8%A7%D9%86%D8%AF%D9%8A%D9%81%D9%88+-+%D8%AA%D8%AD%D8%B1%D9%8A%D8%B1+%D8%A7%D9%84%D8%B1%D8%B3%D8%A7%D9%84%D8%A9+-!+%D8%B9%D9%86%D8%AF+%D9%88%D8%B6%D8%B9+%D9%83%D9%88%D8%AF+%D9%81%D9%89+%D8%A7%D9%84%D8%AA%D8%AF%D9%88%D9%8A%D9%86%D9%87+%D9%8A%D8%B8%D9%87%D8%B1+%D8%A8%D8%B4%D9%83%D9%84+%D8%AE%D8%A7%D8%B7%D9%89%D8%A1+,+%D9%83%D9%8A%D9%81+%D8%AA%D8%AD...-.png" style="border-width: 0px; cursor: -webkit-zoom-in; margin: 0px -14px 4px 0px; max-width: 603px; padding: 0px;" width="640" /></a></div>
<br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" />
<div class="separator" style="background-color: white; clear: both; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: center;">
</div>
<br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px;">ملحوظه : ان لم ينجح الحل الاول .. يمكنك تحويل لوحه التحكم بلوجر اللى اللغه الانجليزيه ثم تدخل الموضوع و تلغى التنسيق ثم تعيد تنسيقه من جديد كما تريد و ترسله لتجد الكود موجود بالطريقه الصحيحه</span></div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-20487863734505017472014-12-09T13:20:00.001-08:002014-12-09T13:20:53.960-08:00اظهار الوصف و الصوره عند عمل شير لاى موضوع على الفيس بوك<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPgDEbC_qs8xHX_bor5OEwNAtJvggq8ysXGl50c0LqjmZJxmODftCy8fDfdvNl9ZElmTJqEBkVP6zADHIE6ziBFV70TQQIZkXTwAgGxCCtN6qtirKFcWV_ylxddc4W7Lo1Jl7odaNeQw/s1600/-Facebook-.png" /></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: right;">
<span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;">احيانا لما بنعمل شير فى بعض المدونات منلاقيش فى وصف للبوست او الصوره مش بتظهر , فى التدوينه ده حنعرف مع بعض ازاى نحل المشكله ده</span></div>
<div style="text-align: right;">
</div>
<a name='more'></a><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;">الاول نعرف ازاى بنحط زرار الشير بتاع الفيس .. هو له كذا طريقه و موجودين ع النت , حقول واحده منهم ع السريع</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><img height="32" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRhN9pWBG88I9ApQSPETF1_gHmP9oBmhY3Lx34qEep_u4Z2B7n911ZUr2wavBGZwpuZgj_b4kYaztjvAGyMGXvLbtMGNOPRZf2IN06kEsokXHdJB9YF12eENpLG_YC-dalhkmK9PxWY19b/s400/facebook442.png" style="background-color: white; color: #222222; cursor: -webkit-zoom-in; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; margin: 0px -14px 4px 0px; max-width: 603px; padding: 0px; text-align: left;" width="107" /><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;">نحط الكود ده بعد </span><b style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;"><data:post.body/></b><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><br />
<blockquote style="-webkit-margin-start: -2px; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6nnoKp0YotEBvMZFOE1iihbWVAcwLP0HOFb5Borsb5acQH2GWdkEJaM32Mq2PbNr7MHAR8fijGD8CQ2gPO1Csw24KqjqtFtaB3KW2I_1PHBEI-2Lcqie_8_GvTcmHQSpthJGXN7EXPc/); background-position: 0% 0%; background-repeat: repeat; border: 1px solid rgb(153, 153, 153); font-family: 'Courier New', Courier, monospace; font-size: 13px; height: 181px; line-height: 18px; margin: 10px 0px; overflow-x: scroll; overflow-y: auto; padding: 18px 10px 17px; position: relative; text-align: left; z-index: 0;">
<div style="float:right;padding:4px;"><br /><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/><br /><script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/><br /></div></blockquote>
<span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;">الان كيف نجعل الشير يضع وصف اوتوماتيك للموضوع و يجلب ايضا الصوره المناسبه له</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;">نعمل سيرش ctrl+f و ندور على كلمه</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><span style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;"><data:post.body/> .. و نضع الكود التالى قبلها و بذلك يتم وضعه قبل التدوينه .. حتى يمر عليه الفيسبوك و ياخذ منها الوصف و الصوره ..</span><br style="background-color: white; color: #222222; font-family: Tahoma, Verdana; font-size: 15px; line-height: 25px; text-align: left;" /><br />
<blockquote class="tr_bq" style="-webkit-margin-start: -2px; background-color: white; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR6nnoKp0YotEBvMZFOE1iihbWVAcwLP0HOFb5Borsb5acQH2GWdkEJaM32Mq2PbNr7MHAR8fijGD8CQ2gPO1Csw24KqjqtFtaB3KW2I_1PHBEI-2Lcqie_8_GvTcmHQSpthJGXN7EXPc/); background-position: 0% 0%; background-repeat: repeat; border: 1px solid rgb(153, 153, 153); font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 18px; margin: 10px 0px; overflow-x: scroll; overflow-y: auto; padding: 18px 10px 17px; position: relative; text-align: left; z-index: 0;">
<b:if cond='data:blog.postImageThumbnailUrl'><br /><meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/><br /><b:else/><br /><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFah0e8gVcW0_JG_ShlKjJxBVe8O30ocmOpXtDKw7W5JGY21EblSAf328l-SnYX3PJYp3zZdmG6aoM48xN7BHXqxdv1J34PNSxjqM0608zViLYjF1To394f130aoNLrTWG0GFYm80Dhq4/s72-c/default.png' property='og:image'/><br /></b:if><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /> <b:if cond='data:post.snippet'><br /> <meta expr:content='data:post.snippet' name='description'/><br /> <meta expr:content='data:post.snippet' name='og:description'/><br /> </b:if><br /> </b:if></blockquote>
<div>
<br /></div>
<div>
<br /></div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-16743038659538399712014-12-09T12:21:00.000-08:002014-12-09T12:21:16.812-08:00اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4li1OpGx_LGaIg2OmHBQEp87YCXt1Sjg0PRXtATnNseGH8pCYfwmPPckIgrbZ-40CkUPEFUjqe_Dl9bSSVcBWj3uqNuTdOVa7VFNbbliur0FFTozdkBL5-JJKUOB62qT8JVSGMwOh8t5l/s1600/Shareaholic+Share+buttons.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية اضافة ازرار التواصل الاجتماعي العائمة بشكل عامودي على الجانبين بشكل احترافية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4li1OpGx_LGaIg2OmHBQEp87YCXt1Sjg0PRXtATnNseGH8pCYfwmPPckIgrbZ-40CkUPEFUjqe_Dl9bSSVcBWj3uqNuTdOVa7VFNbbliur0FFTozdkBL5-JJKUOB62qT8JVSGMwOh8t5l/s1600/Shareaholic+Share+buttons.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014" /></a></div>
<br /><div style="text-align: center;">
قدم Shareaholic اضافة ازرار التواصل الاجتماعي عائمة على شكل عامودي محاذاة كلا الجانبين اليسار واليمين {} الشريط الجانبي أيضا. يمكنك اختيار أي منها.</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>خصائص الاضافة</b></h4>
انقر لمشاركتها على وسائل الاعلام الاجتماعية<br />إشراك المزيد من الناس إلى موقع الويب الخاص بك<br />طرحت على الجانبين على حد سواء [اليسار واليمين الشريط الجانبي]<br />يمكن وضع الاضافة اسفل المواضيع ولكن باختيار الشكل الثاني<br />إضافة وإزالة أي أزرار في نقرة واحدة<br /><br /><div style="text-align: center;">
<a class="mudwnpbo" href="http://test-mudwnp.blogspot.com/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br /><h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
كيفية إضافة ازرار مشاركة مواقع التواصل الاجتماعي في المدونة</h3>
<div>
<br /></div>
<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">1</span>. قم بالذهاب الى موقع <a href="https://shareaholic.com/" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">Shareholic</a> واشترك بحساب جديد ( إذا كان لديك بالفعل حساب في shareaholic ثم بتسجيل الدخول إلى حسابك).<br /><br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">2</span>. بعد تسجيل الدخول انقر على هذا الزر الذي يظهر في الصورة،<br /><br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCN-5ssBUjF_GWzsvSOL5zycz9xQJKX6h5JEWFthsXDzPOnTmj4A5Hq42rPyKAiGxlaPKyrpH1qc-YpsEgRasU3hq7vX40GWZu46iuNLSlcnQ92Nf56kn0UT0n9XVCYa_-sEriq0BUA4-a/s1600/Shareaholic-Share+buttons.png" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية اضافة ازرار التواصل الاجتماعي العائمة بشكل عامودي على الجانبين بشكل احترافية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCN-5ssBUjF_GWzsvSOL5zycz9xQJKX6h5JEWFthsXDzPOnTmj4A5Hq42rPyKAiGxlaPKyrpH1qc-YpsEgRasU3hq7vX40GWZu46iuNLSlcnQ92Nf56kn0UT0n9XVCYa_-sEriq0BUA4-a/s1600/Shareaholic-Share+buttons.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">Add New Website</span> : (إذا كنت لم تضيف أي موقع ثم انقر على زر <span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">add website</span> لإضافة رابط المدونة , المجال، اسم المدونة ، ومنصة، والمحتوى والفئة, لغة المحتوى.)<br /><br />[ بعد إعداد المجال الخاص بك، الذهاب إلى الخطوة 2 ]<br /><br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">3</span>. الآن انتقل إلى موقع الويب الخاص بك التطبيق، ثم انقر فوق الحصول على رمز الإعداد لبلوق الخاص بك.<br /><br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DcpOM42l18oSknuFAGzYJVmRI3t57d83o2KS-ibGC-Yya1qDdpPpYr4HRtt3zR17h82A3MSZw4LgSbdanN-YjvV-AHjcaZCEuEaWazuzp2JIDmsMiq_qPNz11xdiPSJK9wsx9_RT7FTQ/s1600/Shareaholic+%E2%80%94+Share+buttons+1.png" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية اضافة ازرار التواصل الاجتماعي العائمة بشكل عامودي على الجانبين بشكل احترافية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DcpOM42l18oSknuFAGzYJVmRI3t57d83o2KS-ibGC-Yya1qDdpPpYr4HRtt3zR17h82A3MSZw4LgSbdanN-YjvV-AHjcaZCEuEaWazuzp2JIDmsMiq_qPNz11xdiPSJK9wsx9_RT7FTQ/s1600/Shareaholic+%E2%80%94+Share+buttons+1.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014" /></a></div>
<br /><br />بعد إعداد كود النسخ، انتقل إلى لوحة أجهزة قياس المدونة > قالب >> تحرير HTML ومن ثم تجد وسم <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;"><b></head></b></span> قم بلصق الكود قبل <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;"><b></head></b></span> الآن انقر على زر حفظ القالب و انتقل إلى المدونة الخاصة بك.<br /><br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">4</span>. الآن انقر على <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Floated Share Buttons</span> وإعداد تصميم الاضافة الخاصة بك.<br /><br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtpZEijXXL2p8zu17kx01kfGlGNyk642JDVMq2lep23aunMVnEhzKRqu9jJJNXD55kAWKKsEShsMrbaLvBAEW9yjAtTvfNIwPMZkgYKgEqlR3_vkZBez-i-VwtaWx8UC-sv3FZARJ3HLE/s1600/Shareaholic+%E2%80%94+Share+buttons++related+content++website+analytics2.png" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية اضافة ازرار التواصل الاجتماعي العائمة بشكل عامودي على الجانبين بشكل احترافية" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtpZEijXXL2p8zu17kx01kfGlGNyk642JDVMq2lep23aunMVnEhzKRqu9jJJNXD55kAWKKsEShsMrbaLvBAEW9yjAtTvfNIwPMZkgYKgEqlR3_vkZBez-i-VwtaWx8UC-sv3FZARJ3HLE/s1600/Shareaholic+%E2%80%94+Share+buttons++related+content++website+analytics2.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014" width="285" /></a></div>
<br /><br />(الآن تخصيص تصميم الاضافة الخاص بك وحدد أسلوب مناسب للمدونة الخاص بك على سبيل المثال. حجم، والمحاذاة، وإضافة أو إزالة الأزرار الاجتماعية.)<br /><br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">5</span>. حفظ كافة الإعداد وتنشيط التطبيق على نقرة واحدة ليظهر الزر الأخضر.<br /><br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokESzI6785WnA_rU85oAI7Or9S4b7ts41hJjMwTFNnCZ3MuY2xrzCA-oCJH-0LSlblOhd-Uoj0orFRo4t0OOLP2hxR3dcZ9lOx7mbLGdFqu9yLi0n2nwfjZwCuo4JGmjafCjHIUo4k25t/s1600/Shareaholic+%E2%80%94+Share+buttons++related+content++website+analytics+3.png" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية اضافة ازرار التواصل الاجتماعي العائمة بشكل عامودي على الجانبين بشكل احترافية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokESzI6785WnA_rU85oAI7Or9S4b7ts41hJjMwTFNnCZ3MuY2xrzCA-oCJH-0LSlblOhd-Uoj0orFRo4t0OOLP2hxR3dcZ9lOx7mbLGdFqu9yLi0n2nwfjZwCuo4JGmjafCjHIUo4k25t/s1600/Shareaholic+%E2%80%94+Share+buttons++related+content++website+analytics+3.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة ازرار مشاركة مواقع التواصل الاجتماعي الاحترافية 2014" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">6</span>. بعد تفعيل التطبيق الخاص بك، ثم فتح المدونة صفحتك الرئيسية، ستجد ازرار التواصل الاجتماعي تظهر على الشريط الجانبي.<br /><div>
<br /></div>
<div style="text-align: center;">
في امان الله </div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-TNDXHXTwCX4%2FU9o2mi7KwPI%2FAAAAAAAAAaU%2FH89v7p9UnNw%2Fs1600%2FShareaholic%2B%25E2%2580%2594%2BShare%2Bbuttons%2B%2Brelated%2Bcontent%2B%2Bwebsite%2Banalytics%2B3.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiokESzI6785WnA_rU85oAI7Or9S4b7ts41hJjMwTFNnCZ3MuY2xrzCA-oCJH-0LSlblOhd-Uoj0orFRo4t0OOLP2hxR3dcZ9lOx7mbLGdFqu9yLi0n2nwfjZwCuo4JGmjafCjHIUo4k25t/s1600/Shareaholic+%E2%80%94+Share+buttons++related+content++website+analytics+3.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-deInw8726jw%2FU9o1-G5rWyI%2FAAAAAAAAAaM%2FU3v-IK1FpLk%2Fs1600%2FShareaholic%2B%25E2%2580%2594%2BShare%2Bbuttons%2B%2Brelated%2Bcontent%2B%2Bwebsite%2Banalytics2.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtpZEijXXL2p8zu17kx01kfGlGNyk642JDVMq2lep23aunMVnEhzKRqu9jJJNXD55kAWKKsEShsMrbaLvBAEW9yjAtTvfNIwPMZkgYKgEqlR3_vkZBez-i-VwtaWx8UC-sv3FZARJ3HLE/s1600/Shareaholic+%E2%80%94+Share+buttons++related+content++website+analytics2.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F4.bp.blogspot.com%2F-b63ESRV_rZs%2FU9o1RGwyB7I%2FAAAAAAAAAaE%2F3bs7TjvlhP4%2Fs1600%2FShareaholic%2B%25E2%2580%2594%2BShare%2Bbuttons%2B1.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4DcpOM42l18oSknuFAGzYJVmRI3t57d83o2KS-ibGC-Yya1qDdpPpYr4HRtt3zR17h82A3MSZw4LgSbdanN-YjvV-AHjcaZCEuEaWazuzp2JIDmsMiq_qPNz11xdiPSJK9wsx9_RT7FTQ/s1600/Shareaholic+%E2%80%94+Share+buttons+1.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-_vqHbSf3eDU%2FU9ozhQPc1UI%2FAAAAAAAAAZ4%2FF8fDzZm3l9Q%2Fs1600%2FShareaholic-Share%2Bbuttons.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCN-5ssBUjF_GWzsvSOL5zycz9xQJKX6h5JEWFthsXDzPOnTmj4A5Hq42rPyKAiGxlaPKyrpH1qc-YpsEgRasU3hq7vX40GWZu46iuNLSlcnQ92Nf56kn0UT0n9XVCYa_-sEriq0BUA4-a/s1600/Shareaholic-Share+buttons.png" -->Anonymousnoreply@blogger.com1tag:blogger.com,1999:blog-8119176165723392733.post-44613597254871555782014-12-09T12:18:00.001-08:002014-12-09T12:18:34.757-08:00قالب Lycoris 3 معرب و مطور<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
قالب Lycoris 3 معرب و مطور</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjqIZjtWQG2qV0xOYkAT_DfCBQ6YMs1lb5nxfSm3IoP-V-ZBznM9jrCcCVRLtE5933H3vU4KgQiPT9pau5cqW-tyk42m7ElOQBZpokGYwTkyExmE9OeWoL28JtAOTVhDBR6iKr17l7TBja/s1600/lycoris+3+responsive+blogger+template.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="قالب Lycoris 3 معرب و محسن لمحركات البحث و يعتبر من اقوى قوالب بلوجر 2014" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjqIZjtWQG2qV0xOYkAT_DfCBQ6YMs1lb5nxfSm3IoP-V-ZBznM9jrCcCVRLtE5933H3vU4KgQiPT9pau5cqW-tyk42m7ElOQBZpokGYwTkyExmE9OeWoL28JtAOTVhDBR6iKr17l7TBja/s1600/lycoris+3+responsive+blogger+template.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="قالب Lycoris 3 معرب" /></a></div>
<br /><div style="text-align: center;">
<span style="color: #28adda; list-style: none; margin: 0px; outline: none; padding: 0px;">قالب Lycoris 3 معرب و مطور </span>بعرض المواضيع بشكل شبكة ، و كالعادة مصممة القالب Arlina اصبحت تحدث نسخات من قوالب Lycoris وكل قالب تجد به خاصية وإضافات جديدة كقالب Lycoris 3 الذي يحتوي على الصفحات الثابتة بعرض المواضيع كذلك صفحات أرشيف و صفحة الخطأ أما من حيث الشكل فهو مغاير عن النسخ الأخرى , القالب سهل التعديل ايضا سريع التحميل.</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
</div>
<div style="text-align: center;">
<a class="mudwnpbo" href="http://lycoris3.blogspot.com/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a> <a class="mudwnpbb" href="http://www.gulfup.com/?CvfEcn" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #0062c4; border-radius: 10px; border: 1px solid rgb(1, 66, 127); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">تحميل</a></div>
<div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>المميزات </b></h4>
</div>
<div>
<br /></div>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">متجاوب مع جميع الشاشات " <a href="http://www.responsinator.com/?url=http%3A%2F%2Flycoris3.blogspot.com%2F" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">صفحة اتصل بنا " <a href="http://lycoris3.blogspot.com/p/blog-page_20.html" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">صفحة ارشيف " <a href="http://lycoris3.blogspot.com/p/blog-page_26.html" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة </a>"</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">صفحة 404 " <a href="http://lycoris3.blogspot.com/p/404" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">محرك بحث متطور</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">موضوع عشوائي </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">إعلانات متجاوبة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">ازرار المشاركة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">تعريف الكاتب</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">سيو مدعم</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">التدوينات على شكل شبكة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">قائمة مثبتة مع قوائم منسدلة</li>
</ol>
<div>
و المزيد ....</div>
<div>
</div>
<div>
<div>
<br /></div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الإضافات</b></h4>
</div>
<div>
<br /></div>
<div>
كود السلايدر في السايد بار / يضاف في اداة <span style="color: #28adda; list-style: none; margin: 0px; outline: none; padding: 0px;">HTML/Javascript</span></div>
<div>
<br /></div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div style="text-align: right;">
<div id="slider-rotator" class="slider-rotator loading"><br /></div><br /><script type="text/javascript" src="https://arlina-design.googlecode.com/svn/feed-rotator.min.js"></script><br /><script type="text/javascript"><br />makeSlider({<br /> url: "<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">هنا ضع رابط مدونتك</span>"<br />});<br /></script></div>
<div style="text-align: right;">
<br /></div>
</blockquote>
<div>
<br /></div>
<div>
كود اتصل بنا / يضاف في <span style="color: #28adda; list-style: none; margin: 0px; outline: none; padding: 0px;">صفحة ثابتة</span></div>
<div>
<br /></div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div style="text-align: right;">
<div dir="rtl" style="text-align: right;" trbidi="on"><form name="contact-form"><span style="font-family: droid arabic kufi, Arial, Helvetica, sans-serif;"><i class="fa fa-user"></i> الإسم</span><br /><input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br />&nbsp; <span style="font-family: droid arabic kufi, Arial, Helvetica, sans-serif;"><i class="fa fa-envelope"></i>البريد الإلكتروني <span style="color: red; font-weight: bolder;">*</span></span><br /> <input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br />&nbsp; <span style="font-family: droid arabic kufi, Arial, Helvetica, sans-serif;"><i class="fa fa-pencil"></i>الرسالة <span style="color: red; font-weight: bolder;">*</span></span><br /> <textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br />&nbsp; <input id="ContactForm1_contact-form-submit" type="button" value="إرسال" /><br /><div style="max-width: 222px; text-align: center; width: 100%;"><div id="ContactForm1_contact-form-error-message"></div><div id="ContactForm1_contact-form-success-message"></div></div></form><style type="text/css">#comments, #blog-pager, .breadcrumbs, .post-footer{display:none} .post{padding:40px 20px;margin:0;background:#fff;} .post-outer {overflow:hidden;padding:0 15px;} #main {padding:0 10px;background:repeating-linear-gradient(-45deg, #fff, #fff 20px, #f3f1e2 20px, #f3f1e2 40px);} </style></div></div>
<div style="text-align: right;">
<br /></div>
</blockquote>
<div>
</div>
<div>
<br />كود صفحة الفهرس / يضاف في <span style="color: #28adda; list-style: none; margin: 0px; outline: none; padding: 0px;">صفحة ثابتة</span></div>
<div>
<br /></div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div style="text-align: right;">
<div dir="rtl" style="text-align: right;" trbidi="on"><br /><div id="table-outer"><br /><table><tbody><br /><tr><td><label>حسب الموضوع : </label></td><td><select id="orderFeedBy"><option selected="" value="published">موضوع جديد</option><option value="updated">آخر تحديث</option></select></td></tr><br /><tr><td><label>حسب الاقسام : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">إنتظر ...</option></select></span></td></tr><br /><tr><td><label>بحث مباشر : </label></td><td><form id="postSearcher"><br /><input type="text" /></form><br /></td></tr><br /></tbody></table><br /></div><br /><br /><br /><br /><br /><header id="resultDesc"></header><br /><br /><br /><ul id="feedContainer"></ul><br /><div id="feedNav"><br />أنتظر ...</div><br /><script src="https://arlina-design.googlecode.com/svn/tocs.js" type="text/javascript"></script><br /><style scoped="" type="text/css"><br />#comments {display:none;}<br /></style></div></div>
</blockquote>
<div>
<br /><div style="text-align: center;">
الباقي سهل التعديل عليه اي استفسار او سؤال بخصوص القالب لا تترد بوضع تعليق</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">بالتوفيق</span></div>
</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-60596423111604340672014-12-09T12:16:00.001-08:002014-12-09T12:16:23.759-08:00قالب Flat Mag معرب و مطور<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
قالب Flat Mag معرب و مطور</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXMLb-35ZcpQ3IgNbI58aNrYaOLCcuf6imBvgHlaHznpXL30QcwRu1u2v4CAle7yJFseSr1bbM4aDmaf1kjYqUKwbFLasb9UMUZx2rhhIyqp29CePWis1VhwnWYBP72E0BBi-9FdE2-BrU/s1600/Flat+Mag+Responsive+Blogger+Template.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="قالب Flat Mag معرب و مطور هو من افضل القوالب بحيث يحتوي على ثلاث اعمدة و هو ايضا يصلح للمدونات الربحية" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXMLb-35ZcpQ3IgNbI58aNrYaOLCcuf6imBvgHlaHznpXL30QcwRu1u2v4CAle7yJFseSr1bbM4aDmaf1kjYqUKwbFLasb9UMUZx2rhhIyqp29CePWis1VhwnWYBP72E0BBi-9FdE2-BrU/s1600/Flat+Mag+Responsive+Blogger+Template.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="قالب Flat Mag معرب و مطور" /></a></div>
<br /><div style="text-align: center;">
<a href="http://mudwnp.blogspot.com/2014/12/flat-mag-responsive-blogger-template.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">قالب Flat Mag معرب و مطور</a> - هو من افضل القوالب بحيث يحتوي على ثلاث اعمدة و هو ايضا يصلح للمدونات الربحية فيمكنك وضع إعلانات في الهيدر و الفوتر و الاعمدة و القالب بتصميم فلات يمكنكم معاينة و تحميل القالب عبر الرابط التالي</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
</div>
<div style="text-align: center;">
<a class="mudwnpbo" href="http://flatmag-demo.blogspot.com/" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a> <a class="mudwnpbb" href="http://www.gulfup.com/?1WbLzz" style="-webkit-transition: all 1.3s ease 0s; background-color: #0062c4; border-radius: 10px; border: 1px solid rgb(1, 66, 127); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">تحميل</a></div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>مميزات القالب</b></h4>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;"></ol>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">متوافق مع جميع الشاشات</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">تصميم القالب فلات</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">قائمة منسدلة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">مواضيع ذات صلة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">تعريف الكاتب </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">ازرار المشاركة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">سيو مدعم</li>
</ol>
والمزيد .....<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الاضافات</b></h4>
كود المواضيع على حسب القسم في العامود 2 / يضاف في <span style="color: #3bb0d1; list-style: none; margin: 0px; outline: none; padding: 0px;">اداة HTML/Javascript</span></div>
<br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<script type="text/javascript"><br />var numposts = 10;<br />var showpostthumbnails = true;<br />var displaymore = false;<br />var displayseparator = false;<br />var showcommentnum = false;<br />var showpostdate = false;<br />var showpostsummary = true;<br />var numchars = 100;<br /></script><br /><br /><script src="/feeds/posts/default/-/Category 2?orderby=updated&amp;alt=json-in-script&amp;callback=labelthumbs" type="text/javascript"></script><br /></blockquote>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الإعدادات</b></h4>
استبدل <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Category 2 </span>باسم القسم التي تريد عرض مواضيعه<br />لتحديد عدد المواضيع <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">var numposts = 10 </span>استبدل رقم <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">10 </span>بالمواضيع التي تريد عرضها<br /><br /><div style="text-align: center;">
الباقي سهل التعديل عليه اي سؤال او استفسار لا تترد بوضعه في تعليق</div>
<br /><div style="text-align: center;">
<span style="color: #3bb0d1; font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">بالتوفيق</span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-67752375430430811192014-12-09T12:13:00.000-08:002014-12-09T12:13:03.820-08:00قالب Red Hod معرب<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
قالب Red Hod معرب</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlY5dc5ABebtOnIpLnCbRaVBSpnSpjSgob8xs9JOwc6XM_g7jOuDgMjg9QDkv7vnn6NXFTfQcKUVEYrYkWtQoKqNSNUd5JC8z2SPbyT_9PlpbG7iuiNxR7wsxclGVWF3AnUn8wtRiI2k9I/s1600/Red+Hod+Responsive+Blogger+Template.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="قالب Red Hod معرب صنف من افضل قوالب بلوجر معربة 2014 القالب صفحة واحدة تستطيع عرض اكثر من قسم فيها و المواضيع عامودين و القالب يصلح لجميع المدونات منها المدونات الربحية لبيع المنتوجات الوانه هادئة و مريحة للعين" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlY5dc5ABebtOnIpLnCbRaVBSpnSpjSgob8xs9JOwc6XM_g7jOuDgMjg9QDkv7vnn6NXFTfQcKUVEYrYkWtQoKqNSNUd5JC8z2SPbyT_9PlpbG7iuiNxR7wsxclGVWF3AnUn8wtRiI2k9I/s1600/Red+Hod+Responsive+Blogger+Template.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="قالب Red Hod معرب" /></a></div>
<br /><div style="text-align: center;">
<a href="http://mudwnp.blogspot.com/2014/11/red-hod-responsive-blogger-template.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">قالب Red Hod معرب</a> - صنف من افضل قوالب بلوجر معربة 2014 القالب صفحة واحدة تستطيع عرض اكثر من قسم فيها و المواضيع عامودين و القالب يصلح لجميع المدونات منها المدونات الربحية لبيع المنتوجات الوانه هادئة و مريحة للعين يمكنك معاينة و تحميل القالب عبر الروابط التالية</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
</div>
<div style="text-align: center;">
<a class="mudwnpbo" href="http://red-hod-ar.blogspot.com/" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a> <a class="mudwnpbb" href="http://www.gulfup.com/?vMlYYc" style="-webkit-transition: all 1.3s ease 0s; background-color: #0062c4; border-radius: 10px; border: 1px solid rgb(1, 66, 127); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">تحميل</a></div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>مميزات القالب </b></h4>
<br /><ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">متوافق مع جميع الشاشات</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">صفحة المواضيع عامودين</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">السايدبار يحتوي على 3 ادوات</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">سيو مدعم</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">ازرار المشاركة </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">صندوق تعليقات احترافي</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">سلايدر بعرض الشاشة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">سلايدر على حسب القسم </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">فوتر بثلاث اعمدة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">قائمة على شكل ازرار </li>
</ol>
و المزيد<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الإضافات</b></h4>
كود السلايدر مع زر اقرأ المزيد / <span style="color: #f84449; list-style: none; margin: 0px; outline: none; padding: 0px;">يضاف في اداة HTML/JavaScript</span><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div style='clear:both;'></div><br /><script type='text/javascript'><br />var numposts = 4;<br />var showpostthumbnails = true;<br />var displaymore = true;<br />var displayseparator = false;<br />var showcommentnum = false;<br />var showpostdate = false;<br />var showpostsummary = true;<br />var numchars = 50;</script><br /><script type="text/javascript" src="/feeds/posts/default/-/<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">ضع هنا اسم القسم</span>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></blockquote>
<br /><br /><div>
<span style="list-style: none; margin: 0px; outline: none; padding: 0px;">كود اضافة المواضيع العشوائية في الصفحة الرئيسية / <span style="color: #f84449; list-style: none; margin: 0px; outline: none; padding: 0px;">يضاف في اداة HTML/JavaScript</span></span></div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<script type='text/javascript'><br />var numposts = 2;<br />var showpostthumbnails = true;<br />var displaymore = true;<br />var displayseparator = false;<br />var showcommentnum = false;<br />var showpostdate = false;<br />var showpostsummary = true;<br />var numchars = 150;</script><br /><script type="text/javascript" src="ضع هنا رابط المدونة/feeds/posts/default?max-results=5&orderby=published&alt=json-in-script&callback=labelthumbs"></script><br /></blockquote>
<br /><br />تغيير صور السلايدر الكبير ابحث عن و غير ما هو باللون <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الاحمر </span>برابط الصور و رمز الـ <span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span> برابط الموضوع<br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><!-- slider --><br /><div class='slider-container'><br /><br /> <ul id='slider'><br /> <li><a href='#'><img src='<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/1.jpg</span>'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/2.jpg'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/3.jpg'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/4.jpg'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/5.jpg'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/6.jpg'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/7.jpg'/></a></li><br /> <li><a href='#'><img src='http://www.webdesignandsuch.com/posts/jquery-logo-slider-ticker/logos/8.jpg'/></a></li><br /> </ul><br /><br /></div><!-- /slider --><br /></blockquote>
<div style="text-align: center;">
<br /><br />و الباقي سهل التعديل عليه اي سؤال او استفسار لا تترد بوضعه في تعليق<br /><br />اخي العزيز اتمنى منك عدم مسح حقوقي عند تحميل القالب فهذا لا يجوز و يعتبر سرقة و شكرا لك لزيارة مدونتنا<br /></div>
<div style="text-align: center;">
<span style="color: #f84449; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">بالتوفيق</span></span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-5822697075297856372014-12-09T12:05:00.001-08:002014-12-09T12:05:54.346-08:00قالب مدونة ArlinaDesign معرب و مطور<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
قالب مدونة ArlinaDesign معرب و مطور</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi401U_gwgKDiAgtHfvlYeOLp09Ee5qw4alC99pYdl69rURLKpVX0DgzxvJJQPyrHJNT_BlcznuiUVpY9RZN8N2FLSYAqXO_SiuFNCEsb-SXJkuusPno7bUHsRqvADtHKyeIhcT92hetZVi/s1600/Arlina-Template.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="قالب مدونة ارلينا من اجمل و افضل قوالب بلوجر المحسنة لمحركات البحث مثل سيو و جوجل و ياهو بينج" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi401U_gwgKDiAgtHfvlYeOLp09Ee5qw4alC99pYdl69rURLKpVX0DgzxvJJQPyrHJNT_BlcznuiUVpY9RZN8N2FLSYAqXO_SiuFNCEsb-SXJkuusPno7bUHsRqvADtHKyeIhcT92hetZVi/s1600/Arlina-Template.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="قالب مدونة ArlinaDesign معرب و مطور" /></a></div>
<br /><div style="text-align: center;">
<span style="color: #e35339; list-style: none; margin: 0px; outline: none; padding: 0px;">قالب مدونة ارلينا </span>من اجمل قوالب بلوجر معربة فهو محسن لمحركات البحث و سيو 100% و من اقوى القالب تقريبا بالأرشفة و القالب خفيف جدا بمعنى سريع بالتحميل و الوانه هادئة, و القالب مميز جداً يتماشى مع المدونات الإخباري او المدونات ذات المواضيع المتجدده يمكنك معاينته من الرابط التالي</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /></div>
<div style="text-align: center;">
<a class="mudwnpbo" href="http://arlina-template.blogspot.com/" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a> <a class="mudwnpbb" href="http://www.gulfup.com/?LxleXC" style="-webkit-transition: all 1.3s ease 0s; background-color: #0062c4; border-radius: 10px; border: 1px solid rgb(1, 66, 127); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">تحميل</a></div>
<br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px;">
<b>مميزات القالب</b></h2>
<br /><ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">القالب متجاوب وداعم للأجهزة والمتصفحات الحديثه </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> يحتوي على ازرار المشاركة لمواقع التواصل الاجتماعي</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">محسن لمحركات البحث و سيو 100%</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">يحتوي على ازرار المعاينة <a href="http://mudwnp.blogspot.com/2014/11/simple-button-demo-and-download.html" rel="" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">شرح الإستخدام</a></li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">يحتوي على اضافة مواضيع ذات صلة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">يحتوي على محول الاكواد الإبتسامات</li>
</ol>
<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>نبدأ أولا بتنسيق القائمة المنسدلة</b></h4>
<br /><div style="text-align: center;">
ابحث في القالب عن المسميات التالية و قم بتغييرها على حسب مدونتك مع تغيير <span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span> برابط صفحة المدونة<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span></div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><li><a href='/' title='<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الرئيسية</span>'><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الرئيسية</span></a></li><br /><li><a href='<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>'><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">اتصل بنا</span></a></li><br /><li><a href='<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>'><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الفهرس</span></a></li><br /><li><a href='<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>'><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">سياسة الخصوصية</span></a></li><br /><li><a class='dutt' href='<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>'><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">أدوات</span></a></blockquote>
<br /><br /><div style="text-align: center;">
الان ابحث في القالب عن الكود التالي مع تغيير رابط مدونتي برابط ركن الاسئلة الخاص بك او ما تريده انت</div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<a <span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">href='http://mudwnp.blogspot.com/p/chat.html</span>' target='_blank'><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">ركن الاسئلنة</span></a></span></blockquote>
<br /><div style="text-align: center;">
الان اخر خطوة و هو تعديل صفحة الخطأ لإعادة التوجيه إلى موقعك</div>
<br /><b>ابحث عن هذا الكود</b><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<b:if cond='data:blog.pageType == &quot;error_page&quot;'><br /><style type='text/css'></blockquote>
<br /><b> ستجد تحته هذا الكود </b><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
.header-wrapper, #header, #post-wrapper, #outer-wrapper, #footer-wrapper, #sidebar-wrapper, #credit, #social_networks {display:none;}</blockquote>
<br /><b>استبدله بالكود التالي </b><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
.header-wrapper, #header, #post-wrapper, #outer-wrapper, #sidebar-wrapper {display:none;}</blockquote>
<br /><br /><div style="text-align: center;">
يوجد مع ملف القالب كيفية إضافة صندوق الإشتراك في البريد الإلكتروني و إضافة اخر المعلقين اي اسئلة حول القالب لا تترد في وضعها بتعليق</div>
<br /><div style="text-align: center;">
<span style="font-family: 'Droid Arabic Kufi', Helvetica, sans-serif; list-style: none; margin: 0px; outline: none; padding: 0px;">بالتوفيق</span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-80832111152364192022014-12-09T11:36:00.001-08:002014-12-09T11:36:41.651-08:00قالب Lycoris 2 معرب و مطور<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
قالب Lycoris 2 معرب و مطور</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgvDw_uam6Rg-iYQuSk1-ESpvcFIqwTDHGqw2vJ905bBxcLjtK_4IllFNkDt9R2pyCd0mzw0wezcLDvDUBAcMl9iqJarNT2AqcZRuqzUSErRdoeIAMJtH7xjzCsuL52ZsX1yU0oxIWwd3/s1600/lycoris+2+responsive+blogger+template.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="قالب Lycoris 2 معرب و مطور و يعد من افضل قوالب بلوجر 2014 محسن لمحركات البحث مثل جوجل و ياهو و سيو مدعم" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKgvDw_uam6Rg-iYQuSk1-ESpvcFIqwTDHGqw2vJ905bBxcLjtK_4IllFNkDt9R2pyCd0mzw0wezcLDvDUBAcMl9iqJarNT2AqcZRuqzUSErRdoeIAMJtH7xjzCsuL52ZsX1yU0oxIWwd3/s1600/lycoris+2+responsive+blogger+template.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="قالب Lycoris 2 معرب و مطور " /></a></div>
<br /><div style="text-align: center;">
<span style="color: #dfbd42; list-style: none; margin: 0px; outline: none; padding: 0px;">قالب Lycoris 2 معرب و مطور</span> ، و كالعادة مصممة القالب Arlina اصبحت تحدث نسخات من قوالب Lycoris وكل قالب تجد به خاصية وإضافات جديدة كقالب Lycoris 2 الذي يحتوي على الصفحات الثابتة بعرض المواضيع كذلك صفحات أرشيف و صفحة الخطأ , القالب سهل التعديل ايضا سريع التحميل.</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><div style="text-align: center;">
<a class="mudwnpbo" href="http://lycoris-2.blogspot.com/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a> <a class="mudwnpbb" href="http://www.gulfup.com/?OPJnhW" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #0062c4; border-radius: 10px; border: 1px solid rgb(1, 66, 127); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">تحميل</a><br /></div>
</div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>المميزات</b></h4>
<br /><ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> متجاوب مع جميع الشاشات " معاينة "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> صفحة اتصل بنا " <a href="http://lycoris-2.blogspot.com/p/contact-us.html" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> صفحة الفهرس " <a href="http://lycoris-2.blogspot.com/p/loading-sitemap.html" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> صفحة 404 " <a href="http://lycoris-2.blogspot.com/p/lycoris-2.blogspot.com/404" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> " </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">صفحة الأزرار " <a href="http://lycoris-2.blogspot.com/p/blog-page.html" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">معاينة</a> "</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">محرك بحث متطور </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">موضوع عشوائي</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> إعلانات متجاوبة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> ازرار المشاركة </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">تعريف الكاتب</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> سيو مدعم</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> التدوينات على شكل شبكة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;"> قائمة مثبتة مع قوائم منسدلة </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">يحتوي على تعليقات بلوجر و تعليقات فيسبوك</li>
</ol>
و المزيد ....<br /><br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b> الإضافات </b></h4>
<br />كود السلايدر في السايد بار / يضاف في <span style="color: #dfbd42; list-style: none; margin: 0px; outline: none; padding: 0px;">اداة HTML/Javascript</span><br /><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div id="slider-rotator" class="slider-rotator loading"><br /></div><br /><script type="text/javascript" src="https://arlina-design.googlecode.com/svn/feed-rotator.min.js"></script><br /><script type="text/javascript"><br />makeSlider({<br /> url: "ضع هنا رابط مدونتك"<br />});<br /></script><br /></blockquote>
<br />كود اتصل بنا / يضاف في <span style="color: #dfbd42; list-style: none; margin: 0px; outline: none; padding: 0px;">صفحة ثابتة</span><br /><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<div dir="rtl" style="text-align: right;" trbidi="on"><br /><form name="contact-form"><br /><span style="font-family: droid arabic kufi, Arial, Helvetica, sans-serif;"><i class="fa fa-user"></i> الإسم</span><br /><br /><input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /><br /><br />&nbsp;<br /><br /><span style="font-family: droid arabic kufi, Arial, Helvetica, sans-serif;"><i class="fa fa-envelope"></i>البريد الإلكتروني <span style="color: red; font-weight: bolder;">*</span></span><br /><br /><br /><input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br /><br />&nbsp;<br /><br /><span style="font-family: droid arabic kufi, Arial, Helvetica, sans-serif;"><i class="fa fa-pencil"></i>الرسالة <span style="color: red; font-weight: bolder;">*</span></span><br /><br /><br /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea><br /><br /><br />&nbsp;<br /><input id="ContactForm1_contact-form-submit" type="button" value="إرسال" /><br /><br /><div style="max-width: 222px; text-align: center; width: 100%;"><br /><div id="ContactForm1_contact-form-error-message"><br /></div><br /><div id="ContactForm1_contact-form-success-message"><br /></div><br /></div><br /></form><br /><style type="text/css"><br />#comments, #blog-pager, .breadcrumbs, .post-footer{display:none}<br />.post{padding:40px 20px;margin:0;background:#fff;}<br />.post-outer {overflow:hidden;padding:0 15px;}<br />#main {padding:0 10px;background:repeating-linear-gradient(-45deg, #fff, #fff 20px, #f3f1e2 20px, #f3f1e2 40px);}<br /></style></div></blockquote>
<br />كود صفحة الفهرس / يضاف في <span style="color: #dfbd42; list-style: none; margin: 0px; outline: none; padding: 0px;">صفحة ثابتة </span><br /><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><div dir="rtl" style="text-align: right;" trbidi="on"><br /><div id="bp_toc"><br />إنتظر...</div><br /><script src="https://mudwnp.googlecode.com/svn/trunk/mudwnp-sitemap.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script></div><br /></blockquote>
<br />كود صفحة الفهرس 2 / يضاف في <span style="color: #dfbd42; list-style: none; margin: 0px; outline: none; padding: 0px;">صفحة ثابتة </span><br /><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><div dir="rtl" style="text-align: right;" trbidi="on"><br /><div id="table-outer"><br /><table><tbody><br /><tr><td><label>حسب الموضوع : </label></td><td><select id="orderFeedBy"><option selected="" value="published">موضوع جديد</option><option value="updated">آخر تحديث</option></select></td></tr><br /><tr><td><label>حسب الاقسام : </label></td><td><span id="labelSorter"><select disabled=""><option selected="">إنتظر ...</option></select></span></td></tr><br /><tr><td><label>بحث مباشر : </label></td><td><form id="postSearcher"><br /><input type="text" /></form><br /></td></tr><br /></tbody></table><br /></div><br /><br /><br /><br /><br /><header id="resultDesc"></header><br /><br /><br /><ul id="feedContainer"></ul><br /><div id="feedNav"><br />أنتظر ...</div><br /><script src="https://arlina-design.googlecode.com/svn/tocs.js" type="text/javascript"></script><br /><style scoped="" type="text/css"><br />#comments {display:none;}<br /></style></div><br /></blockquote>
<br />كود صندوق الإشتراك في البريد الإلكتروني / يضاف في <span style="color: #dfbd42; list-style: none; margin: 0px; outline: none; padding: 0px;">اداة HTML/Javascript</span><br /><br /><br /><br /><div style="text-align: center;">
الباقي سهل التعديل عليه اي استفسار او سؤال بخصوص القالب لا تترد بوضع تعليق<br /><br /><span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">بالتوفيق</span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-41835104128402842032014-12-09T10:57:00.001-08:002014-12-09T10:57:31.349-08:00اضافة ازرار فلات احترافية لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة ازرار فلات احترافية لمدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<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/AVvXsEjf_JUJ2AnulOddtEpzCJuoRqtT3l72gPwC50D4CdXQjgfbiqCqB3d9UgzdMyetc0MXdxOCVdxHwKGiYrqxiGfNkU8vZyzn3NyVhC-nCqLnB5s1o0QR0lp_P1hHLVNnabK8NaqjWg3KgOb5/s1600/Flat+UI+Buttons+For+Blogger.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="الحصول على بعض ازرار فلات للمدونة مع احجام وألوان مختلفة والتي سوف تساعدك لتجميل المدونة الخاصة بك أكثر." border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf_JUJ2AnulOddtEpzCJuoRqtT3l72gPwC50D4CdXQjgfbiqCqB3d9UgzdMyetc0MXdxOCVdxHwKGiYrqxiGfNkU8vZyzn3NyVhC-nCqLnB5s1o0QR0lp_P1hHLVNnabK8NaqjWg3KgOb5/s1600/Flat+UI+Buttons+For+Blogger.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة ازرار فلات احترافية لمدونات بلوجر" /></a></div>
<br /><br /><div style="text-align: center;">
كيفية اضافة ازرار فلات احترافية لمدونات بلوجر هناك ثلاثة أحجام لهذه الأزرار كبيرة ومتوسطة وصغيرة. لقد اخترنا خمسة ألوان لهذه الأزرار التي هي الأزرق، الأخضر، الأحمر، البنفسجي و الأخضر. في الواقع، هذه الأزرار لن تؤثر على سرعة تحميل المدونة الخاصة بك</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><br /><div>
<br /></div>
<br /><div style="text-align: center;">
<a class="mudwnpbo" href="http://tech-shadow-by-bloggeryard.blogspot.com/p/flat-ui-buttons-for-blogger.html" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br /><div>
<br /></div>
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>الخطوة 1. التثبيت</b></h3>
<div>
<br />الذهاب إلى <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">بلوجر </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">>> </span><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">قالب </span><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">>> </span><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">النسخ الاحتياطي القالب </span><br />انقر فوق تحرير <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">HTML </span>و لصق التعليمة البرمجية التالية قبل <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;"></head></span></div>
<div>
<br /></div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><!-- Flat UI Buttons By Www.mudwnp.blogspot.Com Start --><br /><link href="http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" rel="stylesheet" type="text/css"></link><br /><<span class="IL_AD" id="IL_AD4" style="list-style: none; margin: 0px; outline: none; padding: 0px;">style type</span>="text/css"><br />.button {color:white!important; <span class="IL_AD" id="IL_AD5" style="list-style: none; margin: 0px; outline: none; padding: 0px;">font-family</span>:open sans; margin:10px 10px 10px 0;text-decoration:none!important; font-weight:700;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-oborder-radius:5px; transition:all .4s;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;}<br />.blue {background: #3498db;border-bottom: 3px solid #226693;}<br />.blue:hover {background:#2980b9;}<br />.green {background: #2ecc71;border-bottom: 3px solid #1F8C4C;}<br />.green:hover {background: #27ae60;}<br />.red {background: #e74c3c;border-bottom: 3px solid #922C20;}<br />.red:hover {background:#c0392b;}<br />.purple {background: #9b59b6; border-bottom: 3px solid #74398E;}<br />.purple:hover {background:#8e44ad;}<br />.seagreen {background: #1abc9c;border-bottom: 3px solid #127F69;}<br />.seagreen:hover {background: #16a085;}<br />.big {<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">font-size:18px</span>; padding:15px 20px;}<br />.medium {font-size:15px; padding: 10px 15px;}<br />.small {font-size:12px; padding:8px 10px;}<br /></style><br /><!-- Flat UI Buttons By Www.mudwnp.blogspot.Com End --><br /></blockquote>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>أهم الملاحظات حول الكود</b></span></h4>
<br />لتغيير حجم الخط قم باستبدال الرقم الذي بجانب <span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">font-size:18px</span><br />لتغيير الخط قم بتغيير <span class="IL_AD" id="IL_AD5" style="list-style: none; margin: 0px; outline: none; padding: 0px;">font-family</span>:<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">open sans </span> بالخط الموجود بمدونتك<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span><br />انقر على "حفظ القالب".<br /><br /><br /><h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>الخطوة 2. إضافة أزرار فلات في المدونة</b></h3>
<br />يمكنك استخدام هذه الأزرار UI في أي مكان في المدونة الخاصة بك. لذلك، تحتاج فقط إلى نسخ رمز على أي زر ولصقه في أي مكان تريد استخدامها. أدناه، و الان سوف اعطيكم اكواد الازرار أيضا لتبين لكم كيف يمكن أن نستخدمها .<br /><br />الذهاب إلى المدونة <span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">>> </span><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">مشاركة جديدة</span><br />انتفل إلى وضع <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">HTML</span><br />نسخ ولصق أي كود للزر الذي تريده<br /><br /><blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">Big Size Buttons</span><br /><br /><a class="button blue big" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Blue Button</span></a><br /><a class="button green big" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">Green Button</span></a><br /><a class="button red big" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Red Button</span></a><br /><a class="button purple big" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">Purple Button</span></a><br /><a class="button seagreen big" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: lime; list-style: none; margin: 0px; outline: none; padding: 0px;">SeaGreen </span></a><br /><br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">Medium Size Buttons</span><br /><br /><a class="button blue medium" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Blue Button</span></a><br /><a class="button green medium" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">Green Button</span></a><br /><a class="button red medium" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Red Button</span></a><br /><a class="button purple medium" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">Purple Button</span></a><br /><a class="button seagreen medium" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: lime; list-style: none; margin: 0px; outline: none; padding: 0px;">SeaGreen </span></a><br /><br /><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">Small Size Buttons</span><br /><br /><a class="button blue small" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Blue Button</span></a><br /><a class="button green small" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">Green Button</span></a><br /><a class="button red small" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Red Button</span></a><br /><a class="button purple small" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">Purple Button</span></a><br /><a class="button seagreen small" href="<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>"><span style="color: lime; list-style: none; margin: 0px; outline: none; padding: 0px;">SeaGreen </span></a>.</blockquote>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>أهم الملاحظات حول الكود</b></span></h4>
استبدل <span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"># </span>برابط المعاينة او الذي تريده<br />استبدل النص <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Blue Button </span> بالكلمة الذي تريدها<br /><br /><br /><span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">يمكنك ايضا مشاهدة </span>: <a href="http://mudwnp.blogspot.com/2014/07/create-dim-effect-button-using-box.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">اضافة ازرار CSS احترافية لمدونتك </a><br /><br /><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
في امان الله </div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-16298052181710973012014-12-09T09:43:00.001-08:002014-12-09T09:43:02.790-08:00الربح من الانترنت - طرق الربح من الانترنت<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
الربح من الانترنت - طرق الربح من الانترنت</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div>
<div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCCtm1j_jFwgKwEvOtpKFp5G2cD18Hh7qwpGkoxRF2ltkqlmIlu5TptIw_vVk20A5j7LdWWQUGq94H3uQ8q7zGOQQkOEYQIMD5lcT-rsXml42XrDPM9Ls0PqSvah-EyQ5eJLLOhvv6-1G8/s1600/Ways+to+make+money+from+the+internet.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="الربح من الانترنت - طرق الربح من الانترنت و هناك الكثير من الطرق ولكن شرحنا افضل طرق ربح المال من الانترنت" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCCtm1j_jFwgKwEvOtpKFp5G2cD18Hh7qwpGkoxRF2ltkqlmIlu5TptIw_vVk20A5j7LdWWQUGq94H3uQ8q7zGOQQkOEYQIMD5lcT-rsXml42XrDPM9Ls0PqSvah-EyQ5eJLLOhvv6-1G8/s1600/Ways+to+make+money+from+the+internet.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="الربح من الانترنت - طرق الربح من الانترنت" /></a></div>
</div>
<br /><div style="text-align: center;">
<span id="goog_1720472807" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span><a href="http://mudwnp.blogspot.com/" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">الربح من الانترنت - طرق الربح من الانترنت</a> <span id="goog_1720472808" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span>من الانترنت و هناك الكثير من الطرق للربح من الانترنت منها الطرق الغير الشرعية و هذه لا انصح بها و منها الطرق الشرعية لذلك اليوم في درسنا هذا سوف نتعلم عدة طرق كثيرة للربح</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>طرق الربح من الانترنت</b></h4>
<br /><ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الربح من تعليقات بلوجر</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الربح من اختصار الروابط</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الربح من مشاركات التواصل الاجتماعي</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الربح من اضافات ووردبريس</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الربح من المساحات الاعلانية</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">و كل هذا في موقع واحد</li>
</ol>
<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>نبذة عن موقع shorte.st</b></h4>
</div>
<div>
<br /><div style="text-align: center;">
هو موقع ربحي لأصحاب المدونات و المواقع و هو شبيه لموقع <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">adf.ly </span>يمكنك ربح حوالي 50 دولار في اليوم حسب عدد الزيارات في موقعك او صفحتك على الفايسبوك و يقوم بالدفع على <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">PayPal </span>و <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Payoneer </span>و يوجد به الكثير من المزايا و ايضا الموقع صادق 100%</div>
</div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>طريقة عمله :</b></h4>
<div>
<div>
مثلا لو لديك صفحة فيس بوك بها 10,000 إعجاب انت تقوم باختصار رابط لموضوع و تنشر الرابط في الصفحة و عند الضغط على الرابط المختصر يظهر له عد تنازلي بـ 5 ثوان فقط و بعدها تظهر له <span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">SKIP AD </span>عند الضغط عليها يدفع لك الموقع على كل نقرة على حسب الدولة مثلا امريكا هي اغنى الدول يعني كل 1000 نقرة بـ <span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">5$</span> و ثانيا بريطانيا كل 1000 نقرة بـ 4$ و هكذا بالتسلسل يوجد معلومات في الموقع عن المشاهدات التي تأتي من الدول و كم تأخذ على كل نقرة الموقع يدفع كل شهر الحد الادنى للدفع هو <span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">5$ </span>على بايبال و <span style="color: #38761d; list-style: none; margin: 0px; outline: none; padding: 0px;">10$ </span>على بايونير</div>
<br /></div>
</div>
<div style="text-align: center;">
<a class="mudwnpbo" href="https://shorte.st/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">دخول الموقع</a></div>
<br /><br /><div style="text-align: center;">
والفيديو التالي هو توضيح عملي لاستخدام الموقع</div>
<center>
<div class="mudwnpv" style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLgr_J1FuWda-KVmLf9sOcKrOIc_xE8iU11P6h-kjYFYzca3Mq0txX9p5cBJpy0_fPphJrJMWF9Mljsm2KQIP8Iqhf8MEJojrfJ8Pj_OZds7QybrVe9RHqfDqQIWXTCw8heZeUAlRPtZR/s1600/mudwnpv.png); background-position: 0px 50%; background-repeat: no-repeat; height: 390px; margin: 0px auto; padding-top: 57px; width: 500px;">
<iframe allowfullscreen="" frameborder="0" height="246" src="http://www.youtube.com/embed/SDB8e2eNubQ" width="444"></iframe></div>
</center>
<br /><div style="text-align: center;">
بالتوفيق</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-75219270530227465832014-12-09T09:30:00.000-08:002014-12-09T09:30:04.944-08:00الربح من بلوجر عن طريق شركة Content.ad<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
الربح من بلوجر عن طريق شركة Content.ad</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKG-OwZYEGVxbieX1RGvR-MhLtOSB53664ccoWJglcUjBDHqcTrT1QZX9BRgqrhAAhVqVy-aDhdiA7NP9STrtKEX6sWCWlNA_FhEAm5a-oA3_qKXbkBAXFQ_y9h7UYOs969Ol5OPfXG-7W/s1600/Content+ad+Review.jpg" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="Content.ad من افضل الشركات للربح من بلوجر و وضع الاعلانات كيفية الربح من بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKG-OwZYEGVxbieX1RGvR-MhLtOSB53664ccoWJglcUjBDHqcTrT1QZX9BRgqrhAAhVqVy-aDhdiA7NP9STrtKEX6sWCWlNA_FhEAm5a-oA3_qKXbkBAXFQ_y9h7UYOs969Ol5OPfXG-7W/s1600/Content+ad+Review.jpg" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="الربح من بلوجر عن طريق شركة Content.ad " /></a></div>
</div>
<a name='more'></a><br /><br /><br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SudAl9jTBu0TQ5x9ijHYte-KrakGo_Wz62IO0v3ZQAeynstNFUSkkKrA6XHoYe56qJ17j1Z6iZhz9H3As9ZfD6f0D3_aYcGM-j87K4BNF7gsvnCCD2yvzeO_VsDpaOErI-GjTzvIK6zz/s1600/Activity_Report_Graph.png" style="clear: left; color: #0062c4; float: left; list-style: none; margin: 0px 1em 1em 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="Content.ad من افضل الشركات للربح من بلوجر و وضع الاعلانات كيفية الربح من بلوجر" border="0" height="243" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SudAl9jTBu0TQ5x9ijHYte-KrakGo_Wz62IO0v3ZQAeynstNFUSkkKrA6XHoYe56qJ17j1Z6iZhz9H3As9ZfD6f0D3_aYcGM-j87K4BNF7gsvnCCD2yvzeO_VsDpaOErI-GjTzvIK6zz/s1600/Activity_Report_Graph.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="الربح من بلوجر عن طريق شركة Content.ad " width="400" /></a><br />Content.ad هي واحدة من أقدم وأكبر شبكات " التي تستطيع الربح منها عن طريق الاعلانات" ، تخدم أكثر من ثلاثة مليار صفحة وجهات النظر والتوصيات 15 مليار محتوى شهريا برعاية . Content.ad توزع رواتب عالية للمحتوى المتميز<br /><br /><br /><br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
وتركز <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">Content.ad </span>على توليد أعلى إلى الالف ظهور والإيرادات المحتملة للناشرين لها. Content.ad يعمل بشكل وثيق جدا مع المعلنين لصياغة المحتوى وتفاعل التصميمات مما يعزز الإيرادات الخاصة بك. من خلال خوارزميات وضعت بعناية ، كما يقدم معدل من 70٪ إلى الناشرين بدلا من 50٪ مثل الشبكات الأخرى.<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: left;">
</div>
<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;"></span><br /><div class="separator" style="clear: both; text-align: center;">
</div>
<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;"> </span><br /><br /><div style="text-align: left;">
</div>
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4KwwUvuDj2agYOJ2mV9bhFhE6ssdel10HlxU4oPbCQOFBu_L89b4N4YNBHUPQpKPdxSdydHj-ak_T6BZOB61AGhkLH9vtINxRj38WRhIWR56LqQg6UDC0ExlmNnwb-4bo4CB4o7H1ajnt/s1600/Activity_Report.jpg" imageanchor="1" style="clear: right; color: #0062c4; float: right; list-style: none; margin: 0px 0px 1em 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="Content.ad من افضل الشركات للربح من بلوجر و وضع الاعلانات كيفية الربح من بلوجر" border="0" height="159" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4KwwUvuDj2agYOJ2mV9bhFhE6ssdel10HlxU4oPbCQOFBu_L89b4N4YNBHUPQpKPdxSdydHj-ak_T6BZOB61AGhkLH9vtINxRj38WRhIWR56LqQg6UDC0ExlmNnwb-4bo4CB4o7H1ajnt/s1600/Activity_Report.jpg" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="الربح من بلوجر عن طريق شركة Content.ad " width="320" /></a><br /><br />لا تجبر الناشرين على الالتزام بعقود طويلة الأجل. إذا كان هذا الحل ، و الفريق سيكون سعيدا لمناقشة الحلول معك أو يمكنك إزالته. بعد كل شيء، انه موقعك ويجب أن تكون حر في استخدام أي خدمة تريدها وقتما تشاء. اختبار Content.ad لمدة أسبوع، شهر<br /><br /><br /><br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>أسباب أخرى للعمل مع Content.ad:</b></span></h4>
<ul style="list-style: inherit; margin: 0px; outline: none; padding: 0px;"></ul>
يمكن تخصيص البنر الاعلاني لتناسب أي موقع إلكتروني، ويمكن استخدامها لتعزيز المحتوى الداخلي للناشر 100٪ مجانا.<br />Content.ad لا ترفض أي موقع بسبب انخفاض مستوى حركة المرور [ الزوار ].<br />Content.ad خال من البرمجيات الخبيثة ، و الاعلانات المشبوهة الأخرى. فريق Content.ad يعمل يدويا قبل عرض اي اعلان مشبوه ولا يسمح له بالوصول إلى موقعك لعرضه<br />فريق Content.ad هو مستجيب للغاية مع المعلنين<br />أكثر من 2،000 الناشرين، من المدونات الصغيرة ومواقع الطبقة العليا، قد وقعت مع Content.ad. <a href="https://www.content.ad/?rep_id=917&utm_medium=sponsored_post&utm_source=mudwnp.blogspot.com&utm_campaign=about_content.ad" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">اضغط هنا</a> لمعرفة كيفية البدء.<br /><br /><br /><ul style="list-style: inherit; margin: 0px; outline: none; padding: 0px;"></ul>
لمعرفة المزيد، يرجى الاتصال بـ:<br /><br /><br />Tim Mancino<br />مدير تطوير الأعمال<br />هاتف: 949.419.0262 ext 237<br />فاكس: 949.419.0267<br />سكايب: tmancino_content.ad<br /><a href="https://www.content.ad/?rep_id=917&utm_medium=email&utm_source=signature_link&utm_campaign=generic" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">content.ad</a> <span style="color: #1f497d; font-family: Calibri, sans-serif; font-size: 10pt; list-style: none; margin: 0px; outline: none; padding: 0px;"></span> <span style="color: #ed5a39; font-size: 10pt; list-style: none; margin: 0px; outline: none; padding: 0px;"><a href="https://www.content.ad/?rep_id=917&utm_medium=email&utm_source=signature_link&utm_campaign=generic" rel="nofollow" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank"><span style="color: #ed5a39; list-style: none; margin: 0px; outline: none; padding: 0px;"></span></a></span><br /><br /><br /><div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
في امان الله</div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-hPuL8_2Gsy8%2FVATrwl_dx1I%2FAAAAAAAAAd8%2FgaWycZFlAz8%2Fs1600%2FActivity_Report_Graph.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8SudAl9jTBu0TQ5x9ijHYte-KrakGo_Wz62IO0v3ZQAeynstNFUSkkKrA6XHoYe56qJ17j1Z6iZhz9H3As9ZfD6f0D3_aYcGM-j87K4BNF7gsvnCCD2yvzeO_VsDpaOErI-GjTzvIK6zz/s1600/Activity_Report_Graph.png" -->Anonymousnoreply@blogger.com5tag:blogger.com,1999:blog-8119176165723392733.post-83984890615579652762014-12-09T09:27:00.003-08:002014-12-09T09:31:05.333-08:00الربح من بلوجر عن طريق موقع xtendadvert<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
الربح من بلوجر عن طريق موقع xtendadvert</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis461GhKQHGy5gtgdEOdhNwSUWjqRUYuJ1hLLRCRguVZiVL9yjA20gFJMfPUEYv_5rUt9jbYlyStcNaNZNiRtyZb38ulfoQU1R9Y1XQciQ9aKBe2TRdL-ZnSpIIPUqyLr2eUHV9YABJSR0/s1600/Make+money+from+the+internet+from+xtendadvert.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="الربح من بلوجر عن طريق موقع xtendadvert و طريقة انشاء مساحة اعلانية و الربح منها" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEis461GhKQHGy5gtgdEOdhNwSUWjqRUYuJ1hLLRCRguVZiVL9yjA20gFJMfPUEYv_5rUt9jbYlyStcNaNZNiRtyZb38ulfoQU1R9Y1XQciQ9aKBe2TRdL-ZnSpIIPUqyLr2eUHV9YABJSR0/s1600/Make+money+from+the+internet+from+xtendadvert.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="الربح من بلوجر عن طريق موقع xtendadvert " /></a></div>
<br />
<br />
ربح المال من بلوجر كما تعلم له طرق عديدة , واليوم اشارك معكم إحدى هذه الطرق الفعالة هذا الموقع هو احد المواقع التي يضع اعلانات في مدونتك او موقعك يمكنك التحكم في مقاس و حجم البنر الاعلاني و يمكن وضع الاعلان في اكثر من مكان على حسب رغبتك لذلك سوف اترككم مع هذا الفيديو لرؤية كيفية التسجيل في موقع xtendadvert و انشاء مساحة اعلانية و الربح منه<br />
<br />
<a name='more'></a><br /><br />
<br />
<br />
<div>
<a class="mudwnpbo" href="http://www.xtendadvert.com/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">دخول الموقع</a></div>
<br />
<br />
<div>
والفيديو التالي هو توضيح عملي لاستخدام الموقع</div>
<center>
<div class="mudwnpv" style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieLgr_J1FuWda-KVmLf9sOcKrOIc_xE8iU11P6h-kjYFYzca3Mq0txX9p5cBJpy0_fPphJrJMWF9Mljsm2KQIP8Iqhf8MEJojrfJ8Pj_OZds7QybrVe9RHqfDqQIWXTCw8heZeUAlRPtZR/s1600/mudwnpv.png); background-position: 0px 50%; background-repeat: no-repeat; height: 390px; margin: 0px auto; padding-top: 57px; width: 500px;">
<iframe allowfullscreen="" frameborder="0" height="246" src="http://www.youtube.com/embed/uZ1UrONhBYA" width="444"></iframe></div>
</center>
<br />
<br />
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">بالتوفيق</span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-70878118242338027492014-12-09T07:38:00.001-08:002014-12-09T07:38:34.608-08:00كيفية استبدال رسالة احدث ,اقدم والصفحة الرئيسية بايقونات<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
كيفية استبدال رسالة احدث ,اقدم والصفحة الرئيسية بايقونات</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div dir="rtl" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7kzEQ95S9jTKetggEqsEFMY2_Tph1DDd1tGcUfAZieyHyvwyXtPFKo8UoCzC79M-A3pWGHjKrpnq1BwoRn_8tsoq6pdWX7jcwUsOQ4mHfeHc_A9AYgFXLL7kGqA9Yy9ZzdW8Q16fPWS4/s1600/newer+older+navigation+links+image.jpeg" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="لماذا نقوم بتغيير روابط رسالة احدث ,اقدم والرئيسية بايقونات او ازرار و ما فائدتها لزائر المدونة ,مدونة مدون محترف ,اضافات بلوجر ,قوالب بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA7kzEQ95S9jTKetggEqsEFMY2_Tph1DDd1tGcUfAZieyHyvwyXtPFKo8UoCzC79M-A3pWGHjKrpnq1BwoRn_8tsoq6pdWX7jcwUsOQ4mHfeHc_A9AYgFXLL7kGqA9Yy9ZzdW8Q16fPWS4/s1600/newer+older+navigation+links+image.jpeg" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="كيفية استبدال رسالة احدث ,اقدم والصفحة الرئيسية بايقونات" /></a></div>
<br /><div style="text-align: center;">
في هذه التدوينة اليوم على مدون محترف سنتعلم كيفية تغيير روابط التنقل رسالة احدث ,الصفحة الرئيسية ,رسالة اقدم بايقونات و السبب الذي جعلني اطرح هذا الدرس لأن الكثير من المدونات يوجد بها روابط التنقل بين المواضيع على شكل كلمات و تكون على هذا الشكل <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">رسالة احدث </span>,<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">الصفحة الرئيسية </span>,<span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">رسالة اقدم </span>و عند دخول الزائر في بعض الاحيان لا ينتبه لهم لذلك سنقوم بتركيب اضافة من <span id="goog_321780388" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span>اضافات بلوجر <span id="goog_321780389" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span>و هي تغيير هذه الروابط بايقونات و ازرار كما في الصورة بالاعلى و يمكن ايضا تصميم ايقونات بالفوتوشوب او استخدام المواقع التي توفر الايقونات جاهزة</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>كيفية استبدال احدث ,اقدم والرئيسية روابط التنقل بايقونات على بلوجر ؟</b></h4>
<br /><div style="text-align: center;">
<span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="hps" style="list-style: none; margin: 0px; outline: none; padding: 0px;">المهم</span>! ل</span><span class="" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">ا تنسى اخذ نسخة احتياطية من القالب قبل عمل اي شيء</span></span></span></div>
<br />ندخل <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">لوحة التحكم في Blogger </span><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">>> </span><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">قالب </span><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">> </span><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">تحرير HTML</span><br /><br />استبدال رابط رسالة احدث<br /><br /><div style="text-align: center;">
نبحث عن هذا الكود <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"><data:olderPageTitle/></qaz>و نستبدله بالكود التالي</div>
</div>
<br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<img src='http<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">:https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEici61BLbca9xV16XBUmMToCx40LkybyKokBSAi5ia3rMPMLNWxQ5Vj-Dosv-zQkq1O2FDuKDgQPMnvHBQghWqRfN04Ug6XoermoHuT_HOOSVerbuvNBVsaUNZBwDfeQ6gzq4oPxWeSOE3E/s1600/w2b_next.png</span>' style='border: 0 none;vertical-align: middle;'/></blockquote>
<br /> استبدال رابط رسالة اقدم<br /><br /><div style="text-align: center;">
نبحث عن هذا الكود <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"><data:newerPageTitle/></qaz>و نستبدله بالكود التالي</div>
</div>
<br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<img src='<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCVuT6hVHqmcI8xObsuOtcDxfFfFYNrq7mwp0YOUto4NeUxvwLw5yheezusXZU2xbdMwb-X7acDNimBY8_r8Wv2zKHWJhwi8QhPcGPZwF5sHPdbWHN5UtQeb3xS948hjlAWbbMnT83APzg/s1600/w2b_prev.png</span>' style='border: 0 none;vertical-align: middle;'/></blockquote>
<br />استبدال رابط الصفحة الرئيسية</div>
<div style="text-align: center;">
نبحث عن هذا الكود <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"><data:homeMsg/></qaz>و نستبدله بالكود التالي</div>
<br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<img src='<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdNELo-ev1H8gFp2NwWLSGaDmIiE-dbtiJJqPt48gCvQSaFP6J5b9iMIJvI7hCZkxCXDEoN-5Vu9VC0Jgkjak_XnlQ5uIVGnuxi1042YZVobQtUGeNvrxX6F8SdlqnvMEmYj0bWgDdHkhQ/s1600/w2b_home.png</span>' style='border: 0 none;vertical-align: middle;'/></blockquote>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>اهم الاعدادات</b> </h4>
<br />يمكن تغيير روابط الايقونات او الصور التي <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">باللون الاحمر </span>بما تريده و بالحجم الذي يناسب مدونتك<br /><br /><div style="text-align: center;">
<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">في امان الله</span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-62725852439150707612014-12-09T06:56:00.001-08:002014-12-09T06:56:51.762-08:00اضافة صندوق الاشتراك في البريد الالكتروني<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة صندوق الاشتراك في البريد الالكتروني</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<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/AVvXsEi4ocIc-JWNXznsdpNVK9R4lnSf0Qw3fwk-zAJTOzoWPPPVt0Q1vYN_ctzKo7fNuZEHF_g8b_7aTiNFMhsqhcBPuo99AYoXb9sSi2_WBiljJ3rrkAX4zIjh0fJiKrW7Hke6qAogRsHZoErQ/s1600/Flat+UI+Email+Subscription+Box.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="اضافة صندوق الاشتراك في البريد الالكتروني بتصميم فلات لمدونات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4ocIc-JWNXznsdpNVK9R4lnSf0Qw3fwk-zAJTOzoWPPPVt0Q1vYN_ctzKo7fNuZEHF_g8b_7aTiNFMhsqhcBPuo99AYoXb9sSi2_WBiljJ3rrkAX4zIjh0fJiKrW7Hke6qAogRsHZoErQ/s1600/Flat+UI+Email+Subscription+Box.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة صندوق الاشتراك في البريد الالكتروني" /></a></div>
<br /><div style="text-align: center;">
في هذا الدرس سوف نتعرف على كيفية إضافة أداة "صندوق إشترك فى خدمة رسائل مدونة بلوجر" والذي يعتبر من أهم الأدوات التي يجب أن تتوفر عليها كل مدونة ,وتكمن أهميتها في جعل كل مشترك في هذه الخدمة دائما على إطلاع على كل جديد المدونة و ذلك بتوصله بكل موضوع جديد كتبته على مدونتك عن طريق بريده الإلكتروني ،أليست هذه الخدمة رائعة حقاً ؟ كلنا نعلم الطريقة التقليدية لإضافة هذه الأداة و ذلك عن طريق الحصول على الكود من موقع فيد بيرنر<a href="http://feedburner.google.com/" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;">Feedburner </a>ولكن هذه الإضافة التي أقترحها عليكم تتضمن كذلك دعوة الزوار</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><br /><br /><div style="text-align: center;">
<a class="mudwnpbo" href="http://test-mudwnp.blogspot.com/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px; text-align: center;">
<b>طريقة التركيب</b></h2>
<br />الذهاب إلى بلوجر >> تخطيط >> إضافة أداة<br />اختيار HTML /javascript<br />لصق هذا الكود في النافذة التي سوف تظهر.<br /><br /><blockquote style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600,700' rel='stylesheet' type='text/css'/><br /><br /><div id='byard-emailsubsocial'><br /> <div class='heading'><br /> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">اشترك في ثواني</span><br /> </div><br /> <p><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">اشترك معنا الان عبر بريدك الالكتروني ليصلك كل جديدنا </span></p><br /> <div class='emailsub'><br /> <form action='http://feedburner.google.com/fb/a/mailverify' method='post'target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp</span>', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br /> <input type='text' name='name' placeholder='<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الاسم</span>' /><br /> <input type='text' name='email' placeholder='<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">البريد الالكتروني</span>' /><br /> <input type="hidden" value="<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp</span>" name="uri"/><br /> <input type="hidden" name="loc" value="en_US"/><br /> <input value="<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">اشترك الان</span>!" class="button" type="submit" /><br /><br /> </form><br /> </div><br /><br /><p id='credits'>Powered By : <a href='http://www.mudwnp.blogspot.com'>Mudwnp</a></p><br /><br /> </div><br /><br /> <style type='text/css'><br /> #byard-emailsubsocial {<br /> width: 300px;<br /> height: 330px;<br /> border: 1px solid #ddd;<br /> border-radius: 5px 5px 0px 0px;<br /> }<br /> #byard-emailsubsocial .heading {<br />padding: 15px 25px;<br />line-height: 35px;<br />font-size: 26px;<br />font-weight: 600;<br />font-family: open sans;<br />color: rgb(170, 170, 170);<br />text-align: center;<br />text-shadow: 0px 1px rgba(255, 255, 255, 0.75);<br />background: none repeat scroll 0% 0% rgb(247, 247, 247);<br /> }<br /> #byard-emailsubsocial p {<br /> font-family: open sans;<br /> font-size: 13px;<br /> color: rgb(170, 170, 170);<br /> line-height: 25px;<br /> padding: 10px 20px 0 20px;<br /> margin: 0;<br /> }<br /> #byard-emailsubsocial .emailsub {<br /> padding: 0px 20px 10px 20px;<br /> }<br /> #byard-emailsubsocial .emailsub input {<br /> color: rgb(170, 170, 170);<br /> padding: 10px;<br /> margin-top: 10px;<br /> font-size: 15px;<br /> font-family: open sans;<br /> width: 92%;<br /> border: 1px solid #ccc;<br /> border-bottom: 2px solid #ccc;<br /> border-radius: 5px;<br /> transition:border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s;<br /> }<br /> #byard-emailsubsocial .emailsub input:focus {<br /> border-color:#F4836A;<br /> outline: none;<br /> box-shadow: 0 0 2px 1px #F4836A;<br /> }<br /> #byard-emailsubsocial .emailsub .button {<br /> background: #F4836A;<br /> color: white!important;<br /> border:none;<br /> outline: none;<br /> border-bottom: 3px solid #B3614E;<br /> transition:background .4s linear;<br /> width: 90%;<br /> margin-right: 5%;<br /> margin-left: 5%;<br /> font-weight: 600;<br /> cursor:pointer;<br /> }<br /> #byard-emailsubsocial .emailsub .button:hover{<br /> background: #DD7761;<br /> }<br /><br />#credits {<br />margin: 0 auto!important;<br />margin-top: -10px!important;<br />width: 160px;<br />}<br /> </style></blockquote>
<br /><h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>اهم الملاحظات حول الكود</b></h3>
<br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="hps" style="list-style: none; margin: 0px; outline: none; padding: 0px;">استبدل</span> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Mudwnp </span><span class="hps" style="list-style: none; margin: 0px; outline: none; padding: 0px;">مع</span> اسم فيدبرنر الخاص بك. </span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="hps" style="list-style: none; margin: 0px; outline: none; padding: 0px;">استبدل ما هو بالعربي بالكلمات التي تريدها</span><br />انقر فوق حفظ! </span><br /><div style="text-align: center;">
<br /><br />في امان الله</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-79913864056498119612014-12-09T05:47:00.001-08:002014-12-09T05:47:47.107-08:00إضافة ابتسامات متحركة لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
إضافة ابتسامات متحركة لمدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div trbidi="on">
<div trbidi="on">
<div trbidi="on">
<div trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHOHFbw4XTfH3xNwc5kOKdPA29EkZmOxt0tFcIHOULihEhT-Y2JvCXqt5r2V-oLztFclZ_XN8ptCzzKc8u_IZLB9XFiADhC2jFF7QXsNZpXg3K28aiiPcDZ8cQApCjvCb5QrhICQfYTHOY/s1600/how+to+add+smiley+emoticons+in+blogger.jpeg" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="إضافة ابتسامات متحركة فوق العليقات لمدونات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHOHFbw4XTfH3xNwc5kOKdPA29EkZmOxt0tFcIHOULihEhT-Y2JvCXqt5r2V-oLztFclZ_XN8ptCzzKc8u_IZLB9XFiADhC2jFF7QXsNZpXg3K28aiiPcDZ8cQApCjvCb5QrhICQfYTHOY/s1600/how+to+add+smiley+emoticons+in+blogger.jpeg" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="إضافة ابتسامات متحركة لمدونات بلوجر" /></a></div>
<br /><div style="text-align: center;">
الإبتسامات والرموز من الإضافات التي لا انصح بعدم تركيبها نظراً لانها تسبب الكثير من الثقل في مدونات بلوجر لان غالباً إضافات الإبتسامات تتكون من صور منفرده ومتحركه وجلب كل تلك الروابط يعد عبئ اضافة حتى لطرق اظهارها لكن الإبتسامات والرموز من اكثر الإضافات التي تعطي حيوية للتعليقات وقد تحل محل كثير من الكلمات وتعبر بشكل طيب عن بعض ما قد لا تعطيه الكلمات من معاني لكن الان تم تطويرها وهي صورة واحده يتم تجزئتها وهي تصميم حصري وطريقة تركيبها ايضاً سهله ولا تؤثر في سرعة المدونة ويمكنك تركيبها بإتباع التالي</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><b></b><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px; text-align: center !important;">
<b>شرح التركيب</b></h2>
</div>
<div trbidi="on">
</div>
<div trbidi="on">
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">الان قم بالدخول إلى لوحة تحكم المدونة</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">اختر قالب </li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">ثم انقر فوق تحرير HTML</li>
</ol>
</div>
</div>
</div>
<br /><div style="text-align: center;">
ابحث عن<qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"></head></qaz>و اضف الكود التالي فوقه</div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script></blockquote>
</div>
<div style="text-align: center;">
الان قم بالبحث عن <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"></body></qaz>واضف فوقه هذا الكود</div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; width: 650px;">
<!-- mudwnp Smily.--><br /><b:if cond='data:blog.pageType == &quot;item&quot;'><br /><style type='text/css'><br />.emoWrap{position:relative;<br />padding:10px;<br />margin-bottom:7px;<br />background:#fff;<br />background-image:-ms-linear-gradient(left,#fff 0,#fff9f2 100%);<br />background-image:-moz-linear-gradient(left,#fff 0,#fff9f2 100%);<br />background-image:-o-linear-gradient(left,#fff 0,#fff9f2 100%);<br />background-image:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(1,#fff9f2));<br />background-image:-webkit-linear-gradient(left,#fff 0,#fff9f2 100%);<br />background-image:linear-gradient(to right,#fff 0,#fff9f2 100%);<br />border:1px solid #ccc;<br />-moz-border-radius:5px;<br />-webkit-border-radius:5px;<br />border-radius:5px;<br />box-shadow:0 4px 6px<br />rgba(0,0,0,0.1),0 1px 1px<br />rgba(0,0,0,0.3);-moz-box-shadow:0 4px 6px<br />rgba(0,0,0,0.1),0 1px 1px<br />rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px<br />rgba(0,0,0,0.1),0 1px 1px<br />rgba(0,0,0,0.3);box-shadow:0 2px 6px<br />rgba(0,0,0,0.1),0 1px 1px<br />rgba(0,0,0,0.3);<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">font-size:14px</span>;<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">color</span><span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">:#333</span>}<br />.emoWrap:after{content:&quot;&quot;;position:absolute;bottom:-10px;right:10px;border-top:10px solid #ccc;border-left:20px solid transparent;<br />width:0;<br />height:0;<br />line-height:0}<br /></style><br /><script type='text/javascript'><br />//<![CDATA[<br />jQuery(document).ready(function () {emoticonx({<br />emoRange:"#comments p, div.emoWrap",<br />putEmoAbove:"iframe#comment-editor",<br />topText:"<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">يمكنك ان تستخدم الإبتسامات بالضغط عليها لمعرفة الكود</span>",<br />emoMessage:"<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى استخدام ركن الأسئلة ولإضافة كود قم بتحويله أولا بمحول الأكواد</span>"<br />})<br />});<br />//]]></script><script src='https://dl.dropboxusercontent.com/s/s7x5nalqkatxtlq/bloggerknown-emo.js' type='text/javascript'/></b:if></blockquote>
<div>
<br /></div>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>اهم الاعدادات</b></h4>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;"></ol>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;">
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">قم بتغيير 14px التي باللون الازرق لتغيير حجم الخط</li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">قم بتغيير #333 لتغيير لون الخط استخدم <a href="http://mudwnp.blogspot.com/p/copy-color-picker.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;">اكواد الالوان</a></li>
<li style="-webkit-transition: all 0.3s ease-out; display: block; list-style: none; margin: 0.5em 2.5em 0.5em 0px; outline: none; padding: 0px; position: relative; transition: all 0.3s ease-out;">قم بتغيير الكلمات التي باللون الاحمر بما يناسب مدونتك</li>
</ol>
<ol style="counter-reset: li 0; font-family: 'droid arabic kufi', hacen_saudi_arabiaregular; list-style-image: initial; list-style-position: outside; margin-bottom: 1em; padding: 0px;"></ol>
<div>
<br /></div>
<div>
<br /></div>
<div style="text-align: center;">
إذا لم تظهر الابتسامات ارجو ترك تعليق لأستطيع حل المشكلة لك<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: black; list-style: none; margin: 0px; outline: none; padding: 0px;"><b></b></span></span></span></div>
<div style="text-align: center;">
<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: black; list-style: none; margin: 0px; outline: none; padding: 0px;"><b><br /></b></span></span></span></div>
<div style="text-align: center;">
<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">في امان الله </span></span></span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-19000127854588324552014-12-08T20:56:00.001-08:002014-12-08T20:56:54.935-08:00اضافة تأثير الزوم على الصور لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة تأثير الزوم على الصور لمدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div style="text-align: center;">
<div class="separator" style="clear: both;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoN9mcPq0JZJNDdPBdhTl33ND5MGVUO5d7KZvWcYTuLIsYf2pR5BdeJv28IQUhGyf6SGR9xrVg0Zn4Abq3KDBXHPc6im-epz1gBsY558m97y8Ppoo8IW8uJdtdhx6BXp-5BDqgShk-sj2v/s1600/Add+Zoom+Effect+To+Your+Blog+Images+On+Mouse+Hover.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="اضافة تأثير الزوم إلى الصور لمدونات بلوجر عند مرور مؤشر الماوس على الصورة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoN9mcPq0JZJNDdPBdhTl33ND5MGVUO5d7KZvWcYTuLIsYf2pR5BdeJv28IQUhGyf6SGR9xrVg0Zn4Abq3KDBXHPc6im-epz1gBsY558m97y8Ppoo8IW8uJdtdhx6BXp-5BDqgShk-sj2v/s1600/Add+Zoom+Effect+To+Your+Blog+Images+On+Mouse+Hover.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة تأثير الزوم على الصور لمدونات بلوجر" /></a></div>
</div>
<br />
<br />
<div style="text-align: center;">
في الدرس السابق تعرفنا على <a href="http://mudwnp.blogspot.com/2014/09/how-to-add-spinning-or-rotating-effect.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">اضافة تأثير الدوران على الصور لمدونات بلوجر </a>,ولكن الآن، سوف نتحدث عن كيفية إضافة تأثير التكبير إلى صور عند مرور مؤشر الماوس عليها و هذا التأثير يستخدمه اكثر المدونين و اشهر المدونات على منصة بلوجر لكيفية رؤية عمل التأثير اضغط على زر المعاينة<br />
<br />
<a name='more'></a><br /></div>
<br />
<br /></div>
<div style="text-align: center;">
<a class="mudwnpbo" href="http://test-mudwnp.blogspot.com/2014/09/blog-post.html" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br />
<h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px; text-align: center;">
<b>طريقة التركيب</b></h2>
<br />
<div style="text-align: center;">
الان ابحث عن <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;">]]></b:skin></qaz> و اضف الكود التالي فوقه</div>
<br />
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
.zoomeffect img{<br />
-webkit-transform:scale(0.8);<br />
-moz-transform:scale(0.8);<br />
-o-transform:scale(0.8);<br />
-webkit-transition-duration: 0.5s;<br />
-moz-transition-duration: 0.5s;<br />
-o-transition-duration: 0.5s;<br />
opacity: 0.7;<br />
margin: 0 10px 5px 0;<br />
}<br />
<br />
.zoomeffect img:hover{<br />
-webkit-transform:scale(1.1);<br />
-moz-transform:scale(1.1);<br />
-o-transform:scale(1.1);<br />
opacity: 1;<br />
}</blockquote>
<br />
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>كيفية وضع الصور في الموضوع</b></h4>
<br />
عند كتابة موضوع جديد انتقل إلى وضع HTML<br />
و قم بلصق هذا الكود في وضع <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">HTML</span><br />
<br />
<br />
<blockquote style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<a class="zoomeffect" href="<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">#</span>" target="_blank"><br />
<img src="<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">##</span>" /></a></blockquote>
<br />
مع استبدال <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">##</span> برابط الصورة و يمكن تكرار الكود اكثر من مرة على حسب رغبتك<br />
و لوضع رابط داخل الصورة استبدل<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"> #</span> برابط الموضوع التي تريده<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"><br /></span><br />
<br />
يمكنك ايضا مشاهدة : <a href="http://mudwnp.blogspot.com/2014/09/how-to-add-spinning-or-rotating-effect.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">اضافة تأثير الدوران على الصور لمدونات بلوجر </a><br />
<br />
<div style="text-align: center;">
<span style="font-size: medium; list-style: none; margin: 0px; outline: none; padding: 0px;">تحياتي </span></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-76272373548451538202014-12-08T20:49:00.002-08:002014-12-08T20:49:13.505-08:00اضافة صورة في الشريط الجانبي لمدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
اضافة صورة في الشريط الجانبي لمدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<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/AVvXsEhN16Ctq8AtFVdFWwWg2jGt6F-Ab1izHBehjKt1HiMOb07_m91C84MWmSfICRSCUwnn6HIdkICcSU8wVEmswl9kMT7zQBYhACczIQ9dHGEGkoGEnXCS-kwMKQ5N84AaSo4UyCM5F0MjvdIY/s1600/How+to+Add+Images+in+Blogger+Widget+Sidebar.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="شرح كيفية اضافة صورة في الشريط الجانبي لمدونات بلوجر بطريقة جديدة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN16Ctq8AtFVdFWwWg2jGt6F-Ab1izHBehjKt1HiMOb07_m91C84MWmSfICRSCUwnn6HIdkICcSU8wVEmswl9kMT7zQBYhACczIQ9dHGEGkoGEnXCS-kwMKQ5N84AaSo4UyCM5F0MjvdIY/s1600/How+to+Add+Images+in+Blogger+Widget+Sidebar.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة صورة في الشريط الجانبي لمدونات بلوجر " /></a></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<br />معظمنا يعرف كيفية اضافة الصور في مدونات بلوجر ولكن هل فكرت باضافة صورة في الشريط الجانبي في المدونة لديك<br />مؤخرا طلب منا احد القراء لدينا عن كيفية إضافة الصور إلى Blogger في الشريط الجانبي يمكنك ايضا استخدام نفس الطريقة لعرض الإعلانات التي لديها صور في الشريط الجانبي من موقعك او مدونتك في هذه التدوينة سوف اقوم بشرح كيفية إضافة الصور في الشريط الجانبي في المدونة</div>
<div style="text-align: center;">
<a name='more'></a><br /><br /><br /><div>
<div style="text-align: right;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>كيفية اضافة الصور في الشريط الجانبي في مدونات بلوجر</b></h3>
<br />إذهب إلى التخطيط >> إضافة أداة > صورة</div>
</div>
<br /><br /><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcM03trNWchz3mxFxXz8ksycgxti3A6XRu4XNie25NcMmvbZjC4s0t8pw7Wsuj4-LIqqjgXdoMrJu3b0OJQPtl4ajYhOnmh1cqRbEw-oLZ0-hXGQwPdrPFxYlj9YOF__7pCwK_bnrh1bk/s1600/How+to+Add+Images+in+Blogger+Widget+Sidebar.jpg" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="اضافة صورة في الشريط الجانبي لمدونات بلوجر " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcM03trNWchz3mxFxXz8ksycgxti3A6XRu4XNie25NcMmvbZjC4s0t8pw7Wsuj4-LIqqjgXdoMrJu3b0OJQPtl4ajYhOnmh1cqRbEw-oLZ0-hXGQwPdrPFxYlj9YOF__7pCwK_bnrh1bk/s1600/How+to+Add+Images+in+Blogger+Widget+Sidebar.jpg" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="شرح كيفية اضافة صورة في الشريط الجانبي لمدونات بلوجر بطريقة جديدة" /></a><br /><br /><br />الان ستظهر لك نافذة اخرى و هي لوضع الصورة يمكنك ادخال عنوان للصورة و رابط عند الضغط على الصورة ينقلك إلى الرابط و تسمية توضيحية و يمكن وضع الصورة من الويب على شكل رابط URL او يمكنك وضع الصورة عن طريق التصفح من جهاز الكمبيوتر صورة توضيحية<br /><br /><br /><a href="http://1.bp.blogspot.com/-UNG1bNEbikk/VB9G05SCVrI/AAAAAAAAApg/XBDNlVqfN7U/s1600/How%2Bto%2BAdd%2BImages%2Bin%2BBlogger%2BWidget%2BSidebar.jpg" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="شرح كيفية اضافة صورة في الشريط الجانبي لمدونات بلوجر بطريقة جديدة" border="0" src="https://1.bp.blogspot.com/-UNG1bNEbikk/VB9G05SCVrI/AAAAAAAAApg/XBDNlVqfN7U/s1600/How%2Bto%2BAdd%2BImages%2Bin%2BBlogger%2BWidget%2BSidebar.jpg" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="اضافة صورة في الشريط الجانبي لمدونات بلوجر " /></a><br /><br />وبمجرد الانتهاء من كل شيء، اضغط على زر "حفظ" وهذا كل شيء. يمكنك تحديد مكان الصورة في الشريط الجانبي عن طريق تحديد وسحب إلى الموقع الذي تريد وبعد ذلك "حفظ الترتيب".</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>تحياتي </b></div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F3.bp.blogspot.com%2F-LjLGotyOGZg%2FVB9Eku3eyiI%2FAAAAAAAAApQ%2Fmcw7a4zduOc%2Fs1600%2FHow%252Bto%252BAdd%252BImages%252Bin%252BBlogger%252BWidget%252BSidebar.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHcM03trNWchz3mxFxXz8ksycgxti3A6XRu4XNie25NcMmvbZjC4s0t8pw7Wsuj4-LIqqjgXdoMrJu3b0OJQPtl4ajYhOnmh1cqRbEw-oLZ0-hXGQwPdrPFxYlj9YOF__7pCwK_bnrh1bk/s1600/How+to+Add+Images+in+Blogger+Widget+Sidebar.jpg" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F1.bp.blogspot.com%2F-UNG1bNEbikk%2FVB9G05SCVrI%2FAAAAAAAAApg%2FXBDNlVqfN7U%2Fs1600%2FHow%252Bto%252BAdd%252BImages%252Bin%252BBlogger%252BWidget%252BSidebar.jpg&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://1.bp.blogspot.com/-UNG1bNEbikk/VB9G05SCVrI/AAAAAAAAApg/XBDNlVqfN7U/s1600/How%2Bto%2BAdd%2BImages%2Bin%2BBlogger%2BWidget%2BSidebar.jpg" -->Ahmed Hassenhttp://www.blogger.com/profile/16282324836989252645noreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-45230568734256752462014-12-08T19:12:00.001-08:002014-12-08T19:12:51.037-08:00ترقيم الصفحات بطريقة صحيحة و باشكال متعددة<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
ترقيم الصفحات بطريقة صحيحة و باشكال متعددة</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div trbidi="on">
<div trbidi="on">
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimriGAxpQXNnE44-4Tygs0XXHhtjbdGB1kQutceAuEHzZcBg9j74ewPQqrEyedEHlsdK7JXt2D_f0I37jk3VQL4yRl6ZCn3TKyYxxZTOmXRdRJZfga5u4tCeUN6O1MzIGbruLWQ5qo9hRy/s1600/how+to+add+numbered+page+navigation+for+blogger.png" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="ترقيم الصفحات اضافة هامة لمدونات بلوجر و خصوصا عندما تصبح المدونة بها عدد كبير من المواضيع لذلك اليوم سوف نحل مشكلة الترقيم في مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimriGAxpQXNnE44-4Tygs0XXHhtjbdGB1kQutceAuEHzZcBg9j74ewPQqrEyedEHlsdK7JXt2D_f0I37jk3VQL4yRl6ZCn3TKyYxxZTOmXRdRJZfga5u4tCeUN6O1MzIGbruLWQ5qo9hRy/s1600/how+to+add+numbered+page+navigation+for+blogger.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="ترقيم الصفحات بطريقة صحيحة و باشكال متعددة" /></a></div>
<br /><div style="text-align: center;">
درس اليوم في مدون محترف سوف يكون كيفية ترقيم الصفحات Page Navigation widget و هي إضافة هامه لمدونات </div>
<div style="text-align: center;">
بلوجر بدل رسائل <span id="3902167388942226839" style="list-style: none; margin: 0px; outline: none; padding: 0px;">احدث و رسائل اقدم طبعا العديد من المدونين قد لا يحبون طريقة ظهور رسائل أحدث أو أقدم تبدو غير لائقة وقد تشوه القالب</span>وخصوصا عندما تصبح المدونة بها عدد كبير من المواضيع ويصعب التنقل بها فتأتي إضافة الترقيم لتحل تلك المشكلة لكن كثيير من الإضافات الموجوده بها عدة مشاكل أخرى في بعض الإضافات وهي عند بلوغ المواضيع حد معين مثلا مئة موضوع تصبح لا تعمل جيداً وتتكرر الموضوعات لكن إضافتنا اليوم لا توجد بها تلك المشكلة أيضا مشكلة تظهر مع التسميات أو الأقسام وتجعل المواضيع غير مرتبه لكن بإذن الله سنضع حل هذه المشكلة أيضا لنكون وصلنا لأكبر قدر من حلول المشاكل التي تواجه إضافة ترقيم الصفحات<span id="3902167388942226839" style="list-style: none; margin: 0px; outline: none; padding: 0px;"> و سوف نستعمل أزرار أنيقة وبسيطة بأكثر من شكل و اكثر من لون</span> لتتناسب مع جميع المدونات</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px;">
<b>طريقة اضافة ترقيم الصفحات لمدونات بلوجر</b></h2>
<h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الخطوة الأولى</b></h4>
أدخل الى التخطيط<br />قم بتحرير رسائل المدونة الإلكترونية<br />وفي خانة عدد الرسائل على الصفحة الرئيسية ضع رقم يناسبك وإعلم أنه سيستخدم في ترقيم الصفحات ايضا<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الخطوة الثانية</b></h4>
أدخل الى تحرير قالبك وطبعا لا تنسى أخذ نسخة إحتياطية<br /><br /><div style="text-align: center;">
ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"></body></qaz>و اضف فوقه الكود التالي</div>
</div>
<br /><blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<b:if cond='data:blog.pageType != &quot;item&quot;'><br /><b:if cond='data:blog.pageType != &quot;static_page&quot;'><br /><script type='text/javascript'><br /> /*<![CDATA[*/<br /> var perPage=<span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>5</b></span>;<br /> var numPages=<span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>4</b></span>;<br /> var prevText ='« <b><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">السابق</span></b>';<br /> var nextText ='<b><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">التالي </span></b>»';<br /> var urlactivepage=location.href;<br /> var home_page="/";<br /> /*]]>*/<br /></script><br /> <script src="http://helplogger.googlecode.com/svn/trunk/page-navigation2.js"/><br /></b:if><br /></b:if></blockquote>
<br /><br />رقم <b><span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">5</span></b> هو عدد الرسائل في الصفحة إجعله نفس العدد الذي إخترته في الخطوة الاولى<br />رقم <b><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">4</span></b> هو عدد الصفحات الظاهر في الإضافة قم بالزيادة أو التقليل حسب عرض مساحة مدونتك<br />ويمكنك تغيير كلمتي <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">السابق والتالي </span>بما يناسبك<br /><b><br /></b><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الخطوة الثالثة</b></h4>
</div>
<div>
ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px; text-align: center;">]]></b:skin></qaz>و اضف فوقه الكود التالي</div>
<br /><b><br /></b><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الشكل الاول</b></h4>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhislOxoNr4K_G1MTfs3y5sIU-suTGRr0AKhepqaKMblDrjlwEqYNqYkD_EHyhonfmHSXE7tY5guN8qbtMrGAZCzoGOkoH2joazHpk311X_ch0m7-4H6HuuT8kj1AXHna3Fp0wGhgpKyVqr/s1600/page-navigation-widget-for-blogger-style-1.png" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="ترقيم الصفحات اضافة هامة لمدونات بلوجر و خصوصا عندما تصبح المدونة بها عدد كبير من المواضيع لذلك اليوم سوف نحل مشكلة الترقيم في مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhislOxoNr4K_G1MTfs3y5sIU-suTGRr0AKhepqaKMblDrjlwEqYNqYkD_EHyhonfmHSXE7tY5guN8qbtMrGAZCzoGOkoH2joazHpk311X_ch0m7-4H6HuuT8kj1AXHna3Fp0wGhgpKyVqr/s1600/page-navigation-widget-for-blogger-style-1.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="ترقيم الصفحات بطريقة صحيحة و باشكال متعددة" /></a></div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 7px;margin-left:5px;background:#E9E9E9;color: #888;border:1px solid #E9E9E9;}<br />.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background:#CECECE;text-decoration:none;color: #000;}<br /> .showpageOf{display:none!important}<br />#blog-pager .showpage, #blog-pager .pagecurrent{font-weight:bold;color: #888;}<br /> #blog-pager .pages{border:none;}</blockquote>
<br /><b><br /></b><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الشكل الثاني</b></h4>
<br /><div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3yu1uadAODJNENzAdK1KPHPifMA1jn6_IhX1_llQKruExsUJ93-3BLtLOVVTlaSl86hcQNC_NubqdinMVQbZUhkMly066oTSCl_FBy0nwUh-kPlZheoU-pknH7zCZC-WOdV-xVHMsdzrX/s1600/page-navigation-widget-for-blogger-style-2.png" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;"><img alt="ترقيم الصفحات اضافة هامة لمدونات بلوجر و خصوصا عندما تصبح المدونة بها عدد كبير من المواضيع لذلك اليوم سوف نحل مشكلة الترقيم في مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3yu1uadAODJNENzAdK1KPHPifMA1jn6_IhX1_llQKruExsUJ93-3BLtLOVVTlaSl86hcQNC_NubqdinMVQbZUhkMly066oTSCl_FBy0nwUh-kPlZheoU-pknH7zCZC-WOdV-xVHMsdzrX/s1600/page-navigation-widget-for-blogger-style-2.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="ترقيم الصفحات بطريقة صحيحة و باشكال متعددة" /> </a></div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{padding: 5px 10px;margin-left:5px; color: #F4F4F4;<br />background-color:#404042;<br />-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);<br />-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);<br />box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}<br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#EC8D04;text-decoration:none;color: #fff;}<br />#blog-pager .showpage, #blog-pager, .pagecurrent{font-weight:bold;color: #000;}<br />.showpageOf{display:none!important}<br />#blog-pager .pages{border:none;<br />-webkit-box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);<br />-moz-box-shadow:0px 5px 3px -1px rgba(50, 50, 50, 0.53);<br />box-shadow: 0px 5px 3px -1px rgba(50, 50, 50, 0.53);}</blockquote>
<br /><br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الشكل الثالث</b></h4>
<div style="text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_A5SMnCmy5VXzwOdpbitmiPdcxS7YvunyKaeibURBtXvUNomWrHJ9FnPFL6vqZHh2K0cXBmMDQv9srqYNZIST8Q0HLevSe5dGghSisahxs4gGlhJ7C24K8Ym6fOMXVI6JC1pL9xmCMloZ/s1600/page-navigation-widget-for-blogger-style-3.png" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="ترقيم الصفحات اضافة هامة لمدونات بلوجر و خصوصا عندما تصبح المدونة بها عدد كبير من المواضيع لذلك اليوم سوف نحل مشكلة الترقيم في مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_A5SMnCmy5VXzwOdpbitmiPdcxS7YvunyKaeibURBtXvUNomWrHJ9FnPFL6vqZHh2K0cXBmMDQv9srqYNZIST8Q0HLevSe5dGghSisahxs4gGlhJ7C24K8Ym6fOMXVI6JC1pL9xmCMloZ/s1600/page-navigation-widget-for-blogger-style-3.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="ترقيم الصفحات بطريقة صحيحة و باشكال متعددة" /></a></div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
#blog-pager{<br />clear:both;<br />margin:30px auto;<br />padding: 7px;<br />text-align:center;<br />font-size: 11px;<br />background-image: -webkit-gradient(linear,right bottom,right top,color-stop(0, #000000),color-stop(1, #292929))<br />;background-image: -o-linear-gradient(top, #000000 0%, #292929 100%);<br />background-image: -moz-linear-gradient(top, #000000 0%, #292929 100%);<br />background-image: -webkit-linear-gradient(top, #000000 0%, #292929 100%);<br />background-image: -ms-linear-gradient(top, #000000 0%, #292929 100%);<br />background-image: linear-gradient(to top, #000000 0%, #292929 100%);<br />padding: 6px;<br />-webkit-border-radius: 3px;<br />-moz-border-radius: 3px;<br />border-radius: 3px;}<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{padding: 3px 10px;<br />margin-left:5px;<br />color: #fff;}<br />.displaypageNum a:hover,.showpage a:hover,.pagecurrent{background-image: -webkit-gradient(linear,right bottom,right top,color-stop(0, #59A2CF),color-stop(1, #D9EAFF));<br />background-image: -o-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);<br />background-image: -moz-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);<br />background-image: -webkit-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);<br />background-image: -ms-linear-gradient(top, #59A2CF 0%, #D9EAFF 100%);<br />background-image: linear-gradient(to top, #59A2CF 0%, #D9EAFF 100%);<br />text-decoration: none;<br />color: #000;<br />-webkit-border-radius: 3px;<br />-moz-border-radius: 3px;<br />border-radius: 3px;}<br />.showpageOf{display:none!important}.blog-pager-older-link, .home-link, .blog-pager-newer-link {background: transparent;}<br />a.blog-pager-older-link, a.home-link, a.blog-pager-newer-link {color: #fff;}<br />#blog-pager .pages{border:none;background: none;}</blockquote>
<br /><b><br /></b><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الشكل الرابع</b></h4>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvG5HWs49QB620-htkanGVnMbAdLgMOOOaN-0xp674dte2KfqI4LTKyEomRNbfPdWbBPbuasvVTgIO1PdCtsHEKaQF4lpAcsqOjLpkq6GmGdlBHwo9N4QG7KK6bLJwgRNgoCusMK5nJzd5/s1600/numbered-page-navigation-javascript-widget-for-blogger-4.png" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="ترقيم الصفحات اضافة هامة لمدونات بلوجر و خصوصا عندما تصبح المدونة بها عدد كبير من المواضيع لذلك اليوم سوف نحل مشكلة الترقيم في مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvG5HWs49QB620-htkanGVnMbAdLgMOOOaN-0xp674dte2KfqI4LTKyEomRNbfPdWbBPbuasvVTgIO1PdCtsHEKaQF4lpAcsqOjLpkq6GmGdlBHwo9N4QG7KK6bLJwgRNgoCusMK5nJzd5/s1600/numbered-page-navigation-javascript-widget-for-blogger-4.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="ترقيم الصفحات بطريقة صحيحة و باشكال متعددة" /></a></div>
<blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-left:5px; color: #666; background-color:#eee;}<br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}<br />#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}<br />.showpageOf{display:none!important}<br />#blog-pager .pages{border:none;} </blockquote>
<br /><b><br /></b><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>الشكل الخامس</b></h4>
<br /><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOd81n-6WbsyDbtgMtcqykek5EK9qQLG4aZvnfD71xOkOG7YxK-s_jXro3iO6kBSt1iSH7elA6VECj-fNnbp6mYDJmStASc9bOk5YY7b3QHWs554ve-x6bLkm6icllgOS1imBPQXQT0Crh/s1600/numbered-page-navigation-javascript-widget-for-blogger-7.png" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="ترقيم الصفحات اضافة هامة لمدونات بلوجر و خصوصا عندما تصبح المدونة بها عدد كبير من المواضيع لذلك اليوم سوف نحل مشكلة الترقيم في مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOd81n-6WbsyDbtgMtcqykek5EK9qQLG4aZvnfD71xOkOG7YxK-s_jXro3iO6kBSt1iSH7elA6VECj-fNnbp6mYDJmStASc9bOk5YY7b3QHWs554ve-x6bLkm6icllgOS1imBPQXQT0Crh/s1600/numbered-page-navigation-javascript-widget-for-blogger-7.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="ترقيم الصفحات بطريقة صحيحة و باشكال متعددة" /></a></div>
<br /><blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px; }<br />.blog-pager {background: none;}<br />.displaypageNum a,.showpage a,.pagecurrent{font-size: 12px;padding: 5px 12px;margin-left:5px; color: #222; background-color:#eee; border: 1px solid #EEEEEE;}<br />.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#E5E5E5;text-decoration:none;color: #222;}<br />#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#DB4920;}<br />.showpageOf{display:none!important}<br />#blog-pager .pages{border:none;}</blockquote>
<br /><b><br /></b><br /><br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px;">
<b>حل مشكلة الترقيم و التسميات</b></h2>
<br /><div style="text-align: center;">
عند دخول احد الاقسام تكون أعداد المواضيع بعكس المحدد في الترقيم وللتخلص من تلك المشكلة<br />نبحث عن الكود التالي</div>
<br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a></blockquote>
<br /><div style="text-align: center;">
و نستبدله بهذا الكود</div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<script type='text/javascript'><br /> var lblname = &quot;<data:label.name/>&quot;;<br /> lblname2 = encodeURIComponent(lblname);<br /> var feedlink = &#39;/search/label/&#39; + lblname2+&#39;?&amp;max-results=<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"><b>5</b></span>&#39;;<br /> document.write(&#39;&lt;a href=&quot;&#39; + feedlink + &#39;&quot;&gt;&#39;+lblname+&#39;&lt;/a&gt;&#39;);<br /></script></blockquote>
<br /><br /><div style="text-align: center;">
رقم <b><span style="color: #cc0000; list-style: none; margin: 0px; outline: none; padding: 0px;">5</span></b> هو عدد المواضيع إختر نفس الرقم في المرحلة الأولى</div>
<div style="text-align: center;">
<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">ملحوظة </span>قد يكون الكود متكرر أكثر من مرة يجب تغييرها جميعا<br /><span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">وهذا سيكون مختص بآداة التسميات وإن لم تكن موجوده لديك لن تجد الكود </span><br />أما بالنسبة للتسميات التي تكون داخل الموضوع<br />فإبحث عن الكود التالي وإستبدله بنفس الكود كالسابق</div>
<br /><br /><blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<a expr:href='data:label.url' rel='tag'><data:label.name/></a></blockquote>
<br /><div style="text-align: center;">
في امان الله </div>
</div>
</div>
</div>
<!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-ZegHm4dpSp4%2FU6kJEjEWHWI%2FAAAAAAAAALU%2FSFowEY0q5lw%2Fs1600%2Fpage-navigation-widget-for-blogger-style-2.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3yu1uadAODJNENzAdK1KPHPifMA1jn6_IhX1_llQKruExsUJ93-3BLtLOVVTlaSl86hcQNC_NubqdinMVQbZUhkMly066oTSCl_FBy0nwUh-kPlZheoU-pknH7zCZC-WOdV-xVHMsdzrX/s1600/page-navigation-widget-for-blogger-style-2.png" --><!-- Blogger automated replacement: "https://images-blogger-opensocial.googleusercontent.com/gadgets/proxy?url=http%3A%2F%2F2.bp.blogspot.com%2F-0MGPQWrkZSY%2FU6kCzDdLMGI%2FAAAAAAAAAK8%2FdHIbqlHuo8o%2Fs1600%2Fhow%2Bto%2Badd%2Bnumbered%2Bpage%2Bnavigation%2Bfor%2Bblogger.png&container=blogger&gadget=a&rewriteMime=image%2F*" with "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimriGAxpQXNnE44-4Tygs0XXHhtjbdGB1kQutceAuEHzZcBg9j74ewPQqrEyedEHlsdK7JXt2D_f0I37jk3VQL4yRl6ZCn3TKyYxxZTOmXRdRJZfga5u4tCeUN6O1MzIGbruLWQ5qo9hRy/s1600/how+to+add+numbered+page+navigation+for+blogger.png" -->Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-85117547851878227992014-12-08T18:37:00.001-08:002014-12-08T18:37:55.799-08:00إضافة المشاركات الشائعة مع زر اقرأ المزيد و التعليقات<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
إضافة المشاركات الشائعة مع زر اقرأ المزيد و التعليقات</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<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/AVvXsEhNUjwhRLmpsjCpy-oZy0LxlZmw12-p7_ZZTvIJyOVEuP23pqr26yDJW8qU2q0Pia6kybriD6imX_fnm0RgsNYx1JB4hrJ8sle2qd1ljG1voimq93Ov_vEnKow99PTQID7LMBytFf2fQUkx/s1600/Stylish+Recent+Posts+Widget+With+Thumbnail+From+a+Particular+Label.jpeg" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="إضافة المشاركات الشائعة مع ازرار اقرأ المزيد و التعليقات ,إضافات بلوجر ,دروس بلوجر ,قوالب بلوجر ,مدونة مدون محترف" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNUjwhRLmpsjCpy-oZy0LxlZmw12-p7_ZZTvIJyOVEuP23pqr26yDJW8qU2q0Pia6kybriD6imX_fnm0RgsNYx1JB4hrJ8sle2qd1ljG1voimq93Ov_vEnKow99PTQID7LMBytFf2fQUkx/s1600/Stylish+Recent+Posts+Widget+With+Thumbnail+From+a+Particular+Label.jpeg" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="إضافة المشاركات الشائعة مع زر اقرأ المزيد و التعليقات" /></a></div>
<br /><div style="text-align: center;">
<span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"> </span><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;">إضافة المشاركات الشائعة الاحترافية مع زر اقرأ المزيد و التعليقات </span><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;">طبعا في كل مدونة تجد هذه الاضافة فهي من اهم الاضافات في المدونات ولكن في هذه التدوينة معنا اضافة المشاركات الشائعة المميزة مع بعض التعديلات و هي تظهر المشاركات مع اسماء المواضيع و ظهور عدد التعليقات مع الصور و يوجد بها افضل ميزة و هي زر اقرأ المزيد و ما يميز هذه الاضافة انه يمكن تنسيقها مثل ما تريد تابع معي </span></div>
<div style="text-align: center;">
<span class="" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><a name='more'></a><br /></span></div>
<div style="text-align: center;">
<span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"></span><br /></span></div>
<div style="text-align: center;">
<a class="mudwnpbo" href="http://test-mudwnp.blogspot.com/" rel="nofollow" style="-webkit-transition: all 1.3s ease 0s; background-color: #fc7400; border-radius: 10px; border: 1px solid rgb(251, 71, 0); box-shadow: rgb(0, 0, 0) 0px 0px 3px 0px; color: white; display: inline-block; font-family: 'droid arabic kufi'; font-size: 15px; font-weight: bold; line-height: normal; list-style: none; margin: 15px 20px; min-width: 55px; outline: none; padding: 31px 20px; text-decoration: none; transition: all 1.3s ease 0s;" target="_blank">معاينة</a></div>
<br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px;">
<b>شرح التركيب</b></h2>
<span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="hps" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span><span class="" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span></span><br />انتقل إلى المدونة >> التخطيط > اضافة اداة HTML/JavaScript<br /><br /><blockquote class="tr_bq " style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"> <style type="text/css"></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">/*<![CDATA[*/</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">img.label_thumb{-webkit-transition:all .5s ease;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-moz-transition:all .5s ease;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">transition:all .5s ease;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">float:left;padding:0;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">border:3px solid #cccccc;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-webkit-border-radius:100px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-moz-border-radius:100px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">border-radius:100px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:#fff;margin-right:10px;</span><br /><span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">height:70px;</span></span><br /><span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">width:80px}</span></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-webkit-transform:scale(1.2) rotate(-350deg);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-o-transform:scale(1.2) rotate(-350deg);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-ms-transform:scale(1.2) rotate(-350deg);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">transform:scale(1.2) rotate(-350deg);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:#f7f6f6}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">.label_with_thumbs{float:left;width:100%;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">min-height:70px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">margin:0 10px 2px 0;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">adding:0}ul.label_with_thumbs li{background:#f5f5f5;list-style-type:none;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">padding:8px 0;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">min-height:65px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">margin-bottom:5px}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">.label_with_thumbs a{color:#3395BF;font-size:12pt;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">outline:0;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">text-decoration:none}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">.label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#F4A557}.credits,.credits a{font-size:12px!important;text-align:left;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">text-shadow:0 1px 0 #fff;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">color:#888}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">border:1px solid #ddd;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-webkit-border-radius:4px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-moz-border-radius:4px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">border-radius:4px;padding:6px 12px;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">margin:0;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">color:#888!important;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">text-shadow:0 1px 0 #fff;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">line-height:1.2;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">cursor:pointer;<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">font-size:11px</span>;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">font-weight:blod;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">text-decoration:none!important}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">#mdjumplink:hover{background:#f1f1f1;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">#mdjumplink a{color:#888!important;text-decoration:none;display:block;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">margin:2px}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">#mdjumplink a:hover{color:#888!important;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">text-decoration:none}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">#mdcomments{padding:6px 12px;background:#3395BF;color:#FFFFFF!important;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">font-size:11px</span>;font-weight:800}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">#mdcomments:hover{background:#F4A557;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">text-decoration:none}</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">/*]]>*/</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"></style></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"><script type='text/javascript'></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">//<![CDATA[</span><br /><span style="color: magenta; list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var numposts = 10;</span></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var showpostthumbnails = true;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var displaymore = true;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var displayseparator = true;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var showcommentnum = true;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var showpostdate = false;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var showpostsummary = false;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">var numchars = 80;</span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1">//]]></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"></script></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"><script type="text/javascript" src="http://makingdifferent.github.com/blogger-widgets/Recent-posts%5Bwww.makingdifferent.com%5D.js"></script></span><br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;" tabindex="-1"><script type="text/javascript" src="<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">http://mudwnp.blogspot.com</span>/feeds/posts/default/-/<span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الرئيسية</span>?orderby=updated&alt=json-in-script&callback=labelthumbs"></script></span></blockquote>
<div>
<br /><br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>اهم الاعدادات</b></h4>
</div>
<div>
<br />استبدل كلمة <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الرئيسية </span>باسم القسم التي تريد ظهور مواضيعه<br />استبدل رابط مدونة مدون محترف <span style="color: #0b5394; list-style: none; margin: 0px; outline: none; padding: 0px;">mudwnp.blogspot.com </span>برابط مدونتك<br />استبدل <span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">رقم 10 </span>بالعدد التي تريده و هو خاص بعدد المواضيع التي ستظهر<br />لتغيير حجم الصور قم بتغيير ما هو <span style="color: blue; list-style: none; margin: 0px; outline: none; padding: 0px;">باللون الازرق </span>بما يناسب مدونتك<br />لتغيير حجم الخط قم بالبحث عن <span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">font-size </span>و استبدل الرقم بجانبه<br /><span class="" id="result_box" lang="ar" style="list-style: none; margin: 0px; outline: none; padding: 0px;"><span class="hps" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span><span class="" style="list-style: none; margin: 0px; outline: none; padding: 0px;"></span></span><br /><div style="text-align: center;">
<span style="font-size: x-small; list-style: none; margin: 0px; outline: none; padding: 0px;">من يواجه مشكلة مع الاضافة اترك تعليق و سوف يتم حل المشكلة</span><b><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;"> </span></b></div>
</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-38240072132994942562014-12-08T18:11:00.001-08:002014-12-08T18:11:18.546-08:00كيفية إنشاء لوحة تحكم متقدمة في مدونات بلوجر<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
كيفية إنشاء لوحة تحكم متقدمة في مدونات بلوجر</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWTbvR2J0xP-fRQut-2U2Uy3sByeWGxbBAReh2yEsCGVvHzx7XDmqjpm0dnE6dBGefKpZG3u4DE_9ZDuPcZMPMBkcfvaciH690Ta04BA6C6UYeFgmvHapmo8IA5_4gk5RiDBCLUs2Ckbi/s1600/Untitled-1.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية إنشاء لوحة تحكم متقدمة في مدونات بلوجر ,كيفية إنشاء لوحة تحكم متقدمة Admin في مدونات بلوجر" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixWTbvR2J0xP-fRQut-2U2Uy3sByeWGxbBAReh2yEsCGVvHzx7XDmqjpm0dnE6dBGefKpZG3u4DE_9ZDuPcZMPMBkcfvaciH690Ta04BA6C6UYeFgmvHapmo8IA5_4gk5RiDBCLUs2Ckbi/s1600/Untitled-1.png" style="background-color: #f8f8f8; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="كيفية إنشاء لوحة تحكم متقدمة في مدونات بلوجر" /></a></div>
<br /><div style="text-align: center;">
حصرياً على مدون محترف شرح كامل لكيفية إنشاء لوحة تحكم متقدمة <b><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Admin </span></b>في مدونات بلوجر كثر هذا الطلب من اخوه افاضل ولم ارد ابداً ان أتأخر عليهم اكثر من ذلك و هذه الاضافة من اجمل الاضافات التي توفر الوقت و الجهد و هي لوحة تحكم الإدارة</div>
<div style="text-align: center;">
<a name='more'></a><br /></div>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>ما هي لوحة تحكم الإدارة في مدونات بلوجر</b></h4>
<br /><div style="text-align: center;">
هي لوحة تحكم متقدمة توفر لك عمل التغييرات في المدونة بسهولة و سرعة ,و سوف تظهر هذه اللوحة فقط للمشرفين على المدونة مثل مسؤول او كاتب ,ولا تظهر للزائر العادي مما يعني انها ستظهر لك فقط و يمكنك رؤية شكل لوحة التحكم من خلال الصورة في الاعلى تبين لك اين و كيف ستظهر و باستخدام اللوحة يمكنة الوصول بسرعة إلى وظائف التحرير مثل <span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">|</span> تحرير HTML و التعليقات و التخطيط و غيرها <span style="color: #b45f06; list-style: none; margin: 0px; outline: none; padding: 0px;">|</span></div>
<br /><br /><br /><h2 style="background-color: #0062c4; border: 3px dotted rgb(255, 255, 255); color: white; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 24px; list-style: none; margin: 20px 200px; outline: none; padding: 3px 10px 6px;">
<b>كيفية إنشاء لوحة تحكم Admin في مدونات بلوجر</b></h2>
<div style="text-align: center;">
ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;">]]></b:skin></qaz> و اضف الكود التالي فوقه</div>
</div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
/* Admin By Mudwnp.blogspot.com<br />----------------------------------------------- */<br />.admin-controll,.admin-controll * {<br /> margin: 0;<br /> padding: 0;<br /> list-style: none;<br /> list-style-type: none;<br /> line-height: 1.0;<br />}<br />.admin-controll ul {<br /> position: absolute;<br /> top: -999em;<br /> width: 100%;<br />}<br />.admin-controll ul li {<br /> width: 100%;<br /> background: 333333;<br />}<br />.admin-controll li:hover {<br /> visibility: inherit;<br />}<br />.admin-controll li {<br /> float: right;<br /> position: relative;<br />}<br />.admin-controll a {<br /> display: block;<br /> position: relative;<br />}<br />.admin-controll li:hover ul,.admin-controll li.sfHover ul {<br /> right: 0;<br /> top: 100%;<br /> z-index: 99;<br />}<br />.admin-controll li:hover li ul,.admin-controll li.sfHover li ul {<br /> top: -999em;<br />}<br />.admin-controll li li:hover ul,.admin-controll li li.sfHover ul {<br /> right: 100%;<br /> top: 0;<br />}<br />.admin-controll li li:hover li ul,.admin-controll li li.sfHover li ul {<br /> top: -999em;<br />}<br />.admin-controll li li li:hover ul,.admin-controll li li li.sfHover ul {<br /> right: 100%;<br /> top: 0;<br />}<br />.mbl-admin-bar {<br /> margin: 0px;<br /> direction: ltr;<br /> color: #ccc;<br /> font: 400 13px/32px "Open Sans",sans-serif;<br /> height: 32px;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> width: 100%;<br /> min-width: 600px;<br /> z-index: 99999;<br /> background: #222;<br /> float: right;<br />}<br />.mbl-admin-bar li a {<br /> display: block;<br /> color: #fff;<br /> padding: 7px 15px;<br /> font-weight: 400;<br /> text-decoration: none;<br /> font-size: 14px;<br />}<br />.mbl-admin-bar li li a {<br /> font-size: 15px;<br /> color: #fff;<br /> float: none;<br /> padding: 0px;<br /> width: 0;<br />}<br />ul.children {<br /> color: #fff;<br /> background: #333333;<br /> font-size: 18px;<br /> min-width: 230px;<br /> padding: 10px;<br /> float: left;<br /> margin-right: -163px;<br />}<br />.mbl-admin-bar li a:hover,.mbl-admin-bar li a:active,.mbl-admin-bar li a:focus,.mbl-admin-bar li:hover > a,.mbl-admin-bar li.current-cat > a,.mbl-admin-bar li.current_page_item > a,.mbl-admin-bar li.current-menu-item > a {<br /> color: #38b8f0;<br /> background: #333333;<br />}<br />.fa {<br /> font-size: 18px;<br /> color: #999;<br /> margin-left: 5px;<br />}<br />.fa.fa-user {<br /> font-size: 50px;<br /> float: right;<br /> padding: 50px;<br /> border: 1px solid #212121;<br /> background: #575757;<br />}<br />ul.children img {<br /> width: 80px;<br /> height: auto;<br /> float: right;<br /> margin-left: 10px;<br />}<br />ul.children a {<br /> margin-top: 10px;<br />}<br />li.mright {<br /> float: left;<br />}<br />li.mblogo a {<br /> padding: 3px 15px 3px 15px!important;<br />}<br />ul.child1 {<br /> min-width: 180px;<br /> color: #fff; background: #333333;<br />}<br />ul.child1 li a {<br /> padding: 10px;<br /> width: 100%;<br /> background: #333333;<br />}</blockquote>
</div>
<div style="text-align: center;">
الان ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat no-repeat; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;"><body></qaz> و اضف الكود التالي تحته</div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/><br /><link href='http://fonts.googleapis.com/css?family=Open Sans:400' rel='stylesheet' type='text/css'/><br /> <span class='item-control blog-admin'><br /><div class='span-24'><br /><div class='mbl-cpanel'><br /><ul class='admin-controll mbl-admin-bar'><br /> <li class='mblogo'><a href="http://goo.gl/JiD66C"><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZw5N3kDGaFcPBtkn9UkS2ocjPspSId9clqJJGs_UEtncZ87NKfpWpTTxUUzxvv9eE1v0lSQHzLfm8_w6QHCuUnFpzmJeVCnPmEt8W5SQi0QtjrReRsL6138Ikayo_VTLAvy8Ys3okTN4/s1600/v.pn'/></a></li><br /> <li class='blog-title'><a expr:href='data:blog.homepageUrl'><i class='fa fa-tachometer'/> <data:blog.title/></a></li><br /><li><a href='http://www.blogger.com/home'><i class='fa fa-puzzle-piece'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">لوحة التحكم</span></a></li><br /><br /> <li><a href="#"><i class="fa fa-pencil"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">المشاركات</span></a><br /><ul class='child1'><br /> <li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/src=sidebar&quot;'><i class='fa fa-pencil'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">مشاركة جديدة</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=page&quot;'><i class='fa fa-file'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">صفحة جديدة</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#posts&quot;'><i class='fa fa-th-list'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">جميع المشاركات</span></a></li><br /><li><a expr:href='&quot;https://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#editor/target=post;postID=&quot; + data:blog.postId + &quot;&quot;'><i class="fa fa-pencil-square"/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">تحرير مشاركة</span></a></li><br /> </ul><br /></li><br /> <li><a href="#"><i class="fa fa-cogs"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">تخصيص</span></a><br /><ul class='child1'><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pageelements&quot;'><i class='fa fa-wrench'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">التخطيط</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#templatehtml&quot;'><i class='fa fa-pencil-square-o'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">تحرير القالب</span></a></li><br /> </ul><br /></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#comments&quot;'><i class='fa fa-comment'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">التعليقات</span></a><br /><ul class='child1'><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#pendingcomments&quot;'><i class="fa fa-bullhorn"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">في انتظار الإشراف</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#spamcomments&quot;'><i class="fa fa-ban"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">التعليقات غير مرغوب فيها</span></a></li><br /> </ul><br /></li><br /><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class='fa fa-cog'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">إعدادات</span></a><br /><ul class='child1'><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#basicsettings&quot;'><i class="fa fa-heart-o"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">أساسي</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#postandcommentsettings&quot;'><i class="fa fa-comments"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">مشاركات و تعليقات</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#emailandmobilesettings&quot;'><i class="fa fa-mobile"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الجوال و البريد الإلكتروني</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#languageandformattingsettings&quot;'><i class="fa fa-calendar-o"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">اللغة و التنسيق</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#searchsettings&quot;'><i class="fa fa-search-plus"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">تفضيلات البحث</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#othersettings&quot;'><i class="fa fa-code"></i> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">اخرى</span></a></li><br /><li><a expr:href='&quot;http://www.blogger.com/blogger.g?blogID=&quot; + data:blog.blogId + &quot;#overviewstats&quot;'><i class='fa fa-signal'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الإحصائيات</span></a></li><br /> </ul><br /></li><br /><br /><li class='mright'><a href='#'><i class='fa fa-signal'/> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الإدارة </span></a><br /><ul class='children'><br /><li><img src='<span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">http://im88.gulfup.com/Ajvw5S.png</span>'/><br /><div class='mauthor'><br/><span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">مدون محترف</span></div><br /><a href='http://www.blogger.com/logout.g'> <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الخروج</span></a></li><br /></ul><br /></li><br /></ul><br /></div><br /></div><br /></span></blockquote>
<br /><h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px 0px 20px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
<b>اهم الملاحظات حول الكود</b></h3>
<br />استبدل اسم مدونتي التي باللون <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الاحمر </span>باسم مدونتك<br />لتغيير الصورة استبدل هذا الرابط <span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">http://im88.gulfup.com/Ajvw5S.png</span> برابط الصورة التي تريدها<br />يمكنك استبدال كلمة <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">الإدارة </span>بكلمة <span style="color: red; list-style: none; margin: 0px; outline: none; padding: 0px;">Admin </span><br /><br /><div style="text-align: center;">
و الأمر متروك لك إذا كنت ترغب في تخصيص لوحة الادارة وفقا لاحتياجاتك يمكن فعل هذا مع قليل من الخبرة في <span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">CSS </span>و <span style="color: #351c75; list-style: none; margin: 0px; outline: none; padding: 0px;">HTML </span>و بمجرد الإنتهاء من كل شيء قم بحفظ القالب</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<b>بالتوفيق</b></div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0tag:blogger.com,1999:blog-8119176165723392733.post-59233424486608207352014-12-08T17:45:00.001-08:002014-12-08T17:45:31.124-08:00حذف عبارة تدعمه بلوجر أو آداة الإسناد Attribution<div dir="rtl" style="text-align: right;" trbidi="on">
<div class="post-title " style="border-bottom-color: rgb(221, 221, 221); border-bottom-style: double; border-bottom-width: 4px; color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; margin-bottom: 20px; text-align: center;">
<h3 style="border-bottom-style: solid; border-bottom-width: 1px; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-size: 22px; font-weight: normal; line-height: 32px; list-style: none; margin: 0px; outline: none; padding: 5px 0px; text-shadow: rgb(187, 187, 187) 1px 1px 1px;">
حذف عبارة تدعمه بلوجر أو آداة الإسناد Attribution</h3>
</div>
<div class="post-header" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; text-align: start;">
</div>
<div class="post-body" style="color: #5e6066; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 18px; text-align: justify; text-shadow: rgb(255, 255, 255) 0px 1px 1px;">
<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hTWoTtD2Pa284lKQTiXufWqswB9F4oqkYpmLhzxGCN2xf63b2hS8pHvuqSUlO4ckUebGuokcWcCeSbgLrUlpNTOw_eIvZp_xrZ2Qf8_mSXRjiR_XJC3aVquCLYdubp-vXhofftrr3nO6/s1600/How+to+delete+backed+blogger.png" imageanchor="1" style="color: #0062c4; list-style: none; margin: 0px 1em; outline: none; padding: 0px; text-decoration: none;"><img alt="كيفية حذف عبارة تدعمه بلوجر أو آداة الإسناد بالطريقة الصحيحة" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4hTWoTtD2Pa284lKQTiXufWqswB9F4oqkYpmLhzxGCN2xf63b2hS8pHvuqSUlO4ckUebGuokcWcCeSbgLrUlpNTOw_eIvZp_xrZ2Qf8_mSXRjiR_XJC3aVquCLYdubp-vXhofftrr3nO6/s1600/How+to+delete+backed+blogger.png" style="background-color: #f8f8f8; border-radius: 10px; border: 1px solid rgb(187, 187, 187); box-shadow: rgb(193, 193, 193) 0px 1px 3px; height: auto; list-style: none; margin: 0px 0px 5px; max-width: 100%; outline: none; padding: 6px;" title="حذف عبارة تدعمه بلوجر أو آداة الإسناد Attribution" /></a></div>
<br /><div style="text-align: center;">
معظم القوالب الجديدة المتوفرة لم تعد تشمل الإسناد " <span style="color: #31636e; list-style: none; margin: 0px; outline: none; padding: 0px;">تدعمه بلوجر </span>" و إذا كنت لا تزال تستخدم قوالب بلوجر الافتراضية سيتم تثبيت اضافة الإسناد تلقائيا في المدونة و لا يمكن إزالتها يدويا.و لكن هناك مدونين لا يزالو يرغبون في استخدام قوالب بلوجر الافتراضية ولكنهم يريدون إزالة الإسناد " تدعمه بلوجر " من القالب لذلك درسنا اليوم سوف يكون عن <span style="color: #31636e; list-style: none; margin: 0px; outline: none; padding: 0px;">كيفية حذف عبارة تدعمه بلوجر او اداة الإسناد Attribution</span></div>
<div style="text-align: center;">
<span style="color: #31636e; list-style: none; margin: 0px; outline: none; padding: 0px;"><a name='more'></a><br /></span></div>
<br /><h4 style="background-attachment: scroll; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicDWa1hfS20PhU2C4Bdb0zQkqlhnd9ydCwpLWanLVoujA11gm-q5V389iaLBioCCFHfN2r3pygeZA87MjFj6QU-YdeweTeWD_Jfo_1OHfBBG4dKIJzXLEIJpb7zY6_DaG02kbgnTw_zdkM/s16/sah-icon.png); background-position: 100% 50%; background-repeat: no-repeat; font-family: 'Droid Arabic Kufi', Arial, sans-serif; font-weight: normal; list-style: none; margin: 15px 0px; outline: none; padding: 0px 20px 0px 0px;">
<b>طريقة إزالتها</b></h4>
<br />توجه إلى بلوجر <span style="color: #31636e; list-style: none; margin: 0px; outline: none; padding: 0px;">>></span> قالب <span style="color: #31636e; list-style: none; margin: 0px; outline: none; padding: 0px;">></span> تحرير HTML<br /><br /><div style="text-align: center;">
ابحث عن الوسم <qaz style="background-attachment: scroll; background-color: black; background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGkUjTojzXZUkOrQXUOc0hv4KYgGI2p7mrz3cyWUNkOw4T4zCoviGsqq0wEJk0-sjSomXKS-B9yoYGqBLBKijsMy0FlIYFQgWDJTEn-sCx2NBSzmOdQXb1KtTdh63XTSnfMu5IPsLwJG05/s172/16x16.png); background-position: 99% -153px; background-repeat: no-repeat; border-radius: 5px; border: 2px solid rgb(255, 255, 255); box-shadow: rgb(0, 0, 0) 0px 2px 1px 2px; color: #ffd600; direction: ltr; display: inline-block; font-family: arial; font-size: 13px; font-weight: bold; line-height: normal; margin: 10px; padding: 3px 23px 3px 8px;">]]></b:skin></qaz> و اضف الكود التالي فوقه</div>
</div>
<blockquote class="tr_bq" style="background-color: #efefef; border: 2px dotted rgb(0, 0, 0); box-shadow: rgb(0, 0, 0) 1px 1px 0px, rgb(255, 255, 255) 3px 3px 0px, rgb(0, 0, 0) 4px 4px 0px, rgb(255, 255, 255) 6px 6px 0px, rgb(0, 0, 0) 7px 7px 0px, rgb(255, 255, 255) 9px 9px 0px, rgb(0, 0, 0) 10px 10px 0px; color: #404141; direction: ltr; font-family: Arial; line-height: normal; margin: 15px auto; max-height: 400px; overflow: auto; padding: 15px; text-align: left !important; width: 650px;">
#Attribution1 {<br /> height:0px;<br />visibility:hidden;<br />display:none;<br />}</blockquote>
<br /><br /><div style="text-align: center;">
بعد اضافة هذا الكود قم بحفظ القالب و سوف يتم اخفاء الاضافة من القالب اتمنى ان اكون وفقت في شرحي</div>
<div style="text-align: center;">
<div style="text-align: right;">
<br />يمكنك ايضا مشاهدة : <a href="http://mudwnp.blogspot.com/2014/10/delete-quick-edit-tools.html" style="color: #0062c4; list-style: none; margin: 0px; outline: none; padding: 0px; text-decoration: none;" target="_blank">حذف ايقونات التحرير السريع بالطريقة الصحيحة</a></div>
</div>
<div style="text-align: center;">
بالتوفيق</div>
</div>
</div>
</div>
Anonymousnoreply@blogger.com0