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

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

أتأسف إليكم إخوتي الكرام إن تأخرت عن التدوين وهذا راجع إلى انشغالي

بتصميم قالب احترافي وخفيف الأرشفة أكثر من قالب مدونتي حالا

المهم أقدم لكم إضافة جميلة جدا

ألا وهي

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

حقا ستنال إعجابكم

صورة الإضافة

شرح الإضافة

إذهب إلى لوحة تحكم بلوجر ثم قم بالضغط على قالب ثم تعديل على HTML

dashboard --> Design --> Edit HTML

إبحث عن

</head>

ثم ضع قبله مباشرة الكود التالي

 

<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>

الآن قم بحفظ القالب

ثم إذهب إلى تخطيط وإضغط على إضافة اداة ثم

HTML JAVAScript

وضع بها الكود التالي

<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/AVvXsEgZqQX_89309M28EngjMS70u3zjrCVwzH_1j5lHLISg6-WPElCvQS_Q_r-V5nglMCGsfCkmgycM0hTJ9xGo_21HXTVWPLRe7bmMLnCRXfpTAhv1stUHbHso1kjy5OR0tV7RoxHIQStpxNDF/"  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/AVvXsEjyfXXvWGYbaQ_Dp2dgqvLpAYEoY-6wvY0tiwcbaKXLSr1_lyWd072L1Bhan-AfAa8fb1i49aVh2Z4m5qnQTf5lo6K42evICIfW9SVg_TtS38nKSfYw-_fTR71xyOx3XxAJ4fucESQ35QQR/"  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/AVvXsEj8C6CHmx-ynslCAnzBZIQlr2N_MiS4W-Sny2jRdUOQANmMPpbUqJ0zzLO-6DAAizNoKTNE0cspmh1C76Yrd6Q9Dogb8-KrLLDIu47OEeGuix8UGLvD0T0wa2oRLFBaIUNwYckVJtiax9VC/"  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/AVvXsEjYTQ4VPhpp9cMp6PB7y2oOz2dcJMLuob9BdA6vP8f_g_XBQE2dqNV907jvstZ5fL7Gz7tNGRZufI3lP_5qDo5QU6Z4vbiD8lYUeYpPrbJG4RAx57YZ_YJhBkfLrQ9iRy28QePnK9HKtpFe/"  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/AVvXsEhoKmEwt5rA69LcXmtu_VIcOHLB5hhDrHzo9Lpk8_fccK1XWKZGmfZzYeas7RWD8ZTomjdT_lVw0XriHbO16WONxYH5cvT4D5r_e6WEnIENaU5DlSb0u6y1lGfgHWZ3zBYkVw6bHZzBbik/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJuC2l50dwmN8U5yqnbC4siKccvL_NJQNyRg9jTl-f_1ykhTMojAFmDBKN5lmCppmKr80x2Etbkm2b03zPq872Brl7KiIDscV54bWVAK7fHtQlMDLp5mD1Ip5gYJkIGfY36FrcmN-fhjU/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTlOtba9bQuUGMdPzluZ4P4-iUekzxsDNx6OonIidM6O7MQ-qFz4luVbdjQtINTQmtMg2AW3XKgrc_boVbSlwl63j9Yf9VK_4p7IMvJg3SgQWr0q3nm1xhrG7_nAz-EKr1fLa7wYAaLYk/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji4_q-utB6ySEYLIXVCrtEXEohOgWeopMCvHidcYqUUj7MRRaV9UzzLG9I14QCa9x4JzdGGIo4ppJh5OtWSqCsoe3wd-fZbd5N_-zB5IXL60binWqun-vKkqU_S-g8F1Q5BqacRmACAEw/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr1Ng80-IJi8OXAL4mZNvO1wybjcWLPFtHxSbgMz7CF2IdKOVBHVRmBasQbxvuB7CqO1Jso2ij_q25IjxRlDqzQ83f2suC3pzFp0TvNmco8vZr76DL-iqM0DKAvWhCpLd2tnsikvxu_fg/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimSHR1qmtlO0rKsly5B7N3BUCTt1AZ16oAZbNuiLdtxmOLIcZyQeFHxlW0szkzo_rDFGG1c8xa4yrWELT3F3V8xVjm26nHaojVVvfjxfTVhW5D84fAs0i06UiQETAmEc_jSe8zfyfwNvM/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg35W3K2hVMLdb6iaXtcobKc3I3NFeUbUFO1Jdx80qEEP-Iim208tKXTX5cmeNOW2ZbL4fV3pdh0y0YQ1IXPvXs_Ml9NoZh2xNWa3_tvX7CDr7dWxzQOYN5BhBoJwKYeXg7a30kYCNCN6Q/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>

وقم بتغيير التالي بالكود فوق

FACEBOOK-USERNAME بإسمك صفحتك على الفيسبوك

TWITTER-USERNAME بإسمك المستعمل بتويتر

FEEDBURNER-ID بإسمك المستعمل بالخلاصات

والسلام عليكم