ايقونات التواصل الاجتماعي لمدونات بلوجر لها اشكال مختلفة .هذا شكل جديد من هذه الايقونات واضافتها بسيطة جدا .
تركيب الاضافة :
1-من لوحة التحكم >>> تخطيط >>> اضافة اداة javascript/html .
2-انسخ الكود التالي داخل صندوق الاداة .
1-من لوحة التحكم >>> تخطيط >>> اضافة اداة javascript/html .
2-انسخ الكود التالي داخل صندوق الاداة .
<style type="text/css">
img.beintouch:hover {
background: none repeat scroll 0 0 #D6D6D6;
border-radius: 16px 16px 16px 16px;
box-shadow: 0 0 10px #565656;
}
.emailtext {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-RiPVymvY5kQkndcFFB-muD536i9cbuoq52hzR8M9x14TLgujtQq9ijyTPgg_FcU_KozvfJGH22ER3rS859zukAtxk2wyI2nqvkp8mj3A1XMp3G2Db9OSgPyy-uSXAC83uetdscoJriM/s1600/mailbox.png") no-repeat scroll 4px center transparent;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
box-shadow: 1px 1px 2px #CCCCCC inset;
color: #444444;
font-weight: bold;
margin-left: 2px;
padding: 7px 15px 7px 35px;
text-decoration: none;
width: 176px;
}
.ebutton {
background: -moz-linear-gradient(center top , #FBFBFB 0%, #F4F4F4 100%) repeat scroll 0 0 #ABAB12;
border: 1px solid #D3D3D3;
border-radius: 4px 4px 4px 4px;
color: #444444;
cursor: pointer;
font-weight: bold;
margin-left: -18px;
margin-top: 5px;
padding: 6px 15px;
text-decoration: none;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="http://www.facebook.com/page"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjedKHm20Qmt8KrA61h_YvxZZjHKtIXp3_-Y8fjlihB79qxjvj1C4AASbhq_K5epRFOOOVLycFgrnReqhnr7Skj8ngUbbjqVGsdhHazAnBhtrSQeQbOnu01PPJDCUQxdVY4jvMxBdECwxI/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/page/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Fo4dcFhXbkjrmZbBvXpxipmwSDXdfFLEAAG0odj75P01vgbReOFF3oOkIRH-AJOBhcKmDkqMen3_1GhyphenhyphenV2SAJJUBxa5ImHezCRlx4oFrurtlJSVF1F8ObjwXPKOZONuoBmdVpTw5YBs/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/page" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6czfy8ooUunjWCU3tc6hvi0wvhRqrfkNCjJi02DH6kYkRtUBqeKjkOJx8f82bOXPEIijZ2l_I6SVyDrGdZOGLkaoSF_Ug8crcxAEpg3Ad_YPibWZMKatseMrsSWt-rbTuPAA1Zo1Kcrw/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://www.justnaira.com"></a></td></tr></tbody></table>
<div>اضف بريدك ليصلك كل جديد</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=iraqshop1', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="iraqshop1" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>
3- قم بتغيير page باسم صفحتك في مواقع التواصل الاجتماعي (فيسبوك- تويتر- فيدبرنر) .
4- بامكانك تغيير عبارة (اضف بريدك ليصلك كل جديد) بعبارة اخرى تناسبك .
5- احفظ الاداة و ضعها في اي مكان من مدونتك .
انتهينا من تركيب الاضافة ويمكنك المعاينة
4- بامكانك تغيير عبارة (اضف بريدك ليصلك كل جديد) بعبارة اخرى تناسبك .
5- احفظ الاداة و ضعها في اي مكان من مدونتك .
انتهينا من تركيب الاضافة ويمكنك المعاينة
سيناوي الجنسية و مؤسس مدونة " ترابين كوم" احب الكتابة بالخصوص التدوين، دخل عالم التدوين منذ سنتين و يسعى دائما في تعلم المزيد عن شروحات التدوين ، من هواياته برامج تصميم و الإنترنت و كل ما له علاقة بعالم المعلومات و الحواسيب
تشرفون بتعليقاتكم تحويل كودإخفاء محول الأكواد الإبتساماتإخفاء