السلام عليكم ورحمة الله وبركاته. اليوم مع تدوينه خفيفه ومفيده جدا بنفس الوقت وكنت قد انتويت كتابتها على اعتبار انها قد تكون اخر تدوينه اقوم بكتابتها والتي تليها ربما سيكون اعلان عن عرض المدونه للبيع . اضافة اليوم تحتوي بداخلها على اربعة اضافات معا في آن واحد ..
الاضافه الاولى هي ايكونات مواقع النشر الاجتماعيه وال rss يتم عرضهم بطريقه جميله جدا وانيقه والاضافه الثانيه محرك بحث للمدونه اما الاضافه الثالثه فهي قائمه منسدله تقوم بعرض اقسام وتسميات المدونه واخيرا الاضافه الرابعه هي القائمه البريديه وبها تتيح لزوار مدونتك الاشتراك لمتابعة جديد ما يتم نشره في المدونه .. لرؤية مثال حى على تلك الاضافه قم بزيارة الرابط التالي من هناولتطبيق الاضافه عليك اولا بالذهاب الى لوحة تحكم بلوجر ثم الذهاب الي القالب وبعدها تحرير HTML ثم ابحث عن ]]></b:skin> وضع قبلها او فوقها مباشرة الكود الموجود في الاسفل :
#searchbar{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6COrdQtMWruk2EI_xP2HmjEV-x-u7mPrAm4xQiFX7eBvuVoktQ4lfpK4Rl1EgIr4_eOzbQsnCOkMntuGdpH6tjRKGdSc_u6UjOwGLwWAC2L3G15LD4bTMv77bGCdac95GZmyyDClqA3s/s1600/searchbar.png) repeat-x bottom;width:960px;height:40px;font-size:12px;font-family:tahoma, arial, Verdana;color:#616161;font-weight:500;margin-bottom:0px;padding:0}قم بحفظ القالب وتوجه الي التخطيط حيث توجد عناصر وادوات المدونه ثم قم بانشاء اداة جديده من نوع جافا سكربت وضع فيها الكود التالي ولكن يجب ان تكون الاداه تحت منطقة الهيدر مباشره او فوق او تحت القائمه الافقيه بمدونتك ان اردت الاحتفاظ بها
#searchbarleft{width:290px;float:left;margin:0;padding:7px 0 0 10px}
#searchbarmiddle{width:280px;float:left;margin:0;padding:4px 0 0}
#searchbarright{width:190px;float:left;margin:0;padding:8px 0 0}
#searchbarright1{width:190px;float:left;margin:0;padding:2px 0 0}
#searchbarform{display:inline;overflow:hidden;margin:10px 0 0}
#searchbarformheader{margin:0}
#cat{background:#fff;width:220px;color:#222;font-family:tahoma, arial, Verdana;display:inline;margin:3px;padding:3px 2px 2px}
#subscribe{overflow:hidden;margin:0;padding:0 0 5px}
#subbox{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2Lk8fjd_VE5n8sLR0XVoAgOsteNFtVIMKf8PaLFCZ_aA3B60tuOXVxcd-dOGFtCh9zOMOC22SQtLjGYLiXn2-bazNlSEir2KryA3juskrusgWvHY9IHMzzry1d3cVZdKtFMfKqMbJkw/s1600/email.png) no-repeat scroll 4px center;font:normal 12px tahoma;color:#666;text-decoration:none;border:1px solid #aaa;height:14px;width:170px;margin:0;padding:5px 0 4px 34px}
#subbutton{background:#999;color:#FFF;font:12px tahoma;font-weight:700;text-decoration:none;border:1px solid #666;margin-left:5px;padding:3px 5px}
ul.isocial{list-style:none;margin:0;padding:5px 20px 0 0}
ul.isocial li{float:right;margin:0 5px;padding:0}
ul.isocial li a{float:right;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisJhK564otAW1CABVfJpOrpXlRnBVZtwY5mFAvlxwcvhi31rdqn1wle7WQowa1mxDEM3SwkGAQmWlAF2QmAdnXTD7_V1Bxk8lZuxsoi-dYEw31Kzw0yWWm2bMw7SHRDLONgkSk-6pSues/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;position:relative}
ul.isocial li a.rss{background-position:0 0}
ul.isocial li a.rss:hover{background-position:0 -25px}
ul.isocial li a.facebook{background-position:-25px 0}
ul.isocial li a.facebook:hover{background-position:-25px -25px}
ul.isocial li a.twitter{background-position:-50px 0}
ul.isocial li a.twitter:hover{background-position:-50px -25px}
ul.isocial li a.google{background-position:-75px 0}
ul.isocial li a.google:hover{background-position:-75px -25px}
ul.isocial li a.youtube{background-position:-100px 0}
ul.isocial li a.youtube:hover{background-position:-100px -25px}
<div id='searchbar'>قم بحفظ التغييرات على القالب
<div id='searchbarleft'>
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/htbgh', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Enter your email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' type='text' value='اكتب بريدك هنا...'/><input name='uri' type='hidden' value='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
</div>
<div id='searchbarmiddle'>
<b:section id='labelsmenu' maxwidgets='1'>
<b:widget id='Label1' locked='true' title='Kategori' type='Label'/>
</b:section>
</div>
<div id='searchbarright'>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://johny-storage.blogspot.com'/>
<input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width:120px;border:none;padding:3px 7px; font:12px Arial;color:#666; background:#fff;border:1px solid #ccc;' type='text' value='بحث سريع ...'/><input align='top' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1nvKpS5lOlxSW1gOuy4ZWPDeiMq-7ousCZQRmmdV9RLPOlMaI9Dj8aCrysOXHytqOKt_hwi7jbZIBa9Tfjo4YQCNprYNmAdJ0_cAhG612-flbHNx6YhdUR4ee9mp6OtpAyaDIsBUB9O8/s1600/search.jpg' style='padding:0px 3px;' type='image' value='Search'/>
</form>
</div>
<div id='searchbarright1'>
<ul class='isocial'>
<li><a class='rss' href='#' target='_blank' title='Subscribe via RSS'/></li>
<li><a class='facebook' href='#' target='_blank' title='Become a Fan'/></li>
<li><a class='twitter' href='#' target='_blank' title='Follow Us'/></li>
<li><a class='google' href='#' target='_blank' title='Google Plus Profile'/></li>
<li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li>
</ul>
</div>
</div>
ليست هناك تعليقات:
إرسال تعليق