صندوق عائم للإشتراك في خدمة RSS
بسم الله الرحمن الرحيم
اليوم سنتحدث عن خدمة الإشتراك في القوائم البريدية نظرا لأهميتها لكل مدون. في موضوع سابق كنا قد شرحنا طريقة إضافة قائمة بريدية RSS لمدونتك يمكنك زيارة الموضوع من هنا.
قد يعاني الكثير من المدونين من قلة إشتراك زوارهم في خدمة RSS الخاصة بالقوائم البريدية لعدة أسباب، ربما لعدم وجودها أصلا أو لتمركزها في مكان غير مناسب و بشكل غير ظاهر لزرائ مدونتك. و لحل هذه المشكلة أضع بين يديك كود سيجعل صندوق ال RSS ظاهر لزوارك و بشكل ملفت لنظر مما سيزيد من إشتراكهم في قوائم RSS إن شاء الله.
و لكي لا أطيل عليك أتركك مع معاينة الإضافة و طريقة تركيب الإضافة.
لتركيب الإضافة يجب عليك التوجه لموقع feedburner و تفعيل خدمة الإشتراك البريدي إن لم تكن قد فعلتها من قبل، و لفعل ذالك يمكنك تتبع الصورة بالأسفل.
بعد ذالك توجه للوحة تحكم المدونة / تصميم / تحرير HTML / ثم Ctrl+F للبحث عن الكود التالي (لمعرفة المزيد)
بعد أن تجد الوسم قم بإلصاق الكود التالي فوقه مباشرة
#anuncio {
position:absolute;
padding: 2px;
padding-top: 15px;
width: 280px; /* عرض الإضافة*/
visibility: hidden;
z-index: 200;
top: 30px;
left: 30px;
}
#rss-mail {
/* لون الخلفية و الصورة*/
background: #FFFFFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWxQSgw3dLxomCmbsx0A3BXN9iMvsRTLL9lNF3T4xxAFm293svJltwMVmZprhR4KA6IxvB_ueKl7vWYdKAqgzxbbQ4dYe0XtjM4u-Dqyy_RZMA0IPPNzI4D5Q7qN7_AImqkFr7jZKCLrA/s320/pattern_blk_point.png);
border:2px solid #FF8000; /* الحواف */
height:70px; /* إرتفاع الإضافة*/
}
#rss-mail span {
color:#FFFFFF; /* لون النص */
font-size:12px;
font-weight:bold;
line-height:30px;
}
#rss-submit {
background:#FF8000; /* لون الزر*/
border:0px;
}
.rss-box {
height:13px;
margin-top:10px;
color:#6E6E6E;
font-size:12px;
width:135px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
var startX = 30 //set x offset of bar in pixels
var startY = 15 //set y offset of bar in pixels
var verticalpos="fromtop" //enter "fromtop" or "frombottom"
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function closebar(){
if (persistclose)
document.cookie="remainclosed=1"
document.getElementById("anuncio").style.visibility="hidden"
}
function staticbar(){
barheight=document.getElementById("anuncio").offsetHeight
var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
var d = document;
function ml(id){
var el=d.getElementById(id);
if (!persistclose || persistclose && get_cookie("remainclosed")=="")
el.style.visibility="visible"
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
el.x = startX;
if (verticalpos=="fromtop")
el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : iecompattest().scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}
else{
var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("anuncio");
stayTopLeft();
}
if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
//]]>
</script>
بعد ذالك إبحث عن الوسم
بعد ذالك ألصق الكود التالي قبله
<div id='rss-mail'>
<a href='Javascript:void' onClick='closebar(); return false'><img align='right' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhx61rwo0vSooUCGLSXQZAwnaBcvgJH9o2KsE8FFcgqD_eRbJk4YB2P9ipC-AYjfQOvpF-IGgzoP956aO-TMT20PneOsZN0PQWONfkzZFABXmM-5wH32CZx8ib48UBxvUGU3vcBLeqZrb8/s320/cerrar.png'/></a>
<span>أحصل على جديد المدونة مباشرة على بريدك الإلكتروني</span><br/>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoipN9xCftVsOBsjhfzJAO0V2i6FzgOwcjjk6jRjkPh9YgVgJgH21SOgp9n0bWuoUy4r2hL8s3-vYk4ZojJM6sz5TnKWFXivv7CSwKihMy3QTd_RYz7ImBVY-HzpRgrNbPXmFBg9BQ4aY/s1600/rss-icono.png' style='padding:5px; float:left;'/>
<form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=myblog', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>
<input name='email' type='text/'/>
<input name='uri' type='hidden' value='myblog'/><input name='loc' type='hidden' value='es_ES'/><input id='rss-submit' type='submit' value='إشترك الأن'/></form></div></div>
الأن قم بتغير ما هو باللون الأحمر بإسم خلاصتك RSS و هو يكون في أخر رابط الخلاصة RSS مثال لذالك:
http://feeds.feedburner.com/myblog
قم فقط بأخد أخر الكلام في الرابط و ليس الرابط ككل ثم ألصقه في المكان المشار إليه باللون الأحمر.
يمكنك تغير الكلام الموجود في الكود بالكلام اللذي تريده.
الأن إحفظ الإضافة و تمتع بزيادة المشتركين في خدمة قوائم RSS الخاصة بمدونتك و يمكن غلق الصندوق بالضغط على علامة x الخاصة بالإغلاق.
ليست هناك تعليقات:
إرسال تعليق