الجمعة، 23 مارس 2012

اضافه للاشتراك في القائمه البريديه وتابعنى

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

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

2.قم بالبحث عن هذا الكود </head>

3.قبله مباشرة ضع الكود الموجود بالاسفل .

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>

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

4.الان--> قم بالذهاب الي عناصر الصفحه واختر اضافة اداه جديده".

5. اختر الاداه من نوع.
html/java script
وضع بها الكود الموجود بالاسفل
<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwy5gTV9YLvNNS4gl5BCC4TwiX7zqd-1KrwQCp3g_6l9tky58jNC3hRJ1mpLiV3GSp-V0DUeJXlrIQSLd45NHKN0SH4GeHu4BrGi4bnLTOWsihl3PHcPaZcquFGRNeU7Q2fskyqVvlfWpf/"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIUzgYdRjND6YtxFEN1Yq5CPb8ZZxpoxMK0umo5kHldwBTpG_8Se9mx2OTkvwt-dQaMDoFNsdm13Gm2XDxqFWGRxYc7hkitXbB3teKNldIcsI2JdfxrJDWxsRpb0LdHnKC9Iz2mHc_QUhI/"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSTg5WkHabNyK77wvBozkyyLa_4mAOqL9buNGmKzaXWi9oYEWWI-A1GLS3X78kYNSdohnfAfiWjP-HHD4GxJzDMCjiJ8uFYAOGbPbCqBlxBbPNfVFbKvj2s_6Q53d8O7_bCDlYFOp_fPpS/"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5SxJVKUVOyT4K7OCIsqXFMrPWsuPnyO7Df_DDpAFVpySoJGXk8NrPzGPi8XRILkQn8DY_79OlCApD8S6gzF3iDqR03keDTtDMbGB97RH__ai31uQ_cogQnaWMfLnHXu6XCBORWIOu3IU_/"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKYRP0x5E9OLTshXBoiajfQCB7SRacB0bvuL6ATsuQLyIwBLstdl5Cvwu5zTZrHyqMPcqzZBv6KOXHjjMH4tqRVjLaHRvrzp76Ur162yYuUYz_arFJhWy3rpZ9zUyAxe9beFSWFrED7Uw/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2BdkEeb9CURvtpGKH2FePmbT_N6uB3bnLwvAxmy3N0l-4x-Qgz8ZZbD_ymlIEdjNaSPJ4R83zaarEOFRnuZRrPqnqrcdci-dOYcz6_wWyvua_62RHZRuIjEbaCLFk3JTA5O1vtuy7_Mc/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9Y3n1iJPnEQWmOpsCth0MH-FA3e0tkIbAo7nkr7dax0643gZkEepE3rG8wi3_8OzLxynoIzlz-gyYd3vHhcgyVSzSi-itVjct6VsSkYK4G0xNid4LcD0DeCCult0R6mSnq4JhdmouLKQ/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhBUkPW4HSTLwX8GSsanXmjJI6bNXC4c-29u08ugArD4urCj0dbTB97F3hBRvIZyvb3xRcxN6Pxv0Wn_O8WHK5qnkyom6FWO5UBxh_G8e3FSIM13yBoZlHfAxoNZqobmB0l5bQjljKnw4/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYsN1VELgeBeyW2GfH67VtnokYg8Li9K7SKpiz9QRO4D9eQFliXHPEnfpkJ3HiGCzor8rkJUKt6V0juti_HtOEL_aeVEBCleciMtv19-rNnZmHKd2WHROhEx8NGfkddx9ZFykyF0oRKH8/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhocsX2aac64JQ5sPeSyBZ6z2yf_Qn3TJnqzZUbelobzHuQSZZbHm8oJh2QTRNuefWe4mvtjZA2nFKi26TVpHgR17KazdoljOQi1cTuKJHwu6PjQquFVKJjYaXLrrMjJ4UcynJCQwlF-aU/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibjy7kti6CB41ifb9uMU-p6asEfsZZPHQF7i3wbchDo5YnhmzB5yjYFx_5_-Uji6F_3K0VpKpL7OmHri3dwm05-iB_lZbpyh-5-hcPx0YWioljzp4O8u2yQF5N4mewp5KeZWslRPlJtXg/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>

ملاحظه: لا تنسى تغيير المتغيرات التي بالاسفل قبل حفظ الاداه,

FEEDBURNER-ID قم بتغييره الي اسم حسابك علي فيدبرنر.
TWITTER-USERNAME قم بتغييره الى اسم حسابك على تويتر.
FACEBOOK-USERNAME قم بتغييره الى اسم حسابك على الفيس بوك.

ثم قم بحفظ الاداه وحدد لها المكان الذى ترغب فيه
والافضل لها ان تكون في العمود الجانبي..



ضع تعليقك

0 التعليقات:

البحــث

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

المتابعون

استثمارا للخبرات العالية والإمكانات التقنية المتميزة والطاقات البشرية الكبيرة التي تتميز بها "ابداع" أنشأت المؤسسة إدارة تتبنى عمل المواقع الخدمية المتنوعة للأفراد والهيئات والمؤسسات الكبرى. كما يمكنها عمل مواقع للتجارة الإلكترونية تتمكن الشركات والمتاجر من ترويج منتجاتها في كافة أنحاء العالم وتزويد مواقعها بإمكانية البيع عبر الإنترنت وتشمل خدمة بناء مواقع الإنترنت عدة مراحل بدأ من عملية التصميم المبدئي للموقع، وحتى الانتهاء منه، والقيام بتحديث الموقع كلما تطلب الأمر كما تتميز مؤسسة "ابداع" بأقوى فريق عمل متواصل مع العملاء 24 ساعة على مدار الأسبوع وتمتاز أيضا بكفاءة الدقة والسرعة في العمل لذلك نحمد الله العلي العظيم على منحنا تلك القدرة