مشاركة مميزة

عاوزين يقلدو تصميم القالب الحالى للمدونة

بسم الله الرحمن الرحيم كيفكم متابعين مدونتكم مدونة مدون اليوم وأنا أبحث بالمدونات العربية رأيت شئ أحزنى وهو يريدون تقليد تصميم القالب الحال...

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

لتركيب الاضافة ادخل الى لوحة التحكم ثم تخطيط ثم اضافة اداة HTML\JavaScrpt
ثم اضف الكود التالي مع التعديلات
<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/AVvXsEhhsoq6EGgouus5qHfvkZ_JfVYjAj3s_-OBgIrt-O12WeUQga33wiQY5n2k-7d8RaTSqdJ9joAPvAqJVgGbCk7cxnVoegHa3jCu_A0xHMq-Hs16wIIUxYwN9vOD_wHmWJ4UMo1k3TrjOHw/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/iraqshop1"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPobHsEcexmBVd6_IO9XwRe2xET6tgRuceDU6ulaS4x8FZ6RnmHEgFhYttBHCuCSonKfHBT-8FkCml_J46odeguJ5bKgs26UkbbZk9Tdgz3meZEwc1uESfHUj9x4IDdUOYmRiURRrk9pc/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://twitter.com/iraqshop1/" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwihyMzKtrrFZUqNa0bNWVXQiKtM5RNlZT_-qgIabTf4ZQl5CcRe8N2B21iIAzW8OstzFEKWTlW4Zo5A00lT1VmsC10YRJPSvR9ykN0-j3vb0LdxwdeyAOi4qlJXlwTMKzMrT7IyFV0P8/s1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://feeds.feedburner.com/iraqshop1" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyJFr8Qo38UfEocxk7vi7Kt1mQemiHACW3y-2YH0ZyKKzNiULwakoDjsqG2TIh2ZMRDEwYBxsARS_URZdQjXeZ1KIHK9ZAc5CgLwwMpoNllU_QoD8dEwRQGow9TU66KeMNP1-yKTHv29I/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 == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form> 
احفظ الاداة مع تغير iraqsop1 لصفحاتك على تويتر وفيس بوك وفيدبنر 
اذا ترغب بتغير عرض الصندوق  width="317px
اذا ترغب بتغير الجملة اعلى اضافة البريد الالكتروني اضف بريدك  ليصلك جديدنا

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

  1. بالفعل هذا ماكنت ابحث عنه ولااعرف كيف اشكرك اخي على هذا الابداع والذوق الرفيع منك بس المشكله لم استطع تغيير عرض الصندوق هل لي بطلب منك بمساعدتي

    ردحذف
  2. أهلا بك أخى

    لتغير عرض الصندوق إبحث عن هذا الكود width="317px

    وغير القيمة بما يناسبك بالتوفيق لك

    ردحذف
  3. اعتذر اخي عن ازعاجك مره ثانيه بس هذا مافعلت لكن لم يتغير شي

    ردحذف
  4. لا أبدا لا تقول هذا أخى

    إبحث عن هذا وعدل القيمة

    width: 176px;
    هذا هو الخاص به عرض مربع التسجيل

    أم الكود الذى تم كتابتة فى التعليق السابق هو خاص بعرض الصندوق

    ردحذف
  5. جميل جداااااا الشرح ومفهوم بس طلب واحد انا عاوز ازاى اخلى الفيس بوك بس مش عاوز تويتر

    ردحذف