-
السلام عليكم للحصول على غرفه دردشه فى موقعك او مدونتك مثل التى لدى فى مدونه العبور فى الاسفل
هناك موقع رائع يقدم هذه الخدمه مجانا
والغرفه رائعه اذ انه لولم يكن لديك زوار كثيرون على مدونتك او موقعك يمكنك الاشتراك فى مجموعه
يكون عددها كبير
للبدء فى التنفيذ:
ادخل على هذا الرابط http://xat.com/web_gear/?cb
واختار لون الخلفيه التى تريد واختار الحجم والمقاس المناسب
يمكنك ان تتركها كما هى
بعد الانتهاء اضغط على update & getcode
ثم انسخ الكود وضعه فى المكان المناسب
بعد وضع غرفه الدردشه ستكون مثل هذه
https://mwadah.com/images/imgcache/2010/04/385.jpg
يمكنك بعد ذلك الدخول على تحرير دردشتك واضافه مجموعه او تغير الخلفيه
او عمل اعدادت اخرى
-
أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML "
ثانيا : قبل إجراء أي تعديل احفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة.
ثالثا : ضع علامة في خانة توسيع القوالب https://mwadah.com/images/imgcache/2010/04/50.png .
رابعا : ابحث عما يليثم فوقه مباشرة ضع كود ال css الآتي:
(للإشارة هذا الكود يمكنك تخصيصه ليناسب ألوان قالب مدونتك ... )
كود PHP:
/* page-numbers*/
.showpageArea {
font-family:verdana,arial,helvetica;
color: #000;
font-size:11px;
margin: 10px;
}
.showpageArea a {
color: #000;
padding-top: 40px;
text-shadow:0 1px 2px #fff;
font-weight: 400;
}
.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
}
.showpageNum a:hover {
border:1px solid #204e73;
}
.showpageOf{
margin:0 8px 0 0;
}
.showpagePoint {
color:#fff;
text-shadow:0 1px 2px #333;
padding: 3px 8px;
margin: 2px;
font-weight: 400;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #204e73;
background-color: #3c78a7;
text-decoration: none;
}
/* page-numbers end*/
خامسا : ابحث عن
</body>
و فوقه مباشرة ضع هذا الكود:
كود PHP:
<script type='text/javascript'>
var home_page_url = location.href;
var pageCount=10;
var displayPageNum=6;
var upPageWord ='»»';
var downPageWord ='««';
function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
htmlMap[htmlMap.length]='/';
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'&max-results='+pageCount;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
downPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}else{
downPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html += '<span class="showpageNum"><a href="/">1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
html = ''+upPageHtml+' '+html +' ';
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"></span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length) : "";
thisLable = thisLable.indexOf("?")!=-1 ? thisLable.substr(0,thisLable.indexOf("?")) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= '';
var upPageHtml ='';
var downPageHtml ='';
var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';
var thisUrl = home_page_url;
htmlMap[htmlMap.length]=labelHtml;
postNum++;
for(var i=pageCount-1, post; post = json.feed.entry[i]; i=i+pageCount) {
var timestamp1 = post.published.$t.substring(0,19)+post.published.$t.substring(23,29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount;
itemCount++;
}
var banyaknomer = htmlMap.length;
if (json.feed.entry.length % pageCount == 0){
var banyaknomer = htmlMap.length -1 ;
postNum=postNum-1;
};
for(var p =0;p< banyaknomer;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
downPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
downPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}
fFlag++;
}
if(p==(thisNum-1)){
html += '<span class="showpagePoint">'+thisNum+'</span>';
}else{
if(p==0){
html = labelHtml+'1</a></span>';
}else{
html += '<span class="showpageNum"><a href="'+htmlMap[p]+'">'+ (p+1) +'</a></span>';
}
}
if(eFlag ==0 && p == thisNum){
upPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}
}
if(thisNum>1){
if(!isLablePage){
html = ''+upPageHtml+' '+html +' ';
}else{
html = ''+upPageHtml+' '+html +' ';
}
}
html = '<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"></span>'+html;
if(thisNum<(postNum-1)){
html += downPageHtml;
}
if(postNum==1) postNum++;
html += '</div>';
var pageArea = document.getElementsByName("pageArea");
var blogPager = document.getElementById("blog-pager");
if(postNum <= 2){
html ='';
}
for(var p =0;p< pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&&pageArea.length>0){
html ='';
}
if(blogPager){
blogPager.innerHTML = html;
}
}
</script>
<script type='text/javascript'>
var thisUrl = home_page_url;
if (thisUrl.indexOf("/search/label/")!=-1){
if (thisUrl.indexOf("?updated-max")!=-1){
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"));
}else{
var lblname1 = thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"));
}
}
var home_page = "/";
if (thisUrl.indexOf("?q=")==-1 && thisUrl.indexOf(".html")==-1){
if (thisUrl.indexOf("/search/label/")==-1){
document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ></script>')
}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ></script>')
}
}
</script>
لتعديل عدد المواضيع الظاهرة في الصفحة الرئيسية أدخل القيمة المناسبة هنا : var pageCount=10
للإشارة يجب أن يكون العدد نفسه الذي اخترت في إعدادات مدونتك كما يبدو في هذه الصورة.
ضبط عدد أرقام الصفحات الظاهرة يكون عبر تعديل هذه القيمة: var displayPageNum=6
الآن ستظهر أرقام الصفحات في كل صفحات الرئيسية إن كفاك هذا احفظ القالب، أما إذا احببت أن تظهر أرقام الصفحات حتى في صفحات التصنيفات فتابع ما يلي .
أولا : أضف أداة تصنيفات جديدة من لوحة التحكم و بالضبط من عناصر الصفحة، ثم انتقل إلى تحرير HTML و ضع علامة في خانة توسيع القوالب و ابحث عن هذا الكود :
كود PHP:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
ثانيا : حدده عبر تظليله و ضع مكانه ما يلي و احفظ القالبو هنيئا لك.
كود PHP:
<script type='text/javascript'>
var lblname = "<data:label.name/>";
lblname2 = encodeURIComponent(lblname);
var feedlink = '/search/label/' + lblname2+'?&max-results=10';
document.write('<a href="' + feedlink + '">'+lblname+'</a>');
</script>
-
https://mwadah.com/images/imgcache/2010/04/47.png
كيفية إدراج أزرار تزكية المواضيع في المفضلات الاجتماعية و مشاركتها، أدرج بعجالة الطريقة تماما كما أضعها في مدونتي و لكم كامل الحرية في تغيير الأبعاد و الصويرات لتناسب شكل مدوناتكم. و قبل البدء طبعا لا أحتاج أن أذكر كل مرة بضرورة حفظ نسخة احتياطية من القالب قبل أي تعديل أو التجريب أولا في مدونة تجريبية و من ثم الإقدام على التعديلات بالمدونة الشخصية.
أولا من لوح تحكم مدونتك توجه إلى صفحة تحرير HTML و ضع علامة في خانة توسيع القوالب https://mwadah.com/images/imgcache/2010/04/49.png .
ثم ابحث عن الكود الموالي (CTRL+F)
كود PHP:
<b:if cond='data:blog.pageType == "item"'>
كود PHP:
<div style='width:548px; float:right; height:120px; background:#f2f2f2;padding:10px; border:1px #134294 solid;margin-bottom:20px;'>
<div style='width:540px; float:right;font-weight:bold;text-align:right; color:#1C547D; font-style:normal; font-variant:normal; font-size:30px; font-family:Times New Roman; height:35px'>
ساهم في نشر الموضوع و لك جزيل الشكر!
</div>
<p align='center'>
<br/>
<br/>
<a expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Digg' height='60' src='http://lh5.ggpht.com/_fQliT1HyqQc/SyhOqdrzU9I/AAAAAAAAA0o/Alh3qx4k6Yg/digg.png' width='60'/></a>
<a expr:href='"http://technorati.com/faves?add=" + data:post.url' target='_blank'>
<img alt='Technorati' height='60' src='http://lh3.ggpht.com/_fQliT1HyqQc/SyhOwaC5f6I/AAAAAAAAA08/3aojptHqUx8/techno.png' style='padding-top:1px;' width='60'/></a>
<a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='del.icio.us' height='60' src='http://lh5.ggpht.com/_fQliT1HyqQc/SyhOqX-vzzI/AAAAAAAAA0k/tkjq8zI044Q/dele.png' width='60'/></a>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Stumbleupon' height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOwS-K7wI/AAAAAAAAA04/5TeVBl2GOF8/stumb.png' width='60'/></a>
<a expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'>
<img alt='Reddit' height='60' src='http://lh6.ggpht.com/_fQliT1HyqQc/SyhOqo5rkfI/AAAAAAAAA0w/UUXBImEo5MQ/reddit.png' width='60'/></a>
<a expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'>
<img alt='Facebook' height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOqqiNcSI/AAAAAAAAA0s/sGx3cWs2Msc/faceb.png' width='60'/></a>
<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'>
<img alt='Twitter' height='60' src='http://lh3.ggpht.com/_fQliT1HyqQc/SyhOwhno87I/AAAAAAAAA1A/dhDkFtOs-LE/twitter.png' width='60'/></a>
<a href='http://feeds.feedburner.com/doaib'>
<img height='60' src='http://lh4.ggpht.com/_fQliT1HyqQc/SyhOrMbHfgI/AAAAAAAAA00/Ng_qIFYQ_Bk/rss.png' width='60'/></a>
</p>
<a href="http://doaib.blogspot.com/2009/12/blogger-social-bookmarks-buttons.html" target="_blank"><span style="font-size: xx-small;">احصل على هذه الإضافة</span></a>
</div>
شرح الألوان:
* الأحمر : لتعديل عرض الإضافة.
* الأخضر : لتعديل لون خلفية مستطيل الإضافة.
* الأزرق : ضع مكانه العبارة التي تناسبك.
* الأرجواني : مكانه أدرج رابط خلاصة مواضيع مدونتك.
* النيلي : روابط الصويرات في حال أردت استبدالها بأخرى أعجبتك.
كذلك ستجدون height='60' و width='60' و هذه http://www.mwadah.com/images/imgcache/2010/04/44.jpgلتغيير أبعاد الصويرات لتصغيرها أو تكبيرها (يحملان نفس القيمة).
-
قالب IcyBlue المعرب لمدونات بلوجر Blogger
قالب IceBlue مميز و بسيط في شكله لكنه قوي يدعم خصائص عدة منها:
» قائمتان جانبيتان بأبعاد مختلفة
» مناسب لعرض الفيديو
» صديق لمحركات البحث
» مناسب لعرض الوصلات الإشهارية كأدسنس Google Adsense ...
» دعم التنسيق الأيمن و الأيسر للصور في النصوص
» و الكثير من المميزات الهامة ...
القالب من تعريب و تنسيق : ذؤيب
تصميم و تطوير : Simrandeep Singh
النسخة الإنجليزية : مشاهدة مباشرة
النسخة المعربة :مشاهدة مباشرة
تحميل النسخة المعربة
https://mwadah.com/images/imgcache/2010/04/117.gif
-
قالب Arthemia المميز لمدونات بلوجر Blogger
https://mwadah.com/images/imgcache/2010/04/384.jpg
قالب Arthemia مميز و بسيط في شكله لكنه قوي يدعم خصائص عدة منها:
» قائمة جانبية بثلاث أنواع من القوائم ( يمنى و يسرى و أخرى متوسطة بحجم كبير)
» مناسب لعرض الفيديو
» صديق لمحركات البحث
» عرض الصويرات على الرئيسية مع التصغير التلقائي
» خاصية "تابع القراءة ..." التلقائية
» مناسب لعرض الوصلات الإشهارية كأدسنس ...
» دعم التنسيق الأيمن و الأيسر للصور في النصوص
» و الكثير من المميزات الهامة ...
القالب من تعريب و تنسيق : ذؤيب
تصميم و تطوير : Themelib.com
النسخة المعربة : مشاهدة مباشرة
تحميل النسخة المعربة
https://mwadah.com/images/imgcache/2010/04/116.gif
