المدونات

الخميس، 6 ديسمبر 2012

أضافة مربع البحث لمدونـات البلوجر وبعدة ألوان

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


طريقة تركيب الاضافة

أ. الدخول إلى لوحة التحكم --> علامة التبويب تصميم -- عناصر صفحة>.
ب. انقر على إضافة أداة
ج. اختر HTML / JavaScript من القائمة.
د. وضع فيها الـكود الذي أخترتـه

_________________________________

لون الاول






الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZz2tPacaiu2H7q2BwpbvMpC6Sa2XDDAZooWSIhJ3S6jxmcET9uO3aAwnPfcm76dEO2DgdRC-IL1OeU5s6hOt2XL8Vhfumj4szcBL3or3rAHY3b2n1WDAooEiFLf2-2ABiS6K9VtlwfLx_/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>


لون الثاني


الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0x5HTH_pdXk-OzevXrsx_BYoEao6H9tw6Gl8lSxK07JGPV1DVXsZR1_d99UdWQXKz4bANyMWUXk8DvI6z4a9deMXXW-xuFUDiyywDD4YBmflHaN4r_-iYOY3N_yEwlOOy9VK0wleIju97/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>


اللون الثالث



الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0x5HTH_pdXk-OzevXrsx_BYoEao6H9tw6Gl8lSxK07JGPV1DVXsZR1_d99UdWQXKz4bANyMWUXk8DvI6z4a9deMXXW-xuFUDiyywDD4YBmflHaN4r_-iYOY3N_yEwlOOy9VK0wleIju97/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون الرابع



الكود


<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4dDY1oF_GOE3UhV8KK61P23TDYeotRymKTTsO_dMqocYwHwnqf4njKLHsRq-c6D9t5ySPYurZb-iuXHGijFHJPbDQXE9ZBQw4TPxxwgov0qQoQN-cbYkNOG_ThX42TIgs60dNoSxyIlKk/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

اللون الخامس
 
الكود




<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeMkW8roxBsCooanE_rWMu5fj23DgFWyAnPfk54WS6LLJIiKYxG1RBwuee5LklYezkNuTkuHwlXDA9RiMTaJaJiFdNXqTlvGq0vtGLtubMdmBaRcUZE14Np5cZZtDoSLFPZHtmxR4eEeNG/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>


اللون السادس




الكود

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX_iBcbK_fhXwzA5Mh1rUyDg0nsRntWpf-XXAE__i0xriVPl-3MiV0WKYN2nT2qyNvC1VQ0MuXmTYtoRv7NRVMb5eHy3IPVDeCibcamrtBZcQCrOHa4GM9jVCeR6MCMWqoPKQz0asWLK_6/) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>




أتمنى أن تنال أعجبكم

إضافة أيقونات ثلاثية الأبعاد لمواقع التواصل الإجتماعى إلى مدونتك على بلوجر مع تأثير الدوران عند المرور عليها

جميعنا نعرف مواقع التواصل الإجتماعى وأهميتها فى نشر تدويناتنا ومشاركتها مع جميع متصفحى الإنترنت والأصدقاء .

وأيقونات مواقع التواصل الإجتماعى كثيره جدا ومنتشره جدا على الكثير من المواقع والمدونات , ولكنى اليوم جئت لكم بأحدث شكل من أشكال هذه الأيقونات وهو شكل ثلاثى الأبعاد , بالإضافه إلى وجود تأثير عليها يجعلها تدور حول محورها عند المرور عليها بمؤشر الماوس
.

طريقة إضافتها لمدونتك على بلوجر

قم بالذهاب إلى تخطيط مدونتك وأضف أداه HTML/JAVASCRIPT وضع فيها الكود التالى :
<style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social"> <!--Start Rss Icon--> <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVhibvbTSxWdznIVgwn9gGlST04KOCN89bUabAC9K5RhpyzK-NwByw_YOBVNe92nGPdgO6zIxRX9Wd0W6nF3m7g0KsBvghS9PNhJQm3eJJD2oQrAeTem8qK9rNS3ed0FS0FApF-wJcWzgo/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--Start Email Rss Icon--> <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheM1ACdMMogm716tOnK9Kk8t1kv1G1j8e3amcFU3SD6pcS0tFHZ-uqAoN7d71JA1_IJ8DBhdIesD59kXmZh26vh4JkQIxLjVmI2N9zgDxtjR_PPNNDflSxh_CTKiOwEPxiyKC43nbM_lkQ/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Email Rss Icon--> <!--Start Facebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU2CRDgX6ElTtLBpcIkbWPVt942C0HebDQVCei7P0q53SF_9aBv6TPW3W8Vp1R8Lhs0pEz2rFE3xGuk9We8p1kvTi8_SB3QBc3x-qrg6q2DBPkLQeII2j_Zgd7BSDQ3qO6-FVmiejKkX1D/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon--> <!--Start Twitter Icon--> <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1x_kS_6BciY3qjc-bNGG4PYZZ_zusvDCBu_wbBpbPVYm0OTxfO9WEYpp0gyAmJNn8N-oHHE6tuewg9EloMt1MCtnBuP3Qry7f7bYseU7htwC_MXGQ8Ef8xBSxiWN30BovbU5dYBWroPvZ/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--> <!--Start Google+ Icon--> <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Evv840dLRFA4IO-VS0jcTUdmwyYbo_afi-2RdFlVxzB8sj0WmofIdRWoxCBVVicl4QwwclYIXyYIzbDuQwhp8z2vmE8X6ZYGYfF22umyLiNNOHAbIxtgP9hWgN4RMewK5-6kksAGcgFH/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> <!--Start Pinterest Icon--> <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8k_Rl4wPqracCW3jYIPGzbIQD8kMkdHqRZ1GrMMSBpDndOZ_kjSmFqikBzYn1ovjj0so3GpC6kYMxcfECkk8GLlHctHUi9TAuM38R0Yb3G4OQwM1r2hGHHMNh9I2uUy_5Xlq3dE5uczKz/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a> <!--End Pinterest Icon--> </div><br/> <!--Start Feed Count Button--> <a href="YOUR-FEEDBURNER-URL-HERE" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/spiceupyourblog?bg=ff9933&fg=000000&anim=1" style="border:0" /></a><!--End Feed Count Button--> </center>
قم بتغيير الكلمات ذات اللون الأصفر بروابط حساباتك على مواقع التواصل الإجتماعى, ثم قم بالحفظ وإستمتع بها .

ضف موقعك الى اشهر الادلة واحصل على باك لينك 2013




بسم الله الرحمن الرحيم

اقدم لكم مجموعة ادلة جاهزة لاضافة مواقعكم فيها

ذات بيج رانك عالي وأرشفة قوية تفضلو:

البيج رانك 


البيج رانك 7 



البيج رانك 8


البيج رانك 5


البيج رانك 4


البيج رانك 9


البيج رانك 4

شكرااا لكم لحسن المتابعة وارجو الإفادة بمواقع أخرى لم تذكر هنا واي إستفسار أنا حاظر

شرح تغير إيميل بلوجر


تغير حساب بلوجر
هذا الدرس من أهم دروس بلوجر
وهو طريقة تحويل حساب بلوجر الى حساب أخر
أو تبديل إيميل صاحب المدونة
.................
تابع معى الطريقة



سجل دخولك
"لوحة التحكم الرئيسية"
أختر التبويب
"إعدادات"
ثم التبويب
" السماحات"

ثم أضغط على أضافة مؤلفين
 
ثم أضف البريد الألكترونية الذى تود الأنتقال إليه 
واضغط " دعوة"


بعد ذلك قم بفتح الايميل المراد التبديل عليه وأقبل الدعوه 
.. لتكن مؤلف فى المدونة

سجل الدخول مره أخرى الى بلوجر 
ومن " اعدادات - السماحات "
أضغط على 
"منح امتيازات الإدارة "



بعد ذلك سجل الدخول الى المدونة بالحساب الجديد
ومن " اعدادات - السماحات "
قم بحذف الإيميل القديم



وبهذا يكون قد تم نقل حساب المدونة الى حساب أخر


تحذير
لا تقم بحذف حساب جوجل القديم"gmail"
لان صور المواضيع السابقة على التبديل تكون على الحساب القديم


وفى النهاية أتمنى لكم التوفيق وأى أستفسار يرجى كتابته

شروط قبول أدسنس لمدونتك (باللغة العربية) على بلوجر:


شروط المدونة:

1 – أن تكون مدونتك فيها ليس أقل من 100 موضوع ويكون الموضوع عبارة عن سبع أسطر مثلا.
2 – أن تكون المدونة مر عليها ثلاثة أشهر.
3 – أن تكون المواضيع حصرية وليست منقولة من مواقع أخرى ولا يشترط أن تكون جميعها حصرية.
4 – أن تكون المواضيع عبارة عن كلام أو الكثر فيها يكون كلاما ليس صور أو فيديوهات فقط.
5 – أن يكون الموقع خفيف التصفح ولا يكون من المواقع الثقيلة عند فتحها.

عند تقديم طلبك فى أدسنس:

1 – أن تكتب اسمك بالكامل (الذى يكون فى البطاقة) والعنوان وأن تكون أوائل هذه الحروف كبيرة (Capital) وإن كان غير ذلك فلن يقبلك أدسنس.
2 – أن يكون سنك ليس أقل من 18 سنة.
وبذلك نكون قد انتهينا من هذا الموضوع وإن شاء الله إذا طبقت هذه الشروط يتم الموفقة على طلبك فى أدسنس.
وأرجوا أن يكون الموضوع نال على إعجابكم.
أنا فى إنتظار من ستواجهه مشكلة أو عنده أى سؤال فى التعليقات.
لا يسمح بنقل الموضوع بدون ذكر المصدر.

المصدر : مدونة لقمان عصام

Twitter Delicious Facebook Digg Stumbleupon Favorites More