إضافه صندوق الإشتراك فى خلاصات المدونه عبر البريد الإلكترونى +أزرار تابعنا عبر مواقع التواصل الإجتماعى بشكل جذاب وأكثر من لون ~ مدونة بِنْكُو

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

السلآم عليكم ورحمه الله وبركآته

أولا أحب أعتذر لكل متآبعين وزوار المدونه لتأخرى فى وضع جديد الأدوات

بسبب إنشغالى ببعض الامتحانات المدرسية

اليوم جئت بأده جميله جدا جدا من حيث الشكل ومهمه من حيث المضمون

كود Css لصندوق الإشتراك فى خلاصات المدونه عبر البريد الإلكترونى +أزرار تابعنا عبر مواقع التواصل الإجتماعى {فيسبوك,جوجل بلص,تويتر,rss} المهم أن هذه الأداه بهذا الشكل لن تجدها فى أى موقع أو مدونه عربيه أو أجنبيه بهذا الشكل حصريه لكم فقط من تطويرى وسهله جدا جدا فى التركيب .

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

قم بإختيار أحد الأكواد وقم بالتعديل عليه ووضع روابطك الخاصه
إذهب إلى لوحه تحكم مدونتك
ثم إختر تخطيط ثم إضافه أداه
ثم إختر HtmlJavaScript
ثم قم بوضع كود Css اللذى قمت بإختيآره
ثم إضغط حفظ.

كود الأداة

الأداه باللون الأحمر

الأداه باللون الأسود

<style>
tb{}
ubscribe { floa
.tbi
st:center;
double #000000 ; padding:5p
border:5px
x 5px 5px 5px; width:225px;
moz-border-radius:10px; bor
-webkit-border-radius:10px;
-der-radius:10px } .tbisubscribe:hover {
ow: 0 5px 2px #555; -webkit
box-shadow: 0 4px 2px #555; -moz-box-sha
d-box-shadow: 0 5px 2px #555; } .tbimailbox { float:center;
10px; width: 1
color: #000000; font: 10px "arial", sans-serif; padding: 10p
x30px; border:5px double #000000 ; border-top-left-radius:0px;
rder-bottom-left-radius:10px;
border-top-right-radius:10px; border-bottom-right-radius:0px; b
o -moz-box-shadow: 1px 1px 1px 1px #555; -webkit-box-shadow: 1px 1px 1px 1px #555;
ansition: all 0.5s ease-in-out; -
box-shadow: 1px 1px 1px 1px #555; -webkit-transition: all 0.5s ease-in-out; -moz-t
rms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
transition: all 0.5
.tbimailbox:hover { -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s ease-in-out; -moz
-s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
px -1px 1px
.tbisubmit { font: bold 11px arial, Geneva, sans-serif; font-style: normal; color: #ffffff; background: #000000; text-shadow:
0#222222; box-shadow: 2px 2px 5px #000000; -moz-box-shadow: 2px 2px 5px #000000; -webkit-box-shadow: 2px 2px 5px #000000;
order-bottom-left-radius:10p
border:5px double #ffffff ; border-top-left-radius:0px; border-top-right-radius:10px; border-bottom-right-radius:0px;
bx; padding: 8px 15px; cursor: pointer; margin: 0 auto; } .tbisubmit:active { cursor: pointer; position: relative; top: 2px; }
arial' rel='stylesheet' type='
.tbisubmit::-moz-focus-inner { border: 0; padding: 0; margin: 0; } </style> <link href='http://fonts.googleapis.com/css?family
=text/css' /> <div class='tbibox'> <div class='tbisubscribe'>
l, cursive; margin: 5px 0px 10px 15px;'> اشترك عبر القائمه البريديه ليصلك جديدنا</div> <div style='mar
<div style='color: #666666; font-weight: bold; font: 15px ari
agin: 10px 0 0 6px;'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا idالخلآصات ' class='ضع هنا idالخلآصات'
s=yes,width=550,height=520');return true' style='margin: 0pt;' target='popupwindow'> <input name='uri' type='hidden' value='Dr.Lolo' /> <input name='loc' type='hidden' valu
method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا idالخلآصات', 'popupwindow', 'scrollba
re='ar_eg' /> <input class='tbimailbox' name='email' onblur='if (this.value == "") {this.value = "Enter your email...";}' onfocus='if (this.value == "Enter your email...") {this.value = ""}' type='text' value='أكتب إيميلك هنآ...' /> <input alt='' class='tbisubmit' title='' type='submit' value='إشترك'/>
; -
</form> </div> <div style='float:center; border:0px solid #990000; color: #666666; font: 15px bold arial, cursive; margin: 15px 5px 10px 90px;'> تآبعنا عبر</div> <style> /* Social Icons Widget Byiconwpic.blogspot.com */ p#hb_socialicons img { float:center; -moz-transition: all 0.10s ease-in-ou
twebkit-transition: all 0.10s ease-in-out; -o-transition: all 0.10s ease-in-out; -ms-transition: all 0.10s ease-in-out; transition: all 0.10s ease-in-out; } p#hb_socialicons img:hover { float:center; -moz-transform: rotate(300deg); -webkit-transform: rotate(300deg);
UYL-pjuLL8I/AAAAAAAABE4/-PlJ-kYa7
-o-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } /* Social Icons Widget By iconwpic.blogspot.com */ </style> <center> <p id="hb_socialicons"> <a href="رابط صفحتك على الفيسبوك"> <img border="0" src="http://4.bp.blogspot.com/-onY2Fkvj6IA
/g4/s1600/facebook.png" /></a> <a href="رابط صفحتك على تويتر"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje0Bq_nonATzvjh2UnSFCqZW4w_-IfA3VPlhhpKYyWLSZ26IB6OCW8VunxDBsdC9w5quCYG_IU5SwNNoAiYbFY_q7T15mDCmru1c6QeOYp5Ngy08f_EEPyew56V1k-mPZceayfrwN9Cmre/s1600/twitter.png" /></a> <a href="رابط صفحتك على جوجل بلص">
AAAAABE8/SxgTeuzjr24/s1600/rss.png" /></a> </p> </center>
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3o40_uPSEP0DwGCdUyGGw9q6Pcthraiuz8n7u2EPoodhTGvMtYulp6Mx7zSgWIYa0cvf9kW8FTZuh_WUFUxYJ-Je14zde4qNLh3kKZkT1ihTgzPuDRAs4CXd0y3hioNq-hN40OWdkKzck/s1600/googleplus.png" /></a> <a href="رابط الخلاصات"> <img border="0" src="http://1.bp.blogspot.com/-353NxAaPR_o/UYL-p1jDmrI/AAA

تنبيه

قبل المغادرة ارجوا الالتحاق بصفحتي على الفيسبوك

من هنا

الزائر الكريم : لقد قمنا بتغيير اسم نطاق مدونة بِنْكُو الى :

مدونة بِنْكُو | Pinco Blog

أحاديث نبوية شريفة

إنضم إلى متابعينا ليصلك جديدنا

بحث في المدونة

الأكثر مشاهدة

من أنا

أرشيف المدونة الإلكترونية

المشاركات الشائعة

dimanche 2 juin 2013

إضافه صندوق الإشتراك فى خلاصات المدونه عبر البريد الإلكترونى +أزرار تابعنا عبر مواقع التواصل الإجتماعى بشكل جذاب وأكثر من لون

قبل المغادرة ارجوا الالتحاق بصفحتي على الفيسبوك

Aucun commentaire:

Enregistrer un commentaire