بعد العديد من الطلبات و الاستفسارات عن قائمة التسجيل بالمدونة الخاصة بقالب خربوش قررت ان اقوم بطرحها في هذا الموضوع حتى لا اكون بخيلا
اولا هته القائمة من الاضافات التي صممتها بنفسي من الصفر اي انك لن تجدها في اي موضوع كان قبل هذا لا في المدونات العربية او الاجنبية و قد دمجت معها اضافتين اخريين متوفرتين و هما اداة او صندوق الفايسبوك و كذلك اداة آخر المواضيع عبارة عن صور لتصبح الاضافة 3 في 1 لكن اهمها هي اداة
تسجيل الدخول لبلوجر قد يتساءل البعض كيف اقوم بتسجيل الدخول لبلوجر و كيف اقوم به اقول و بكل بساطة ما عليك سوى ادخال بريدك الالكتروني gmail و كلمة المرور و لتدخل الى حسابك مباشرة حتى لا نطيل في الكلام نتجه الى التطبيق:
اولا من اكواد القالب ابحث عن الكود
]]></b:skin> و اضف قبله الكود التالي:
.sing {
width: 94%;
height: 220px;
background: #ccc;
border: 5px solid #aaa;
overflow: hidden;
margin: -15px auto;
}
.singup {
width: 32%;
float: left;
padding: 9px 6px 9px 9px;
border-right: 1px solid #4c5a58;
height: 200px;
overflow: hidden;
}
.singup h3 {
text-align: center;
background: #2493d6;
padding: 10px;
color: #fff;
margin: -9px 1px -1px 3px;
}
#Email {
background: #eee;
padding: 4px 2px 6px;
margin: 2px;
}
#Passwd {
padding: 4px 2px 6px;
background: #eee;
margin: 2px 10px;
}
#signin-btn-ns {
float: left;
padding: 10px;
margin: -10px 5px 8px 0px;
background: #2493d6;
font-family: 'droid arabic kufi'
}
#fb-box {
float: right;
width: 30%;
padding: 10px;
}
#fb-box h3 {
text-align: center;
background: #2493d6;
padding: 10px;
color: #fff;
margin: -10px -10px -3px 0px;
}
table.tr-caption-container {
border: 1px solid #d2d2d2;
padding: 10px 20px 20px 20px;
}
table.tr-caption-container img {
width: 99.5%;
border: 1px solid #d2d2d2!important;
}
td.tr-caption {
font-size: 14px;
font-style: italic;
text-transform: capitalize;}
#po-c {
float: right;
width: 32%;
height: 200px;
margin: 0 auto;
padding: 10px;
}
#po-c h3 {
text-align: center;
background: #2493d6;
padding: 10px;
color: #fff;
margin: -10px 10px -3px 0px;
}
الاكواد الملونة بلون مختلف تعبر عن كول و عرض الاضافة قم بتغييرها حسب مدونتك
بعد ذلك ابحث عن هذا الوسم <div id='main-wrapper'> في حالة لم تجده ابحث عن هذا الكود <div id='main'>
و اضف قبله هذا الكود:
<div class="sing">
<div id='fb-box'>
<h3>تابعنا على الفايسبوك</h3>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com//cazman.man?ref=hl;width=430&amp;height=170&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:290px;" allowtransparency="true"></iframe>
</div>
<div id='po-c'>
<h3>آخر المواضيع المضافة للمدونة</h3>
<style text-type="CSS">
img.label_thumb {float:right;padding:2px;background:#fff;border:1px solid #000;width:70px;height:70px;margin-right:10px;margin-top:5px;margin-bottom:5px; }
img.label_thumb:hover {opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.80;-khtml-opacity:0.8 }
</style>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<div>');for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}
var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}
else thumburl='';}
document.write('<a href="'+posturl+'" title="'+posttitle+'"><img class="label_thumb" src="'+thumburl+'"/></a>');
if(i!=(numposts-1))
document.write('');}
document.write('</div>');}
//]]>
var numposts = 10;</script>
<script type="text/javascript" src="http://kharbouche.blogspot.com/feeds/posts/default?alt=json-in-script&callback=labelthumbs"></script>
</div>
<div class="singup">
<h3>تسجيل الدخول بمدونة بلوجر</h3><br/><form action="https://www.google.com/accounts/ServiceLoginBoxAuth" method="post" onsubmit="onlogin()"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div>
<label for="Email"><b>اسم المستخدم : </b><input id="Email" tabindex="1" value="" name="Email" size="35" type="text"/></label></div><div>
<label for="Passwd"><b>كلمة السر : (<a target="_top" title="هل نسيت الرقم السري" href="https://www.blogger.com/forgot.g">؟</a>)</b> </label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="35" type="password"/></div><br/>
<input id="signin-btn-ns" tabindex="0" value="سجل الدخول الآن" class="ubtn ubtn-block" name="submit" type="submit"/></form>
</div>
</div>
غير ما باللون الاحمر بحساب صفحتك على الفايسبوك و غير رابط مدونتي برابط مدونتك و استمتع بالاضافة .
ملاحظة: حتى اوفر عليك قمت بتحويل كود ال اش تي ام ال باداة محول الاكواد مسبقا.
اتمنى ان تكون الاضافة حازت اعجابكم و السلام عليكم
ليست هناك تعليقات :
يسعدنا تفاعلكم بالتعليق , لكن يرجى مراعاة الآداب العامة وعدم نشر روابط إشهار حتى ينشر التعليق , ولا ننشر تعليق يخص مدونات تخالف الشريعة الإسلامية , اما لو لديك سؤال خارج الموضوع يرجى الإتصال بنا , واحب ان انبهك انه عند تعليقك تستطيع متابعة التعليق من خلال " إعلامي " الموجودة اسفل يسار الصندوق.