إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات بلوجر. إظهار كافة الرسائل
شرح إضافة زر البحث في مدونات بلوجر
إضافات بلوجر أكواد بلوجر بلوجر هاكات بلوجر blogger blogger hacks blogger tips hacks tipsشرح إضافة زر البحث في مدونات بلوجر, إضافة رائعة تمكن زائرك من البحث عن ما تحتويه مدونتك . وهذه الإضافة متوفرة أصلا في مدونات بلوجر كإضافة أساسية من لوحة التحكم , ولكن سبب وضع هذه التدوينة هو ليس الإضافة ولكن شكل محرك
البحث الخاص بمدونتك , فكفانا أشكال تقليدية , أجمل ما يكون هو التغيير دائما , وسأعرض عليك الآن بفضل الله مجموعة مميزة من أشكال محركات البحث, فهيا بنا ندخل الى الموضوع
الاستايل العادي:
Code:
<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="بحــث" type="submit"/></form>
استايل متغير :
Code:
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #f7f7f7; border: 2px solid black"/><input id="search-btn" value="بحـــث" type="submit" style="background: black; border: 2px outset #414446; color: #ffffff; font-weight: bold;"/></form>
f7f7f7 : لون كلمة " بحــث "
414446 : لون الإطار المحيط بكلمة " بحث "
ffffff : لون خلفية محرك البحث وهو اللون الأبيض
محرك بحث مختلف :
Code:
<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="ضع كلمات بحثك هنا"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>
أختر ما تشاء منها .. ولتركيب الإضافة
1. ادخل الى لوحة تحكم المدونة .. ثم الى التصميم ثم الى إضافة آداة " HTML Java Script "
2. انسخ الكود الذي اخترته ليكون محرك بحث خاص بك ثم الصقه .
3. احفظ القالب .
تم بحمد الله , أخوكم : باسم .
الاشتراك في:
الرسائل (Atom)