تطوير ويب » مواقع النشر » طريقة اضافة اتبعني علي تويتر والفيس بوك والاشتراك في القائمه البريديه بشكل انيق
السلام عليكم ورحمة الله وبركاتة موعدنا اليوم مع درس جميل ورائع ومهم انها اضافه تتيح للمدونين اضافه قائمه تحتوى روابط تتبع مدوناتهم وصفحاتهاعلى تويتر والفيس بوك وكذلك الاشتراك في القائمة البريديه للحصول على اخر التدوينات,,, ان اعجبتك القائمه
قم باتباع الخطوات التى بالاسفل ---->>>>>
* قم بتسجيل الدخول الى لوحة تحكم مدونتك.
* قم بالذهاب الى تصميم ثم تحرير HTML.
* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.
* ابحث عن الكود التالي ]]</b:skin> وذلك بالضغط علىCTRL+F .
* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود ]]</b:skin>
* قم الان بحفظ قالب مدونتك.
* قم بالذهاب الى تصميم.
* تذكر انك الان في --->>> عناصر تصميم الصفحه.
* قم بانشاء اداه جديده.
* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.
*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.
ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر بروابط تسميات مدونتك وذات اللون الاخضر بروابط حساباتك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي لمدونتك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه
الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
* قم بتسجيل الدخول الى لوحة تحكم مدونتك.
* قم بالذهاب الى تصميم ثم تحرير HTML.
* قم بالضغط على علامة توسيع قوالب واجهة المستخدم.
* ابحث عن الكود التالي ]]</b:skin> وذلك بالضغط علىCTRL+F .
* انسخ الكود الموجود بالاسفل وضعه مباشرة قبل هذا الكود ]]</b:skin>
#subscription {
list-style:none;
margin-left:-40px;
margin-top:0;
width:300px;
}
#subscription li {
height:57px;
line-height:1.5em;
padding:6px 10px;
}
#subscription li a {
color:#000;
}
#subscription li h4 {
font-size:18px;
color:#333;
border:none;
margin:0 0 0 45px;
}
#subscription li p {
font-size:13px;
margin:0 0 0 45px;
}
#subscription li img {
float:left;
margin:0 10px 0 0;
padding:0;
}
#subscription li:hover {
opacity:0.7;
filter:alpha(opacity=70);
-moz-opacity:0.70;
-khtml-opacity:0.7;
}
.updateinfo,#navbar-iframe {
display:none;
}
a,#subscription li a:hover {
color:#222;
text-decoration:none;
}
.sidebar-banner,.sidebar-subscription {
width:297px;
margin-bottom:20px;
color:#000;
border:1px outset #222;
margin-left:640px;
padding:20px;
-moz-box-shadow: 3px 3px 1px #222;
-webkit-box-shadow: 3px 3px 1px #222;
box-shadow: 3px 3px 1px #222;
}
* قم الان بحفظ قالب مدونتك.
* قم بالذهاب الى تصميم.
* تذكر انك الان في --->>> عناصر تصميم الصفحه.
* قم بانشاء اداه جديده.
* لا تنسى ان تكون الاداه من هذا النوع HTML/javascript.
*انسخ الكود الموجود بالاسفل وضعه فيها وقم بالحفظ.
<div class='sidebar-subscription'> <div class='subscribe-widget' style='height: 282px'> <ul id='subscription'> <li> <a href='YOUR-TWITTER-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEZAeBZnw3atiNHzH0Y5vn61CBKozdPVO0E1BuxYlDIiW0iGcMYDtdMUbsF4B0myeY7kq0n2OHSS17bzlFVeEx6yfXdotvbnFqVlpSBHgEHmFbJLcUO2_eB5Iget2zhGu5oNOleMQ5CMod/'/></a> <h4><a href='YOUR-TWITTER-LINK'>Follow me</a></h4> <p>You can follow my updates on Twitter</p> </li> <li> <a href='YOUR-RSS-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzvaAApajdTk8Gopt7wKA257-2VHyxGWAPCeTniIviGI5musl6Ps8GpExexcGb8R0enFPxP-T3L0ChgkQ7JGHh3qLMJU5l5g8v_ulizdF7XckymY7nDzod2lgrCHU-UZDDJidHYegvO1TM/'/></a> <h4><a href='YOUR-RSS-LINK'>Posts RSS</a></h4> <p>Read my full posts on your favorite feed reader</p> </li> <li> <a href='YOUR-FACEBOOK-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigF82U2FebZGDKWEO02ZdQNKOZqYPTrjmK_Kb1rNr2prmOL75-XGYRArWioMqElrIJXHfia_KBHmLaNfh597GAnbLR2-CD1VE2WxXXI-DOh8HfOxDE_0loJ7WAi-btEAhwq7t2dtK4Avwx/'/></a> <h4><a href='YOUR-FACEBOOK-LINK'>Facebook</a></h4> <p>Become a Simple Box Shadow fan on Facebook</p> </li> <li> <a href='YOUR-EMAIL-SUBSCRIPTION-LINK'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR4k1o1D7-BIoW11YCUtWdHIpMpEUuqPjWQf_O_DUjMC5EyPlHotm0gnKU2kjgu1IG7aEWY98nX_dycYf5V_g-eOi_uJAEeSV1lVpstwA1-L7wYaJnB3KnEeipMBka6mCYiBViAfCBVASU/'/></a> <h4><a href='YOUR-EMAIL-SUBSCRIPTION-LINK'>Subscribe via e-mail</a></h4> <p>Read my latest articles in your e-mail box</p> </li> </ul> </div> </div>
ملحوظه:- لا تنسى تغيير الروابط ذات اللون الاحمر بروابط تسميات مدونتك وذات اللون الاخضر بروابط حساباتك على تلك المواقع.
* بعد الانتهاء من تغيير الروابط وبعد حفظ الاداه قم بسحبها الى العامود الجانبي لمدونتك ثم قم بالحفظ.
* تم الانتهاء من موضوع اليوم بحمد الله وتوفيقه
الموضوع بالكامل منقول من احد المواقع الاجنبيه وتمت ترجمته للافاده
أصدقاء(تطوير ويب)
5تعليقات Blogger
5 عدد التعليقات على موضوع طريقة اضافة اتبعني علي تويتر والفيس بوك والاشتراك في القائمه البريديه بشكل انيق
السلام عليكم،
ما رأيك أخي بالتبادل الإعلاني عبر مدونتي ؟ إذا أعجبتك الفكرة فراسلني عبر http://j.mp/AdM5tar
وعيد مبارك سعيد !
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .