- fahad
- 3:48 ص
- أضافات ودروس بلوجر
- 3 تعليقات
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
دائما ما يكون الخبر الحصري والجديد في مجال التدوين احد اسباب نجاح بعض المدونات وشهرتها هو المحتوى المتجدد والذي يصل الى المستخدم بشكل سريع عبر عدة طرق منها الشبكات الأجتماعية ومحركات البحث قوقل فنجد دائما أن الزائر يبحث دائما على الخبر
الجديد والموضوع المفيد والغنية بمعلومات
ولهذا السبب يمكنك تقديم خدمة للزوار مدونتك بحيث تتيح لهم الأشتراك بنشرة البريدية
للمدونة لكي تصلهم بالجديد وكذلك بسرعة نقل الخبر إلى بريدهم الألكتروني
الأضافة تتيح للزوارك الأشتراك ببريد الالكتروني
وزيارة صفحة المدونة في الفيس بوك
وكذلك تويتر
كما أنها توفر لهم خلاصة مواضيع المدونة ويمكنهم الأشتراك بموجز التغذية rss
ودائما يسعد صاحب المدونة بأراء وأقتراحات زوار وأعضاء المدونة
أوحتى أستفساراتهم
ولذلك وجب على صاحب المدونة توفير وسيلة أتصال به عبر البريد الألكتروني
بأختصار راح أضع لكم طريقة تركيب الأضافة
صورة للمعاينة الأضافة
النشرة البريدية للمدونات البلوجر |
طريقة التركيب الأضافة
لاتنسى أخذ نسخة إحتياطية للقالب
1- لوحة التحكم
2- تصميم
3- تحريرhtml
4- توسيع القالب
بعدها أبحث عن الكود التالي
]]></b:skin>
وألصق قبله مباشرة
الكود التالي
.sociallinks ul{
font-family:Oswald;
}
.sociallinks ul li{
float:right;
width:90px;
padding-right:55px;
margin:0 0 0 5px !important;
line-height:48px !important;
}
.sociallinks ul li a{
font-size:21px !important;
}
.sociallinks ul li.w2brss{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhi4Lm2xBHuxgb83Qsz2dnZP37ygHbIKQYSLi2sRWwaDoNsUd-aoyRr008vM2oGsljlkTUDpy1bsdF1FdV1pkOYubEUyQLWhH7BIUGJQfQXKG-2YpCSkHfnWtqgeJt9GSpMV1P9T-EF2_-/s48/RSS.png) no-repeat scroll right center transparent;
}
.sociallinks ul li.w2bmail{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0SiMrhqzubh2oaPBGhAmXCapvHay-QRfZf7dM08whnp6qQWxALhGlKEErLekb3AkwPXuUdswKelXgZNQVoYjvR-vbWmmzwsbWuprvhXCL1skIGJkq-7woMGrqSHAvt4E7iGKSi2yqy8nO/s48/Mail.png) no-repeat scroll right center transparent;
}
.sociallinks ul li.w2btwitter{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOtDu_1PtEKH-sR2LMKRSsOMYy3dqNKLkyaJk0b1SmuVaeeJdbySr-GEj2W2BHkr5oLYwX3IABJBPrqmXxF9FwL8Cov1_Rbz6SsQopGz0B5m_mzVuC7AoFYJ4H63NhVAQ6-T74WbqqX_Rv/s48/Twitter2.png) no-repeat scroll right center transparent;
}
.sociallinks ul li.w2bfacebook{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiPdieL-bkua14E6Wl03KlhX2g9cGdYyHfPUc7rqxgooILcRdUjL__Dmc8YkJAMCne4LavEPo7dnSK3EDHpkGfE6AWTPM5_k91AaSwfZk3DYVYyjAnzYWJQk9ge6Dp5qmxDBx73RyNwoCB/s48/Facebook.png) no-repeat scroll right center transparent;
}
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.emailtext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtadhigIbXckRGoVWu2MgfHp7Jv3kna5ocYObrup-Hlzu595-ApPhj9g0to8mxiDsYJaihXQ_A-3TUFoOG_t7XNFouClfYhEUOcNMNM9e4-RpMKOd4oIPA2UAiMxYNsFqTCKHfTq8xIasv/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 35px 7px 15px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.ebutton{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, right top, right bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
بعد ذلك أعمل حفظ للقالب
ثم
أختار ( تصميم )
أضافة أداة
أختار
تهيئة HTML/JavaScript
وبعد ذلك ألصق الكود التالي
<div class='sociallinks'>
<ul>
<li class='w2brss'><a target='_blank' href='ضع هنا رابط التغذية'>التغذية</a></li>
<li class='w2bmail'><a target='_blank' href='http://feedburner.google.com/fb/a/mailverify?uri=FeedBurner الخاص بك name'>الايميل</a></li>
<li class='w2btwitter'><a target='_blank' href='ضع هنا رابط المدونة في تويتر'>تويتر</a></li>
<li class='w2bfacebook'><a target='_blank' href='ضع هنا رابط المدونة الفيس بوك'>فيس بوك</a></li>
</ul>
</div>
<br />
<div style="text-align: right; display: inline-block;">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open(' عنوان الايميل فيfeedburner', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">
<input type="hidden" value="Anilhindustani" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == "") {this.value = "أضف بريدك الالكتروني....";}" onfocus="if (this.value == "أضف بريدك الالكتروني....") {this.value = ""}" value="أضف بريدك الالكتروني...." name="email" class="emailtext" />
<input type="submit" class="ebutton" value="أرسال" title='' al='' />
</form>
</div>
<div class='clear'></div>
عدل ماحدد بلون الأزرق بما يتوافق مع روابط مدونتك
وأخيرا أعمل حفظ للأضافة
وسلام عليكم ورحمة الله وبركاته
أضافة جميل
ردحذفشكرا لك
أهلا بك
ردحذفسررت بتعليقك
إضافة رائعة لكن حبذا لو تم إضافة رمز اليوتوب، وتقبل تحياتي لك.
ردحذف