+ + + + +
Share/Save/Bookmark

2008-10-25

مواضيع ذات صلة





باختصار وكما يشير العنوان

طريقة جديدة وظيفتها ادراج المواضيع ذات الصلة بعد الانتهاء من البوست
* تذكر ان تاخذ نسخة احتياطية من القالب قبل البدء
1- اذهب الى صندوق الاكواد
dashboard > template > layout > editHTML
واضغط على المربع الصغير اللى اللى اسمه
Expand Widget Templates
2- ابحث عن
<data:post.body/>

وفى السطر التالى لهذا السطر اضف القطعة التالية


<b:if cond='data:blog.pageType == "item"'>
<div class='similar'>
<div class='widget-content'>
<h3>مواضيع ذات صلة</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro'>
</div>
<script type='text/javascript'>



var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;


maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;


for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;


if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {


var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}


var labelArray = new Array();
var numLabel = 0;


<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>


</div>
</b:if>


3- احفظ , بس



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-09-11

ممنوع الحذف picturesss

















+




























الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

Link List متمددة



باختصار : طريقة عمل قطعة روابط زى الموجودة هنا فى المدونة , اللى اسمها " الفهرس " على ايدك اليمين


<b:widget id='LinkList50' locked='false' title='List Title' type='LinkList'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;">');
//]]>
</script>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/a>');
//]]>
</script>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>



ولو عايز القطعة تظهر وتختفى من خلال الضغط على علامة ( +/- )



<b:widget id='LinkList50' locked='false' title='List Title' type='LinkList'>
<b:includable id='main'>
<script type='text/javascript'>
//<![CDATA[
if(typeof(rnd) == 'undefined') var rnd = '';
rnd = Math.floor(Math.random()*1000);
rnd = 'id-' + rnd;
document.write('<a href="#" onclick="tmp = document.getElementById("' + rnd + '"); tmp.style.display = (tmp.style.display == "none") ? "block" : "none"; return false;" style="float:left;margin-right:5px;">[+/-]<\/a>');
//]]>
</script>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div id="' + rnd + '" style="display:none;">');
//]]>
</script>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<script type='text/javascript'>
//<![CDATA[
document.write('<\/div>');
//]]>
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>






طريقة الاضافة : بعد الانتهاء من تخصيص الكود , روح لصندوق الاكواد انزل تحت هاتلاقى القطع بتاعتك شكلها زى كده , مثلا


<b:widget id='HTML3' locked='false' title='Posts' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='فهرس الدروس' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='رابط المدونة' type='HTML'/>
<b:widget id='HTML11' locked='false' title='ضع ايميلك لتصلك اخر المواضيع' type='HTML'/>
<b:widget id='HTML6' locked='false' title='كلمنى لو اونلاين' type='HTML'/>



هاتضع انت كود القطعة بالكامل بين احدى تلك القطع , مثلا


<b:widget id='HTML3' locked='false' title='Posts' type='HTML'/>
<b:widget id='LinkList1' locked='false' title='فهرس الدروس' type='LinkList'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>


ضع كل الكود هنا فى السطر ده

<b:widget id='HTML5' locked='false' title='رابط المدونة' type='HTML'/>
<b:widget id='HTML11' locked='false' title='ضع ايميلك لتصلك اخر المواضيع' type='HTML'/>
<b:widget id='HTML6' locked='false' title='كلمنى لو اونلاين' type='HTML'/>


وبعدين تحفظ

ملاحظة مهمة جدا : لو ناوى تحط اكثر قطعة من النوع ده , لازم تغير الآى دى "id" قبل الاضافة , هنا الآى دى "LinkList50" مكتوبه باللون البحلقى ده فوق , ولازم تغيره تخليه مثلا LinkList55 او LinkList66 براحتك .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

تمييز تعليقك عن تعليق الزائرين !!



ملاحظة : تم التحديث نظرا لبعض الشكاوى من عدم فعالية الطريقة , وهذا نظرا لاختلاف بعض القوالب الجاهزة من حيث التصميم والاكواد , تم التحديث بتاريخ : 22/12/2009

طريقة جديدة تقدر بيها تميز تعليقك من بين تعليقات الزائرين الكتييييييرة جدا , ده لو كنت من اصحاب المدونات الشهيرة لا سمح الله او كان نظرك ضعيف فمش بتقدر تشوف تعليقك , او اى سبب تانى , المهم
ادخل المدونة
روح على صندوق الاكواد ومساره كالتالى
dashboard > template > layout > editHTML او ما يقابله باللغة العربية
اضغط على البوكس الصغير اسمه
Expand Widget Templates

ابحث عن الاكواد الخاصة بالتعليقات ( هاتلاقي الفترة الخاصة بالتعليقات اسمها comments غالبا ) وضف لها القطعة التالية فى المكان المناسب


.author-comments {
background: #CC3300;
border: 2px solid #666666;
padding: 5px;
}


وبعد كده ابحث عن الكود التالى باللون الاخضر , وضيف اليه القطع المكتوبة باللون الاحمر



<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
said...
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='author-comments'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:
comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>




وطبعا ممكن تغيركود اللون باى كود لون اخر ( ممكن تدور هنا ) . او تضيف بعض الخصائص من عندك .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

قطعة : ابعتلى احدث المواضيع



قطعة : ابعث لى باحدث المواضيع ( كما بالمدونة هنا ) ووظيفتها اتاحة الفرصة للزوار لمتابعة احدث تدويناتك عن طريق الاشتراك من خلالها .
والجدير بالذكر ان هناك الكثير من المواقع التى تقوم بخدمة التغذية المرتجعة " feed " مثل " feedburner " وهو من أشهرهم .
لكن تلك القطعة الموضحة هنا سيقوم بانشاءها لنا موقع اخر هو
feedblitz , وقمت باختياره لسهولته .
الخطوات سهلة جدا
ادخل
هـــنـــا
هاتلاقى خانتين
اكتب فى الاولى ايميلك
وفى الثانية الرمز الموجود بالصورة
وبعدين اضغط على الزرار اللى اسمه
Install Your Email Subscription Widget on Blogger
وهاينقلك فورا لاضافة القطعة من موقع البلوجر

* * * * *
جدير بالذكر ايضا ان بلوجر عملت خاصية جديده اسمها خاصية التتبع following تقدر من خلالها تتبع اى مدونة تعجبك , لسه الى الان لم تدعم دعم كامل بجميع المدونات لكن قريبا ستراها فى مدونتك ان لم تكن موجوده بالفعل الان .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-08-27

أسئلة الضيوف 2




السلام عليكم ورحمة الله وبركاته

وكل عام وأنتم بخير جميعا



نظرا لان البوست بتاع " اسئلة الضيوف " كبر جدا وزاد عن الـ 110 تعليق ف عين العدو , وأكيد هايكون سبب فى تهنيج أنترنتكسبلوراتكم أو فايرفوكساتكم او أوبراتكم أو أياَ كانت متصفحاتكم إكـُم إكـُم , عشان كده البوست ده كجزء تانى , هنكمل فيه الاسئلة , التعليقات اتقفلت هناك ومفتوحة هنا طبعا ( بنفس الشروط المتفق عليها فى الموضوع الاول واهمها ان الاسئلة تكون غير متعلقة باى درس مشروح هنا , اما لو بخصوص موضوع معين فياريت تحط سؤالك فى نفس الموضوع ) .

بالمناسبة : نظرا برضو لان نظام التعليق الجديد " من أسفل البوست " لا توجد به خدمة تتبع التعليقات , فلو عايز تتبع التعليقات هاتستخدم نظام التعليق القديم بأنك تضغط على كلمة " اضف تعليقك " او " post comment " اللى موجودة تحت كل بوست مباشرة , وهاتنقلك للصفحة الكلاسيكية بتاعة التعليقات . لذا وجب التنبيه والتنويه .

وأمنياتى للجميع بدوام الصحة والإسكان D:


تحديث : التعليقات اتقفلت هنا , هانكمل فى البوست ده اسئلة الضيوف 3



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-08-10

التعليق من اسفل البوست



اخيرا عملت بلوجر نظام التعليق السلس من نفس الصفحة اسفل كل تدوينة زى مدونات الووردبريس بالظبط
وتقدر تنفذها بكل سهولة
1- ادخل
هـــــنـــــا وسجل دخولك
2- اذهب الى setting و بعدها comments وغير Comment Form Placement خليها Embedded below post
3- احفظ save

اذهب الى مدونتك و اتاكد ان صندوق التعليقات ظهر تحت البوست
لو مكنش ظهر كمل الخطوات التالية
4-فى مد ونتك اذهب الى Layout "تخطيط" ثم edit html"تحرير هتمل"
5-علم على المربع الصغير اللى اسمه Expand widget templates
6-ابحث عن

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>



وبدلها بـــ

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>



واحفظ :)



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-06-12

اعلان هام




تم بحمد الله افتتاح
مدونة للقوالب
تضم تقريبا كل القوالب اللى عالويب .
ادخل وخد اللى انت عايزه



انتبة : قبل تركيب قالب جدبد
1- خذ نسخة احتياطية من القالب القديم download full template واحفظها على الهارد لديك تحسبا لاى ظروف
2- فيه نوعين من القوالب : الاول النوع الحديث " modern " او " xml " , والنوع الثانى القديم " الكلاسيك classic " .
فلو نظامك قديم وحاولت تركب قالب حديث هاتطلعلك رسالة خطأ , ولازم تحول نظامك الى النظام الحديث اولا ubgrade to modern mode ثم تشغيل القالب الحديث بعد كده .
ولو نظامك حديث وعاوز تركب قالب كلاسيك فلازم ترجع النظام الى النظام القديم اولا convert to classic . ولو انى لا افضل النظام القديم
3- كل القطع هاتعرض للحذف - القطع كالبروفايل وخلافه وليس البوستات - بعد تشغيل القالب الجديد .
روابط تهمك قبل البدء :
كيفية الحفاظ على القطع من الحذف من
هــــنــا او من هـــنـــا
التحويل من الظام القديم للنظام الحديث من
هـــنـــا
مركز مساعدة البلوجرز من
هــــــــنــــــا






الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-05-22

انشاء بوستات متمددة


هذا الشرح مخصص لاصحاب القوالب المودرن xml فقط . وبعد تنفيذ الحطوات بشكل سليم ستصبح تدويناتك بها امكانية التمدد عن الضغط على " اقرا المزيد ... " فى نفس الصفحة , كما فى هذه التدوينة



الخطوات :

1- خذ نسخة احتياطية من القالب تحسبا لاى ظروف download full template واحفظها على الهارد .

2- اذهب الى صندوق الاكواد dashboard > template > layout > editHtml ثم اضغط على المربع Expand Widget Templates الموجود مباشرة فوق صندوق الاكواد لكى تتمدد وتراها بالشكل الحقيقى .

3- ابحث عن </head> , ثم اضف قطعة الاكواد التالية "جافا سكريبت" فى السطر السابق لها
كود الجافا سكريبت من هـــــنــــا



4- ابحث فى القالب عن includable id='post' , ثم احدث التغيرات الموجوده فى هذه الصفحة الملونة باللون الاحمر . او قم بنسخ القطعة كاملة ولصقها فى المكان الملائم بالتحديد وبدقة , تعامل بحذر .
ملحوظة : فى هذا الملف ستجد جملتى Summary only... و Read More... يمكنك ان تبدلها بالرموز التى تناسبك , انا ابدلتهم بـ ( اخفاء ) و ( اقرأ المزيد ) .


5- اذهب الى خيارات المدونة setting ثم formatting "تهيئة" , ستجد صندوق نصى بعنوان "Post template" ( او مايقابله باللغة العربية لو كانت مدونتك معربة ) , انسخ فيه تلك القطعة الملونة باللون الاحمر كاااملة , ثم احفظ .

هنا بداية البوست
<span id="fullpost">
هنا بقية البوست
</span>



6- الان عند انشاء بوست جديد انتقل الى وضع الـ editHtml , ستجده بهذا الشكل




اضغط على الصورة لتراها بشكلها الحقيقى



اكتب انت بداية البوست فى المكان المحدد , وبقية البوست المختفى فى المكان المحدد ايضا .

7- اخبرنى بالنتيجة (:

8- ملحوظة مهمة جدا : يجب ان تعرف ان كود span يستخدم فى التحكم بلون وحجم الخط عند استعمالك لوضع compose , وحيث ان هذا الكود يحتاج الى غلق بهذا الشكل /span فستجد ان اكواد الغلق الخاصة بالخط ستتعارض مع كود " التمدد " الذى اضفناه فى الخطوة رقم 5 , لذلك يجب عليك ان تتعامل مع الوضع editHtml بحرفية اكثر , بحيث تكون اقسام البوست divisions داخل كودى span و /span . بهذا الشكل .


اضغط على الصورة لتراها بالحجم الحقيقى
تاكد ان كودى البدء والاغلاق الملونين باللون الازرق يقعان خارق اكواد الاقسام كما هو موضح .
ملحوظة كمان : لو عايز توصلك احدث المواضيع فور نشرها سجل نفسك فى المربع اللى تحت على ايدك اليمين ونتا نازل .
ملحوظة كمان مرة : عذرا للتاخير ولا تتوقعوا الرد السريع فى تلك الفترة .


© © © © ©




الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-05-20

اسئلة الضيوف


هذه التدوينة مخصصة للاسئلة بخصوص البلوجرز , او حول الـ css او الـ html او الـ xml , او اى اسئله اخرى ليس لها علاقة باى موضوع من المواضيع المشروحة , ضع سؤالك فى التعليقات على هذه التدوينة , وسيتم الاجابة عليه فى اقرب فرصة مدعومة بالصور لو لزم الامر . اما اذا كان استفسارك يخص اى موضوع مشروح بالفعل , فرجاءا ترك السؤال فى تعليق فى الموضوع المحدد , ورجاء اخر استخدم لينك خاص بك اثناء التعليق , سواء ايميل او مدونة او موقع لسهولة الاتصال , وابتعد عن " غير معرف " او مجرد اسم بلا عنوان ,ورجاء اخير الاعلام بالنتيجة بعد كل اجابة , وشكرا لتعاون الجميع .
سيتم ادراج كل الاسئلة واجاباتها هنا فى البوست للمزيد من التسهيل والايضاح ولكى يستفيد منها الجميع .


__________________________________



At 01 أبريل, 2008 05:04 م ابو بدر said...


اخي العزيز وائل

السلام عليكم
لدي إستفسار ارجو ان تجيبني عليه وهو أن مدونتي تظهر عليها علامة التعديل التي على شكل مفتاح برغي سواء تم الدخول عليها عن طريق المعرف الخاص بي أو حتى بدون المعرف بمعني لو انك انت الآن دخلت عليها سوف ترى هذه العلامة وقد وضحتها لك بالصور في الرابط المرفق ..
ماأفعل لأجعل هذه العلامة لا تظهر لكل الزوار والمشاهدين يبدو انني عملت حاجة غلط فضلا إذا كنت تعرف الحل فلا تبخل علي..
أخوك أبو بدر
وهذا رابط الصورة..
http://almasken.googlepages.com/jpg


________________


ابو بدر :
وعليكم السلام ورحمة الله

بسيطة ,هاتدخل لصفحة عناصر المدونة
متبعا هذا المسار او ما يقابله باللغة العربية لو كانت مدونتك معربة


اضغط على edit
الموجودة اسفل " الاطار الرئيسى " اللى فيه التدوينات .
هاتظهرلك صفحة فيها الادوات اللى بتظهر اسفل كل تدوينة
احذف علامة " صح " من اداة التحرير اللى مدايقاك وهايكون اسمها :

. واحفظ


على فكرة ده " قلم رصاص " مش " مفتاح برغى " بالمناسبة (:

__________________


At 01 أبريل, 2008 05:16 م المدير العام said...

الأخ وائل..
السلام عليكم و رحمة الله و بركاته..
لا اخفي عنك انني وصلت عن طريق الصدفة الى مدونتك الاكثر من رائعة عن طريق عمليات البحث على جوجل.. و تعلمت كثيرا من مدونتك الى ان اتممت بناء مدونتي engineer-it.blogspot.com حتى ان وصلت للشكل الذي هي عليه الآن.
سؤالي لك لو سمحت :
اريد ان افصل بين التدوينات بصورة تتكرر بين كل تدوينة و اخرى اسوة بهذه المدونة keesfeshar.blogspot.com و ذلك باستخدام القالب العادي الذي استخدمه في مدونتي الآن بدون اضافة قالب جديد فما هو الحل برايك؟؟
كما انني اود ان اضيف فواصل بين الويدجيت الموجودة في السايد بار فهل من طريقة لذلك.؟؟
كما ارجو اخيرا أن تعلمني برايك الشخصي بمدونتي للاستفادة من خبرتك في هذا المجال و كيف السبيل الى زيادة عدد زوار المدونة فأنا اعاني شحا ً في الترافيك.. و لك جزيل الشكر و الامتنان

________________



المدير العام :

وعليكم السلام ورحمة الله وبركاته (:

الفصل بين التدوينات :

فى صندوق الاكواد الخاص بك

ابحث عن القطعة التى تحتوى على اكواد " التدوينة " واسمها

.post {



من ضمن الاوسمة التى توجد بتلك القطعة وسم البوردر " border " بهذا الشكل

border-bottom: 3px solid #f7e8d8;



طبعا كل القيم اللى موجوده هنا كمثال فقط , يمكنك تغييرها , والوسم ده هايقوم بانشاء " خط " سمكه 3 بيكسل بين كل تدوينة والاخرى , ممكن تستعمل صورة بيدل " الخط " لو عايز . بس الكود هايتغير وهايبقا بالشكل ده :

border-bottom: url(لينك الصورة هنا);



لو كان الوسم موجود بالفعل غير قيمته من " صفر " الى قيمة صحيحه , ولو مكنش موجود انسخه انت ضمن اوسمة هذه القطعة اللى اسمها مرة تانية :

.post {



اما اذا كانت القطعة كلها مش موجوده
اعملها بنفسك

.post {
padding: 0;
border-bottom: 3px solid #f7e8d8;
}



________________


اما مسالة الفواصل بين الويدجات فالاسهل تعمل " خط " اسفل اكواد كل ويدجيت على حده , ادخل اى ودجيت واعمله " تحرير " مثلا , وانزل تحت اكتب :


<br> ـ ـ ـ ـ ـ ـ ـ ـ ـ ـ <br>




هاتلاقيه عمل خط

________________


بخصوص زيادة الترافيك , اهم شئ : المحتوى ثم المحتوى ثم المحتوى ثم المحتوى ....
بعد كده استخدم طرق الاعلان عن المدونة
وشارك فى مدونات الاخرين بشكل كبير
وضع روابطهم عندك, واسالهم انهم يضعوا رابطك عندهم . دى اهم حاجات ف رايى



اتمنى اكون افتدتك :)

---------------------

At 14 أبريل, 2008 04:23 م أحمد علي said...

انا عاوز أترجم المدونة للغات أخري مش أنجليزي بس ... انت شارح انجليزي بس فممكن طريقة تخليني أترجم مدونتي لأكتر من لغة علشان يعم الخير أرجوك أشرح الموضوع بالتفصيل ولا تعطيني رابط ترجمة المدونة للغات أخري فقط فأنا قرأتة لكن لم أجد في جوجل أكثر من الانجليزي " يعني من عربي الي انجليزي و بس " وطبعا شكرا مقدما



------------------

أحمد على :
بخصوص الترجمة الى لغات اخرى غير الانجليزية :
يمكنك استعمال الكود التالى :


<form action="http://www.google.com/translate" >

<script language="JavaScript">
<!--
document.write ("<input name=u value="+location.href+" type=hidden>")
// -->
</script>

<input name="hl" value="en" type="hidden">

<input name="ie" value="UTF8" type="hidden">

<input name="langpair" value="" type="hidden">

<input name="langpair" value="enfr" title="French" src= "http://photos1.blogger.com/img/43/1633/320/13539949_e76af75976.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="ende" title="German" src= "http://photos1.blogger.com/img/43/1633/320/13539933_041ca1eda2.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="enit" title="Italian" src= "http://photos1.blogger.com/img/43/1633/320/13539953_0384ccecf9.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="enpt" title="Portuguese" src= "http://photos1.blogger.com/img/43/1633/320/13539966_0d09b410b5.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="enes" title="Spanish" src= "http://photos1.blogger.com/img/43/1633/320/13539946_2fabed0dbf.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="enja" title="Japanese" src= "http://photos1.blogger.com/img/43/1633/320/13539955_925e6683c8.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="enko" title="Korean" src= "http://photos1.blogger.com/img/43/1633/320/13539958_3c3b482c95.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair" value="enzh-CN" title="Chinese Simplified" src= "http://photos1.blogger.com/img/43/1633/320/14324441_5ca5ce3423.jpg" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30">

<input name="langpair2" value="enar" title="Arabic" src= "http://photos1.blogger.com/blogger/3709/485/1600/arabic-flag.gif" onclick="this.form.langpair.value=this.value" height="20" type="image" width="30" />
</form>


هاتنشأ اداه من النوع Html/Java script وتنسخ فيها الكود وتحفظ .

او بطريقة اسهل انك تدخل الصفحة دى
هــــنـــا , وتنشأ قطعة جاهزة من جوجل فى مدونتك بانك تدوس على زرار Get widget .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

انشاء قائمة روابط منزلقة



كيفية انشاء قائمة روابط منزلقة :

سهلة جدا , اذهب واصنع اداه add a page element من صفحة عناصر مدونتك , واختار html/java script " هتمل جافا سكريبت " ثم انسخ فيها هذا الكود بعد ان تخصصه حسب احتياجك وحسب الروابط الخاصة بك

الشكل الاول : الروابط ستفتح مباشرة عند الضغط عليها فى نفس النافذة :

<form>
<select onChange="location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذه جديده :

<form>
<select onChange="PopUpName=window.open('','PopUpName');PopUpName.location=this.options[this.selectedIndex].value;">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
</form>


مثال للشكل الاول :






------------------------

الشكل الثانى : الروابط ستفتح عند الضغط على زرار " اذهب " فى نفس النافذة , كما فى المثال

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

او هذا الكود اذا اردت ان تفتح الروابط فى نافذة جديده :

<form>
<select name="menu">
<option value="http://www.msn.com/">MSN.com</option>
<option value="http://www.google.com/">google.com</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');PopUpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>

مثال للشكل الثانى:









--------------------

تخصيص الروابط :

فى الامثلة السابقة يوجد رابطين فقط لموقعى msn و google , لاحظ ان اسماء المواقع باللون الاحمر بينما رابط المواقع باللون الازرق , اذا اردت ان تضيف عددا اكبر كل ماعليك انك تكرر تلك السطور , مثال


<form>
<select name="menu">
<option value="رابط اللينك الاول">اسم اللينك الاول</option>
<option value="رابط اللينك الثانى">اسم اللينك الثانى</option>
<option value="رابط اللينك الثالث">اسم اللينك الثالث</option>
<option value="رابط اللينك الرابع">اسم اللينك الرابع</option>
<option value="رابط اللينك الخامس">اسم اللينك الخامس</option>
</select>
<input type="button" onClick="PopUpName=window.open('','PopUpName');PopUpName.location=this.form.menu.options[this.form.menu.selectedIndex].value;" value="GO">
</form>






الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2008-05-16

قطعة لتقييم تدويناتك


الان تستطيع اضافة قطعة كى يقوم الزائرون بتقييم تدويناتك من خلالها
للبدء فى انشاءها اتبعى معى

اذهب الى صندوق اكواد مدونتك عن طريق هذا المسار
dashboard > template > layout > edit html
فوق صندوق الاكواد مباشرة ستجد مربعى صغير اسمه Expand Widget Templates , علم عليه " اضغط عليه بالماوس " كى تتمدد اكواد القطع وتراها بصورتها الكاملة
الان ابحث فى صندوق الاكواد ( يمكنك البحث عن طريق crtl + f ) , ابحث عن

<data:post.body/>


تحت هذا السطر الموجود به تلك القطعة مباشرة , اضف تلك القطعة الاخرى :

<script language='JavaScript'>var OutbrainPermaLink='<data:post.url/>';var OB_demoMode = false;var OB_Script = true;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>

واخيرا اضغط preview لترى النتيجة , ثم احفظ عملك , وادعيلى .



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

ماهى افضل تدويناتك ؟


ملحوظة : تم التحديث والتعديل


هذه القطعة وظيفتها عرض اشهر او افضل التدوينات التى قمت انت بكتابتها فى مدونتك حسب عدد التعليقات والزيارات لتلك التدوينات على الترتيب .

للبدء فى انشاءها ابدأ معايا :

- اذهب الى هذا الموقع
the AideRSS homepage
- فى الصندوق اكتب اسم مدونتك بالشكل التالى
http://yourblog.blogspot.com/rss.xml

( استبدل كلمة yourblog باسم مدونتك )ثم اضغط analyse .
- انتظر حتى يتم التعرف على مدونتك وترتيب التدوينات حسب الاشهر , ستظهر لك ضفحة بهذا الشكل


- اضغط على كلمة Sharing and Widgets الموضحة فى الصورة
- فى الصفحة التالية سيظهر لك الكود بالجهة اليمنى , وشكل القطعة التى ستظهر بعد استخدام الكود فى الجهة اليسرى
- خذ الكود وضعه فى اداه html/java script فى مدونتك عن طريق " اضافة عنصر " add a page element من صفحة عناصر مدونتك , ثم احفظ .


تحديث :


واضح ان شكل الموقع اتغير شوية عن اللى فى الصورة

اللى موجود حاليا ابسط بكتير


انك تدخل على اللينك التالى


Top Posts Widget


وتختار Get Widget الخاصة بBLOGGERبلوجر

وتكتب اسم مدونتك او اى مدونة او موقع فى الخانة
Specify your website address

وبعدين هاتلاقى الكود فى اسفل الصفحة

تاخده وتتعامل معاه طبيعى زى اللى فات

لذا وجب التنبيه



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا