اضافة جميلة لمدونات بلوجر داخل التدوينة




السلام عليكم ورحمة الله تعالى وبركاته اعضاء وزوار مدونة ابداع بلوجر تكلمنا في الدرس السابق عن كيفية اضافة ازرار المواقع الاجتماعية باحتراف اليوم درسنا عن كيفية اضافة اذاة جميلة اخر التدوينة في بلوجر لمعاينة الصفحة اذهب الى اسفل الموضوع لتراها وهذه صورة للاضافة


الان نأتي لطريقة التركيب 

اولا وقبل كل شيئ خذ نسخة احتياطية للقالب !! 
والان اذهب الى قالب تحرير HTML وضع على علانة توسيع عناصر واجهة المستخدم وابحث عن هذا الكود 


 <data:post.body/>

ستجد اكثر من واحدة ضع هذا الكود اسفل الكود السابق 

<style> #mbt-sub-box{background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#1a2638));;border:1px solid #1A2638;border-radius:10px; margin-bottom:10px;padding:10px;text-align:center;background: -moz-linear-gradient(top, #333, #1a2638)} #mbt-sub-box h1{margin-top:5px; color:#FFF;font-family:georgia;font-size:25px;margin-bottom:5px;padding:0;text-shadow:0 2px 3px #000;line-height:35px} #mbt-sub-box input{background: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent;border:medium none;border-radius:10px 10px 10px 10px;font-size:14px;padding:10px;text-shadow:1px 1px 0 #FFF;width:280px; color:#666; font-family:georgia; margin-bottom:5px;} #mbt-sub-box .submit{background: -webkit-gradient(linear, left top, left bottom, from(#369a18), to(#205f0d));background: -moz-linear-gradient(center top , #369A18, #205F0D) repeat scroll 0 0 transparent;color:#FFF;cursor:pointer;font-weight:bold;margin-left:20px;text-shadow:0 1px 2px #000;width:120px; font-family:georgia; margin-left:5px;} #mbt-sub-box .submit:hover{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} #mbt-sub-box .submit:active{background: -moz-linear-gradient(center top , #46B725, #205F0D) repeat scroll 0 0 transparent} </style> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='mbt-sub-box'><h1>أدخل بريدك الإلكتروني ليصلك كل جديد</h1><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;http://feeds.feedburner.com/ibda3-blogger/njQV&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' rel="nofollow" target='popupwindow'><center> <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter Your Email Address...&quot;;}' onfocus='if (this.value == &quot;Enter Your Email Address...&quot;) {this.value = &quot;&quot;}' size='30' type='text' value='Enter Your Email Address...'/> <input name='uri' type='hidden' value='tntbystc'/> <input name='loc' type='hidden' value='en_US'/> <input class='submit' type='submit' value='Subscribe'/></center></form></div> </b:if>

مع تغيير هذا الكود الى الكود الخاص بك 

http://feeds.feedburner.com/ ibda3-blogger/njQV

الى هنا انتهى الدرس الى اللقاء في درس اخر


0 التعليقات :

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).