الاشتراك في القائمه البريديه مع ازرار المتابعه علي الفيس بوك وتويتر

  السلام عليكم ورحمة الله وبركاتة موعدنا اليوم مع درس جميل ورائع ومهم انها اضافه تتيح للمدونين اضافة قائمة في العامود الجانبي لمدونة بلوجر تمكن لزوار المدونة الاشتراك في القائمه البريديه والحصول على اخر التحديثات اول باول وكذلك متابعتها علي المواقع الاجتماعيه الشهريه مثل الفيس بوك وتويتر ومتابعة موجز المواضيع ايضا وذلك كما ترى في الصوره المرفقه  داخل التدوينه.هذة الاضافة اشتهرت بها مؤخرا القوالب الاحترافيه الجاهزه.
ان اعجبتك
قم باتباع الخطوات التى بالاسفل ---->>>>>

* قم بتسجيل الدخول الى لوحة تحكم مدونتك.

* قم بالذهاب الى تصميم ثم تحرير HTML.

* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.

* ابحث عن الكود التالي
]]</b:skin> وذلك بالضغط علىCTRL+F .

* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود
]]</b:skin>




/* subscribe box widget */
.widget_bu_subscribe { background: #F6630E url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjttxkGRLcek2ZsxdM5OFLtH24e5k-nMbccq2TlrIwz8P6FrrQEUkTCDT9He31C_z82zQgbnBJOwCJoKVNZ7PsQ3Tx35QyxaPcLVp3NA9Adq_8rQ7cXAvQfpnYYbfdZSZSJzepFrIeFYl8/s1600/bg_social.png) repeat-x  !important; border: 1px solid #F98913 !important; height: 125px; overflow: hidden; padding: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#sidebars .widget_bu_subscribe { border-left: 0 !important; border-right: 0 !important; height: auto !important; margin: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.featured_subscribe { padding: 15px 10px; }
.featured_subscribe h3 { font-size: 1.8em; font-weight: 600; letter-spacing: -0.4px; text-shadow: #FCb96A 1px 1px 1px; }
#sidebars .featured_subscribe h3 { color: #111; margin: 0; padding: 0.6em 0 0 0 !important; }
.featured_subscribe h4 { color: #FFF; font-size: 0.85em; font-weight: normal; padding-top: 0.3em; text-shadow: #F6640E 1px 1px 1px; text-transform: uppercase; }
#sidebars .featured_subscribe h4 { padding: 0; }
ul.subscribe_icons{ font-size: 1.2em; list-style: none; margin-top: 1.5em; }
.subscribe_icons li { float: left; margin-right: 1.8em; margin-bottom:1.2em; text-align: left; width:75%;}
.subscribe_icons li a { color: #000; display: block; font-size: 1em; height: 32px; padding-left: 3.3em; }
.subscribe_icons li a:hover { color: #FFF; }
.subscribe_icons li a span { color: #FFF; display: block; line-height: 0.8em; }
.subscribe_icons .email { margin-right: 1em; }
.subscribe_icons .email a {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGUCRdpzitDNca34iDZhh3xNoq-FqDuXwLrwyJs5NZmeSSYlf7pxf5Cgrr0OlLl-POC0sI7zjMPS1oURQ7DHEq0QE_7i5Y2SOLX0fv6Xo0FuVP-ZHXJXGA2BKh3dHRdnqxwA-c0TvRxWI/s1600/icon_mail.png) left no-repeat;}
.subscribe_icons .twitter { margin-right: 0; }
.subscribe_icons .twitter a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFnsbNdFnN1DpSO-SYB0P8bYDTrPWSHWnKBsj0wHoQaYNz6L7x6VgD8pJqvlOE0W8_F_R1VB6CgcZxENbRfWci8AZNRjMfzlG26y0QFrOUYC0CA-11UIw22LEutQZ6KK7kko0tmfoi1nA/s1600/icon_twitter.png) left no-repeat; padding-left: 60px; }
.subscribe_icons .rss a { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdI3KSBjKSIUpHcxmFHwb7c3RtOGp3IoupIc7GxBTKQFoCBXL7vRxFZHU2BctoUQFz0hlG2SeJztFkzxsRA-lnqotM4kbS1-pHW0yUaYOD8cZRlriOYkO33cLtbSsDD38squKuZsdnJ2s/s1600/icon_rss.png) left no-repeat; }

* قم الان بحفظ قالب مدونتك.

* قم بالذهاب الى تصميم.

* تذكر انك الان في --->>> عناصر تصميم الصفحه.

* قم بانشاء اداه جديده.

* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.

*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.

<div class='widget widget_bu_subscribe' id='bu_subscribe_widget-3'>
<div class='featured_subscribe'>
<h3>Subscribe</h3>
<h4>Stay up to date with our content</h4>

<ul class='subscribe_icons'>
<li class='rss'>
<a href='YOUR FEEDBURNER URL HERE' title='Subscribe to the RSS Feed'>
RSS Feed
<span>Easy access</span>
</a>
</li>
<li class='email'>
<a href='YOUR FEEDBURNER EMAIL URL HERE' title='Subscribe to the RSS Feed via Email'>
Email Updates
<span>Sent to your inbox</span>
</a>
</li>
<li class='twitter'>
<a href='YOUR TWITTER URL HERE' title='Follow us on Twitter'>

Twitter
<span>Follow us</span>
</a>
</li>
</ul>
</div>
</div>
ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر وذات اللون الاخضر باسماء حسابك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي فهذا انسب مكان للاضافه تلك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه
الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
أصدقاء(تطوير ويب)
تعليقات Facebook
0تعليقات Blogger

لا توجد تعليقات على موضوع "الاشتراك في القائمه البريديه مع ازرار المتابعه علي الفيس بوك وتويتر"

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .