طريقة إضافة مربع بحث و أزرار مواقع التواصل لمدونة بلوجر

مرحبا بكل متابعي وزوار مدونة  PH3ahmed

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

طريقة الاضافة:

إذهب الى لوحة التحكم في مدونتك > تخطيط > إضافة أدات
ثم أختر من بين الأدوات أداة  HTML/JavaScript ثم أضف الكود التالي حيث تشاء 

يفضل إضافته في رأس فوق الادوات في مدونتك 

<style>#btrixwidget{width:307px;padding:0 0 5px 0;border:1px solid black;}#btrix-searchbox {    border-radius: 5px;    background: URL(https://lh5.googleusercontent.com/-PE-X1g-h_KU/UjGsQGjCTXI/AAAAAAAAFuM/5wfNNOPce58/w288-h55-no/blue.png) no-repeat scroll center center transparent;    width: 307px;height: 50px;disaply: block;}form#btrix-searchform {    display: block;padding: 9px 16px; margin: 0;} form#btrix-searchform #s {    padding-left: 24px !important;padding: 7.5px;margin: 0;width: 198px;    font-size: 16px;font-family: georgia;font-style: italic;color: #666666;vertical-align: top; border: none;background: transparent;} form#btrix-searchform#sbutton {margin: 0;padding: 0;height: 40px;width: 74px;vertical-align: top;    border: none;background: transparent;}</style>
<br /><div id="btrixwidget"><center><a href="http://twitter.com/ph3ahmed target="_blank" wrc_done="true"><img alt="" class="alignnone size-full wp-image-6249" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3po1vQF8G7oF-MRHWWoUXevdAlPSfv5FpfC_vDmkyzkEFJ3P-4IHoWqrP4uQXHfTKWn2qXbzRbUV_YHicXoMbx4O3G8KLvd9qB0eUTyrwS6sVb3sHUkKAYjmuj58ZLGbP0ySMGxRa6yyU/h120/06-11-34+03-17-49+%D9%85.bmp" height="78" title="twitter" width="62" /></a>
<a href="https://www.facebook.com/ph3ahmed" target="_blank" wrc_done="true"><img alt="" class="alignnone size-full wp-image-6248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIYi3_BR5nIrAufSu3uhgapgUHvRQkQy2oPzDaWGEKlVC_crT1kw7vi8LBuVv87zw65lndcV3Ej0ZGlDotoYnSMaHetTP2j5ywOVWkvC3YpD9Qnu445yeAz1n-6gU6x7FOGkQPwmD9NmN1/h120/06-11-34+03-22-01+%D9%85.bmp" height="78" title="facebook" width="62" /></a>
<a href="http://feeds.feedburner.com/blogspot/ph3ahmed" target="_blank" wrc_done="true"><img alt="" class="alignnone size-full wp-image-6251" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEih8AIJZMh_2_HCkj-5dVjYmBELY3ZfCla42vn0bxHijwBjJA1pPvKzvUzihhiF5fMpaIlDCjc9vaTUGrHrdYwFMvzcAhtSlpC3IxH_jwC_7f5ZYTUpaZsQb9uVqUNRhWk6Rp5nRm2f-zc/s1600/btrix-rss.png" height="78" title="rss" width="62" /></a>
<a href="https://plus.google.com/u/0/111748598580235575485" target="_blank" wrc_done="true"><img alt="" class="alignnone size-full wp-image-6250" height="78" src="https://lh3.googleusercontent.com/-F8tBeLQAQV0/UjGuVqimMyI/AAAAAAAAFuo/QuT5x_WMXlY/w62-h77-p/06-11-34+03-03-55+%D9%85.bmp" title="جوجل بلس" width="62" /></a>
<div id="btrix-searchbox"><form action="/search" id="btrix-searchform" method="get"><input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;أدخل كلمة...&quot;;}" onfocus="if (this.value == &quot;أدخل كلمة...&quot;) {this.value = &quot;&quot;}" type="text" value="أدخل كلمة..." />        <input id="sbutton" src="http://img1.blogblog.com/img/blank.gif" type="image" />    </form></div></center></div></div>

الأن ماعليك سوى تبديل الروابط المشار إليها باللون الاحمر بروابط صفحاتك كل من فيس بوك وتويتر وجوجل بلس و فيدبورز

واختر الحفظ ومبروك عليك

هل أعجبك الموضوع ؟

Share

Tweet