admin
11-01-2013, بتوقيت غرينيتش 08:19 AM
السلام عليكم ورحمة الله وبركاتة , اضافة اليوم تحتوي بداخلها على اربعة اضافات معا في آن واحد ..
http://upload.dzbatna.net/upfiles/g9L24869.png
الاضافه الاولى هي ايكونات مواقع النشر الاجتماعيه وال rss يتم عرضهم بطريقه جميله جدا وانيقه والاضافه الثانيه محرك بحث للمدونه اما الاضافه الثالثه فهي قائمه منسدله تقوم بعرض اقسام وتسميات المدونه واخيرا الاضافه الرابعه هي القائمه البريديه وبها تتيح لزوار مدونتك الاشتراك لمتابعة جديد ما يتم نشره في المدونه .. لرؤية مثال حى على تلك الاضافه قم بزيارة الرابط التالي من هنا (http://tqarob2.blogspot.nl/)ولتطبيق الاضافه عليك اولا بالذهاب الى لوحة تحكم بلوجر ثم الذهاب الي القالب template وبعدها تحرير HTML ثم ابحث عن رمز Code:
]]></b:skin>
وضع قبلها او فوقها مباشرة الكود code الموجود في الاسفل :
رمز Code:
#searchbar{background:url(http://1.bp.blogspot.com/-Tj311tOuSXw/T40fSwQhb2I/AAAAAAAAAl0/UynjCcmZ9CE/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;pad ding:7px 0 0 10px} #searchbarmiddle{width:280px;float:left;margin:0;p adding:4px 0 0} #searchbarright{width:190px;float:left;margin:0;pa dding:8px 0 0} #searchbarright1{width:190px;float:left;margin:0;p adding:2px 0 0} #searchbarform{display:inline;overflow:hidden;marg in: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(http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AAAAAAAAAok/oVXZ6X2RKsg/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(http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;posi tion: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}
قم بحفظ القالب template وتوجه الي التخطيط حيث توجد عناصر وادوات المدونه ثم قم بانشاء اداة جديده من نوع جافا سكربت وضع فيها الكود code التالي ولكن يجب ان تكون الاداه تحت منطقة الهيدر header مباشره او فوق او تحت القائمه الافقيه بمدونتك ان اردت الاحتفاظ بها
رمز Code:
<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.defaultV alue;' onfocus='if(this.value==this.defaultValue)this.val ue='';' 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='http://1.bp.blogspot.com/-s0m9sepW0gc/T5ltQy2L89I/AAAAAAAAAt8/SIa8-qL5dVc/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>
قم بحفظ التغييرات على القالب template . بالتوفيق للجميع .
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
http://upload.dzbatna.net/upfiles/g9L24869.png
الاضافه الاولى هي ايكونات مواقع النشر الاجتماعيه وال rss يتم عرضهم بطريقه جميله جدا وانيقه والاضافه الثانيه محرك بحث للمدونه اما الاضافه الثالثه فهي قائمه منسدله تقوم بعرض اقسام وتسميات المدونه واخيرا الاضافه الرابعه هي القائمه البريديه وبها تتيح لزوار مدونتك الاشتراك لمتابعة جديد ما يتم نشره في المدونه .. لرؤية مثال حى على تلك الاضافه قم بزيارة الرابط التالي من هنا (http://tqarob2.blogspot.nl/)ولتطبيق الاضافه عليك اولا بالذهاب الى لوحة تحكم بلوجر ثم الذهاب الي القالب template وبعدها تحرير HTML ثم ابحث عن رمز Code:
]]></b:skin>
وضع قبلها او فوقها مباشرة الكود code الموجود في الاسفل :
رمز Code:
#searchbar{background:url(http://1.bp.blogspot.com/-Tj311tOuSXw/T40fSwQhb2I/AAAAAAAAAl0/UynjCcmZ9CE/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;pad ding:7px 0 0 10px} #searchbarmiddle{width:280px;float:left;margin:0;p adding:4px 0 0} #searchbarright{width:190px;float:left;margin:0;pa dding:8px 0 0} #searchbarright1{width:190px;float:left;margin:0;p adding:2px 0 0} #searchbarform{display:inline;overflow:hidden;marg in: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(http://3.bp.blogspot.com/-3nqMfDFqsUQ/T4_x8t_XbaI/AAAAAAAAAok/oVXZ6X2RKsg/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(http://1.bp.blogspot.com/-Tg7BikflCm8/T4_x9T1aflI/AAAAAAAAAoo/jV53zVYzVDY/s1600/social+letter.png);background-position:0 0;background:repeat:no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden;width:24px;height:24px;posi tion: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}
قم بحفظ القالب template وتوجه الي التخطيط حيث توجد عناصر وادوات المدونه ثم قم بانشاء اداة جديده من نوع جافا سكربت وضع فيها الكود code التالي ولكن يجب ان تكون الاداه تحت منطقة الهيدر header مباشره او فوق او تحت القائمه الافقيه بمدونتك ان اردت الاحتفاظ بها
رمز Code:
<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.defaultV alue;' onfocus='if(this.value==this.defaultValue)this.val ue='';' 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='http://1.bp.blogspot.com/-s0m9sepW0gc/T5ltQy2L89I/AAAAAAAAAt8/SIa8-qL5dVc/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>
قم بحفظ التغييرات على القالب template . بالتوفيق للجميع .
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
