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

الجمعة، 18 أكتوبر 2013

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

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

غير معرف 3:37 م 0 تعليق

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

طريقة تركيب الاداءة سهلة جدا تابع معى

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

حتى تتمكن من النسخ حدد الكود وقم بالضغط على ctrl+c من لوحة المفاتيح

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

<style>
tb{}
.tbisubscribe {
float:center;
border:5px double #990000 ;
padding:5px 5px 5px 5px;
width:225px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.tbisubscribe:hover {
box-shadow: 0 4px 2px #555;
-moz-box-shadow: 0 5px 2px #555;
-webkit-box-shadow: 0 5px 2px #555;
}
.tbimailbox {
float:center; 
color: #990000;
font: 10px "arial", sans-serif;
padding: 10px 10px;
width: 130px;
border:5px double #990000 ; 
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
-moz-box-shadow: 1px 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px 1px #555;
box-shadow: 1px 1px 1px 1px #555;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbisubmit {
font: bold 11px arial, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #990000;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border:5px double #ffffff ; 
  border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=arial' 
rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 15px arial, 
cursive; margin: 5px 0px 10px 15px;'>
اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا
 idالخلآصات ' class='ضع هنا idالخلآصات'
method='post' 
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ضع
 هنا idالخلآصات', 'popupwindow', 
'scrollbars=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' value='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 mohtrefnet.blogspot.com */
p#hb_socialicons img {
    float:center;
   -moz-transition: all 0.10s ease-in-out;
    -webkit-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);
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
 
/*  Social Icons Widget By mohtrefnet.blogspot.com */
</style> 
<center>
<p id="hb_socialicons">
<a href="رابط صفحتك على الفيسبوك">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-GsV-UeNi8Nia1NrAsXUGmuAxh1A8Qa_4IxuQ1FggBOhrtIXswcVnvCmtcEHfxZCPYnpy_YTYrpKi-v09Z814lnNnbAu9bh_xJBXGh-zvTqbYgA2QzFXAdV1-XtnELo0FPsnfKglXrZa/s1600/facebook.png"
 /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2IggE-Vs-vr_xg-UiylNO18w97cldGqAjqAHBD32f9bIxsuehE7qx_L1ueWFPe1xiUHcjrZ7BKLXSzB5WEwJCivZdmZnlT5fLBgQj28ThytnQ4sFBbxtcjEFsM5F-JO1j4vkoAKBvxzD/s1600/twitter.png"
 /></a>
    <a href="رابط صفحتك على جوجل بلص">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4F8sD9TlNWq5BJWPwfJ8YMMPyxfxPyXPTVsM00RPcUQuqks5LStoM0k06Qn4aHnv8SBMlEXa9p_PPDLxN-_96f2EEncP_c3emRkRBZwrl8TTgH9eM62aIdurgLui9t6ImQqNxsYGuBpio/s1600/googleplus.png"
 /></a>
    <a href="رابط الخلاصات">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicwpb2fJJA7vk3kiqd7eIVWPDhoNZjqAQWoCiXlVvSMBiRLKHHN7kNqqlOJ3lAkgHUyzdW19UJwwG213ey55H3F52fFmgBEaGvFCFHfJaFOuda9rFVTLyoDqGQAPbHTMUFoaBdvneBvzu/s1600/rss.png"
 /></a>
</p>
</center>

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

<style>
tb{}
.tbisubscribe {
float:center;
border:5px double #000000 ;
padding:5px 5px 5px 5px;
width:225px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.tbisubscribe:hover {
box-shadow: 0 4px 2px #555;
-moz-box-shadow: 0 5px 2px #555;
-webkit-box-shadow: 0 5px 2px #555;
}
.tbimailbox {
float:center; 
color: #000000;
font: 10px "arial", sans-serif;
padding: 10px 10px;
width: 130px;
border:5px double #000000 ; 
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
-moz-box-shadow: 1px 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px 1px #555;
box-shadow: 1px 1px 1px 1px #555;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbisubmit {
font: bold 11px arial, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #000000;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border:5px double #ffffff ; 
  border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=arial' 
rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 15px arial, 
cursive; margin: 5px 0px 10px 15px;'>
اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا
 idالخلآصات ' class='ضع هنا idالخلآصات'
method='post' 
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ضع
 هنا idالخلآصات', 'popupwindow', 
'scrollbars=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' value='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-out;
    -webkit-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);
    -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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-GsV-UeNi8Nia1NrAsXUGmuAxh1A8Qa_4IxuQ1FggBOhrtIXswcVnvCmtcEHfxZCPYnpy_YTYrpKi-v09Z814lnNnbAu9bh_xJBXGh-zvTqbYgA2QzFXAdV1-XtnELo0FPsnfKglXrZa/s1600/facebook.png"
 /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2IggE-Vs-vr_xg-UiylNO18w97cldGqAjqAHBD32f9bIxsuehE7qx_L1ueWFPe1xiUHcjrZ7BKLXSzB5WEwJCivZdmZnlT5fLBgQj28ThytnQ4sFBbxtcjEFsM5F-JO1j4vkoAKBvxzD/s1600/twitter.png"
 /></a>
    <a href="رابط صفحتك على جوجل بلص">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4F8sD9TlNWq5BJWPwfJ8YMMPyxfxPyXPTVsM00RPcUQuqks5LStoM0k06Qn4aHnv8SBMlEXa9p_PPDLxN-_96f2EEncP_c3emRkRBZwrl8TTgH9eM62aIdurgLui9t6ImQqNxsYGuBpio/s1600/googleplus.png"
 /></a>
    <a href="رابط الخلاصات">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicwpb2fJJA7vk3kiqd7eIVWPDhoNZjqAQWoCiXlVvSMBiRLKHHN7kNqqlOJ3lAkgHUyzdW19UJwwG213ey55H3F52fFmgBEaGvFCFHfJaFOuda9rFVTLyoDqGQAPbHTMUFoaBdvneBvzu/s1600/rss.png"
 /></a>
</p>
</center>

الأداه باللون الأخضر

<style>
tb{}
.tbisubscribe {
float:center;
border:5px double #1F7423 ;
padding:5px 5px 5px 5px;
width:225px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.tbisubscribe:hover {
box-shadow: 0 4px 2px #555;
-moz-box-shadow: 0 5px 2px #555;
-webkit-box-shadow: 0 5px 2px #555;
}
.tbimailbox {
float:center; 
color: #1F7423;
font: 10px "arial", sans-serif;
padding: 10px 10px;
width: 130px;
border:5px double #1F7423 ; 
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
-moz-box-shadow: 1px 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px 1px #555;
box-shadow: 1px 1px 1px 1px #555;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbisubmit {
font: bold 11px arial, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #1F7423;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border:5px double #ffffff ; 
  border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=arial' 
rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 15px arial, 
cursive; margin: 5px 0px 10px 15px;'>
اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا
 idالخلآصات ' class='ضع هنا idالخلآصات'
method='post' 
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ضع
 هنا idالخلآصات', 'popupwindow', 
'scrollbars=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' value='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-out;
    -webkit-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);
    -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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-GsV-UeNi8Nia1NrAsXUGmuAxh1A8Qa_4IxuQ1FggBOhrtIXswcVnvCmtcEHfxZCPYnpy_YTYrpKi-v09Z814lnNnbAu9bh_xJBXGh-zvTqbYgA2QzFXAdV1-XtnELo0FPsnfKglXrZa/s1600/facebook.png"
 /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2IggE-Vs-vr_xg-UiylNO18w97cldGqAjqAHBD32f9bIxsuehE7qx_L1ueWFPe1xiUHcjrZ7BKLXSzB5WEwJCivZdmZnlT5fLBgQj28ThytnQ4sFBbxtcjEFsM5F-JO1j4vkoAKBvxzD/s1600/twitter.png"
 /></a>
    <a href="رابط صفحتك على جوجل بلص">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4F8sD9TlNWq5BJWPwfJ8YMMPyxfxPyXPTVsM00RPcUQuqks5LStoM0k06Qn4aHnv8SBMlEXa9p_PPDLxN-_96f2EEncP_c3emRkRBZwrl8TTgH9eM62aIdurgLui9t6ImQqNxsYGuBpio/s1600/googleplus.png"
 /></a>
    <a href="رابط الخلاصات">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicwpb2fJJA7vk3kiqd7eIVWPDhoNZjqAQWoCiXlVvSMBiRLKHHN7kNqqlOJ3lAkgHUyzdW19UJwwG213ey55H3F52fFmgBEaGvFCFHfJaFOuda9rFVTLyoDqGQAPbHTMUFoaBdvneBvzu/s1600/rss.png"
 /></a>
</p>
</center>

الأداه باللون الأزرق

<style>
tb{}
.tbisubscribe {
float:center;
border:5px double #4960AB ;
padding:5px 5px 5px 5px;
width:225px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.tbisubscribe:hover {
box-shadow: 0 4px 2px #555;
-moz-box-shadow: 0 5px 2px #555;
-webkit-box-shadow: 0 5px 2px #555;
}
.tbimailbox {
float:center; 
color: #4960AB;
font: 10px "arial", sans-serif;
padding: 10px 10px;
width: 130px;
border:5px double #4960AB ; 
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
-moz-box-shadow: 1px 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px 1px #555;
box-shadow: 1px 1px 1px 1px #555;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbisubmit {
font: bold 11px arial, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #4960AB;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border:5px double #ffffff ; 
  border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=arial' 
rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 15px arial, 
cursive; margin: 5px 0px 10px 15px;'>
اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا
 idالخلآصات ' class='ضع هنا idالخلآصات'
method='post' 
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ضع
 هنا idالخلآصات', 'popupwindow', 
'scrollbars=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' value='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-out;
    -webkit-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);
    -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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-GsV-UeNi8Nia1NrAsXUGmuAxh1A8Qa_4IxuQ1FggBOhrtIXswcVnvCmtcEHfxZCPYnpy_YTYrpKi-v09Z814lnNnbAu9bh_xJBXGh-zvTqbYgA2QzFXAdV1-XtnELo0FPsnfKglXrZa/s1600/facebook.png"
 /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2IggE-Vs-vr_xg-UiylNO18w97cldGqAjqAHBD32f9bIxsuehE7qx_L1ueWFPe1xiUHcjrZ7BKLXSzB5WEwJCivZdmZnlT5fLBgQj28ThytnQ4sFBbxtcjEFsM5F-JO1j4vkoAKBvxzD/s1600/twitter.png"
 /></a>
    <a href="رابط صفحتك على جوجل بلص">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4F8sD9TlNWq5BJWPwfJ8YMMPyxfxPyXPTVsM00RPcUQuqks5LStoM0k06Qn4aHnv8SBMlEXa9p_PPDLxN-_96f2EEncP_c3emRkRBZwrl8TTgH9eM62aIdurgLui9t6ImQqNxsYGuBpio/s1600/googleplus.png"
 /></a>
    <a href="رابط الخلاصات">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicwpb2fJJA7vk3kiqd7eIVWPDhoNZjqAQWoCiXlVvSMBiRLKHHN7kNqqlOJ3lAkgHUyzdW19UJwwG213ey55H3F52fFmgBEaGvFCFHfJaFOuda9rFVTLyoDqGQAPbHTMUFoaBdvneBvzu/s1600/rss.png"
 /></a>
</p>
</center>

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

<style>
tb{}
.tbisubscribe {
float:center;
border:5px double #55481D ;
padding:5px 5px 5px 5px;
width:225px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px
}
.tbisubscribe:hover {
box-shadow: 0 4px 2px #555;
-moz-box-shadow: 0 5px 2px #555;
-webkit-box-shadow: 0 5px 2px #555;
}
.tbimailbox {
float:center; 
color: #55481D;
font: 10px "arial", sans-serif;
padding: 10px 10px;
width: 130px;
border:5px double #55481D ; 
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
-moz-box-shadow: 1px 1px 1px 1px #555;
-webkit-box-shadow: 1px 1px 1px 1px #555;
box-shadow: 1px 1px 1px 1px #555;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s 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;
}
.tbisubmit {
font: bold 11px arial, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #55481D;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border:5px double #ffffff ; 
  border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-right-radius:0px;
border-bottom-left-radius:10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
</style>
<link href='http://fonts.googleapis.com/css?family=arial' 
rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 15px arial, 
cursive; margin: 5px 0px 10px 15px;'>
اشترك عبر القائمه البريديه ليصلك جديدنا</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=ضع هنا
 idالخلآصات ' class='ضع هنا idالخلآصات'
method='post' 
onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=ضع
 هنا idالخلآصات', 'popupwindow', 
'scrollbars=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' value='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 Bymohtrefnet.blogspot.com */
p#hb_socialicons img {
    float:center;
   -moz-transition: all 0.10s ease-in-out;
    -webkit-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);
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}
 
/*  Social Icons Widget By mohtrefnet.blogspot.com */
</style> 
<center>
<p id="hb_socialicons">
<a href="رابط صفحتك على الفيسبوك">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7-GsV-UeNi8Nia1NrAsXUGmuAxh1A8Qa_4IxuQ1FggBOhrtIXswcVnvCmtcEHfxZCPYnpy_YTYrpKi-v09Z814lnNnbAu9bh_xJBXGh-zvTqbYgA2QzFXAdV1-XtnELo0FPsnfKglXrZa/s1600/facebook.png"
 /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEit2IggE-Vs-vr_xg-UiylNO18w97cldGqAjqAHBD32f9bIxsuehE7qx_L1ueWFPe1xiUHcjrZ7BKLXSzB5WEwJCivZdmZnlT5fLBgQj28ThytnQ4sFBbxtcjEFsM5F-JO1j4vkoAKBvxzD/s1600/twitter.png"
 /></a>
    <a href="رابط صفحتك على جوجل بلص">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4F8sD9TlNWq5BJWPwfJ8YMMPyxfxPyXPTVsM00RPcUQuqks5LStoM0k06Qn4aHnv8SBMlEXa9p_PPDLxN-_96f2EEncP_c3emRkRBZwrl8TTgH9eM62aIdurgLui9t6ImQqNxsYGuBpio/s1600/googleplus.png"
 /></a>
    <a href="رابط الخلاصات">
<img border="0" 
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjicwpb2fJJA7vk3kiqd7eIVWPDhoNZjqAQWoCiXlVvSMBiRLKHHN7kNqqlOJ3lAkgHUyzdW19UJwwG213ey55H3F52fFmgBEaGvFCFHfJaFOuda9rFVTLyoDqGQAPbHTMUFoaBdvneBvzu/s1600/rss.png"
 /></a>
</p>
</center>

قم تغيير كلمه " ضع هنا idالخلآصات " لـ ID رآبط الخلاصات الخاص بك على FEED BURNER

مثال هذا رابطى http://feeds.feedburner.com/blogspot/mohtrefnet

اما ال id الخاص بى هو اخر جزء blogspot/mohtrefnet

لمعرفة الفيد بانر الخاص بيك انظر الصورة طبعا انا عدلتة لمحترف نت
بدلا من الافتراضى وهو كان
blogspot/iafGB

2-ثم ضع الروابط الخاصه بصفحاتك على صفحات التواصل الإجتماعى فيسبوك وجوجل بلص وتويتر فى الأماكن المحدده فى الكود ورابط الخلاصات كذالك

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

انتهى الدرس بحمد لله اى استفسار يرجى ترك تعليق

تعليقات المدونة
تعليقات الفيس بوك

ليست هناك تعليقات:

إرسال تعليق

رايك يهمنا اترك تعليقك
يمكن لاى شخص التعليق بدون تسجيل فقط قم باختيار مجهول واترك تعليقك شكرا.

الاشتراك في: تعليقات الرسالة (Atom)