شامل كوم

أداة ترجمة المدونة لبلوجر و ووردبريس من Google

| ]

بسم الله و بعد الصلاة و السلام على خير الأنام محمد الصادق الأمين صلى الله عليه و سلم ، السلام عليكم و رحمة الله . إخواني الكرام في هذا الموضوع بإذن الله سنتعرف طريقة تركيب إضافة ترجمة المدونة إلى لغات عدة ، و طبعا هي إضافة قديمة نوعا ما لكن نعيدها علها تكون مفيدة للمنطلقين في عالم التدوين . بداية الإضافة هي عبارة عن كود ندرجه في مربع جديد بالقائمة الجانبية و طبعا مسار العملية معروف و نعيده للتذكير.
من لوح تحكم المدونة نصل إلى عناصر الصفحة المنضوية تحت باب التخطيط ، ثم نحدد مكانا مناسبا و نضغط رابط "إضافة أداة" و من النافذة المنبثقة نعين مستطيل "Html/Javascript" الـــــــــذي يبدو في هذه الصورة :

ثم نمنحها عنوانا إن شئنا و ندخل كود إضافة ترجمة غوغل Google Translation و نضغط زر الحفظ لإنهاء العملية .
» الأكواد مع أمثلة لمظهر الإضافة .

<div style="border:1px solid #ccc;padding:10px 0px 3px 0px;text-align:center;background-min-width:150px; margin: 5px 0 5px 0;">

<div align="center" style="width:auto;">



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Czh-CN&hl=ar&ie=UTF8'); return false;" title="Arab to Chinese (Simplified) BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Chinese (Simplified) BETA" src="http://i25.tinypic.com/1zbgkz6.jpg" height="18" title="Arab to Chinese (Simplified) BETA"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cen&hl=ar&ie=UTF8'); return false;" title="Arab to English "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to English " src="http://i31.tinypic.com/11mdgz9.jpg" height="18" title="Arab to English"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cfr&hl=ar&ie=UTF8'); return false;" title="Arab to French "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to French " src="http://i29.tinypic.com/2psktx0.jpg" height="18" title="Arab to French "/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cit&hl=ar&ie=UTF8'); return false;" title="Arab to Italian"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Italian" src="http://i25.tinypic.com/17qxy1.jpg" height="18" title="Arab to Italian"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cde&hl=ar&ie=UTF8'); return false;" title="Arab to German"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to German" src="http://i28.tinypic.com/ayrq09.jpg" height="18" title="Arab to German"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Chi&hl=ar&ie=UTF8'); return false;" title="Arab to Hindi"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Italian" src="http://i27.tinypic.com/5y4ua8.jpg" height="18" title="Arab to Hindi"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cja&hl=ar&ie=UTF8'); return false;" title="Arab to Japanese BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Japanese BETA" src="http://i31.tinypic.com/30vzlli.jpg" height="18" title="Arab to Japanese BETA"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cko&hl=ar&ie=UTF8'); return false;" title="Arab to Korean BETA"><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Korean BETA" src="http://i31.tinypic.com/116s2sl.jpg" height="18" title="Arab to Korean BETA"/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Cru&hl=ar&ie=UTF8'); return false;" title="Arab to Russian BETA "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Russian BETA " src="http://i30.tinypic.com/n18qkj.jpg" height="18" title="Arab to Russian BETA "/></a>



<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=ar%7Ces&hl=ar&ie=UTF8'); return false;" title="Arab to Spanish "><img border="0" style="cursor:pointer; cursor:hand;" width="24" alt="Arab to Spanish " src="http://i30.tinypic.com/2cgxwdx.jpg" height="18" title="Arab to Spanish "/></a>

</div>

<sup>بدعم من </sup> <img align="absbottom" src="http://i28.tinypic.com/ilempw.jpg"><br/>

<small><a href="http://doaib.blogspot.com/2009/07/google.html" target="_blank">احصل على هذه الإضافة</a> </small><br/>

</div>

و للحصول على النتيجة كما في هذه الصورة فقط ابحث في الكود السابق عن min-width:150px و اجعل 300 مكان 150

و لجعلها كما الآتي نضع 156 مكان 150 و نبحث عن أبعاد الصور في الكود

width="24" و height="18"

ثم ننقصها إلى النصف
أي بدل 24 نضع 12 و مكان 18 نضع 9 .

الكود المحدد باللون الأزرق يعرض عبارتي "بدعم من Google" و "احصل على هذه الإضافة" فبحذفه تحذفا . لكن سأكون من الممتنين إن تم الإبقاء على العبارة الثانية و رابطها لدعم المدونة، و ليس هذا شرطا فلو رأيت أنه لا يتناسب و شكل مدونتك فاخذفه لا ضير :)
تنويه : يمكن إدراج الإضافة في ووردبريس Wordpress ، نيوك ، أو زووبس ... فقط يتم وضعه في مربع أو بلوك نص يدعم Html .

ADMIN

تسل مع Google Images

| ]

افتح متصفحك و انتقل إلى صفحة www.google.com ثم اضغط images لتنتقل إلى وضع البحث عن الصور ، ثم اكتب أي كلمة ، مثلا "نهر" أو "زهور" ... طبعا بعد ضغط زر البحث ستبدو لك صفحة النتائج و بها صويرات صغيرة ، إلى الآن لا شيئ غير عادي . إذا دعونا نلهو قليلا . انتقل إلى عمود العنوان في متصفحك و امسح ما به ثم عوضه بهذا الكود ثم اضغط زر Enter . ستلاحظ ن صويراتك التي وجدت أصبحت ... بل اكتشف بنفسك و طبعا لا أحتاج أن أذكر بضرورة تفعيل الجافاسكريبت في المتصفح و إلا ستفوت فرصة للهو قليلا :)

javascript:R= 0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images ; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math. sin(R*x1+ i*x2+x3)* x4+x5; DIS.top=Math. cos(R*y1+ i*y2+y3)* y4+y5}R++ }setInterval('A()',5); void(0)

ألاعيب الجافاسكريبت

ADMIN

بعض من أكثر إضافات فايرفوكس شعبية Firefox Add-ons

| ]

في هذا الموضوع بإذن الله و بعد الصلاة و السلام على خير الأنام محمد الصادق الأمين صلى الله عليه و سلم ، سأقدم لكم بعض أكثر إضافات الفايرفوكس شعبية ، التي تيسر مهمة التصفح و استعمال الأنترنت بشكل عام . سترون كيف أن برمجيات مجانية قد توفر وقتنا و جهدنا و بعضا من دريهماتنا . و ينصح أولا بترقية متصفح الفايرفوكس إلى النسخة الأخيرة 3.5 لتتمكنوا من الاستفادة من أحدث الإضافات و تحديثاتها.
و لمزيد من الإضافات يحبذ زيارة Firefox Add-ons أو زيارة النسخة العربية من الموقع. نترككم مع الأضافات.
لزيارة صفحة التنصيب فقط اضغط على عنوان الإضافة.

» Firefox Web Developer
إضافة Firefox Web Developer للمتصفح القوي فايرفوكس ، أتت لتلبي حاجات مشرفي المواقع و المدونات لرصد كل ما يتعلق بشكل صفحاتهم ... تضم العديد من الخدمات و لكل الفئات المتقدمة و المبتدئة :
- تحكم كامل بالكاش ، الخطوط ، الجافا ،الجافاسكريبت ، الألوان ، الأبعاد ، الصور ، الكوكيز ...
- وظاف هامة متعلقة بتحرير و تعديل ال CSS و HTML
- قائمة التحكم في الصور غنية بالوظائف الهامة كتعطيل عرض الصور ، عرض معلوماتها، تجميد الصور المتحركة المزعجة ...

» Linkification
أداة توفر بعضا من الوقت و الجهد، مهمتها تفعيل الروابط النصية غير النشطة لتصبح قابلة للنقر عليها و فتحها دون حاجة لنسخها إلى عمود العنوان في المتصفح . أجدها مفيدة جدا فيما يتعلق بالتعليقات على مدونات بلوغر ...

» ColorZilla
هذه الأداة مفيدة حقا ! فكم مرة يعجبنا لون فنضطر إلى إجراء ترقيعي طويل لمعرفة كود هذا اللون، لكن مع هذه الأداة ستنسخ كود أي لون تريد في متصفحك لتضيفه إلى برنامج الرسم لديك أو قالب مدونتك ... ليس هذا فقط بل تمكنك من تكبير الصفحة لتمييز الفروق اللونية ...

» FireFTP
مدير ال FTP القوي لمتصفح الفايرفوكس ، بضغطة زر واحدة يمكنك الاتصال بموقعك و تنظيم ملفاته دون الحاجة إلى استعمال برنامج إضافي.

» FireShot
الآن بإمكانك تصوير صفحات موقع ما و إضافة توجيهات و شروح لتيسر وصول المعلومة المفيدة لزوار موقعك.

» My Words
كثيرا ما نضطر إلى إعادة بعض العبارات الطويلة أو الأكواد ، هذه الإضافة تمكنك من حفظ جملك و عباراتك التي تكررها دائما للوصول إليها و كتابتها في ثانية و بمجرد ضغط تأليفة من المفاتيح تختارها .

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

ADMIN

إدراج أيقونات المفضلة تحت مواضيع المدونة في بلوجر Social Bookmark

| ]

في هذا الموضوع بإذن الله سنتعرف و رفقتكم الكريمة طريقة إضافة صف لإيقونات مواقع جمع الروابط social bookmark أو المفضلة كما يعرف الجميع . و وقوفا عند طلب أحد الإخوان مشكورا سأحاول بإذن الله شرح طريقة وضعها تحت كل موضوع كما يبدو في الصورة الموالية . و تجدر الإشارة إلى أن هناك طريقة أيسر و أفضل سأقوم بوضعها في موضوع لاحق بإذن الله.

القاعدة الذهبية :

قبل تعديل القالب ، من الضروري حفظ نسخة احتياطية منه لاستعادتها عند الضرورة !
أولا : كالعادة من لوح تحكم المدونة نضغط " التخطيط " ثم " تحرير Html " و نؤشر على خانة توسيع القالب

.
ثم نبحث عن هذا الكود

]]></b:skin>

ثم مباشرة فوقه نضع كود css هذا

.bookmark{
padding:0px;
margin-top:15px;
background:#ddd;
}
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px;
}
.bookmark img { border: 0;
padding:0px;
margin-top:15px;
}

ثم مباشرة فوق

</head>

نضع هذا الكود

<script type='text/javascript'>

//<![CDATA[
// Beautiful Beta Javascript Library
// -------------------------------------------
// Version: 1.04
// Date: 2006-12-21
// Website: http://beautifulbeta.blogspot.com
// -------------------------------------------

function showsbtext(id,index) {
var bookmarktext=document.getElementById(id);
var sbValues= new Array();
sbValues[0] = 'أضف الموضوع إلى مفضلتك';
sbValues[1] = 'أضف إلى <strong>Digg</strong>';
sbValues[2] = 'أضف إلى <strong>Delicious</strong>';
sbValues[3] = 'أضف إلى <strong>Blinklist</strong>';
sbValues[4] = 'أضف إلى <strong>Yahoo Web</strong>';
sbValues[5] = 'أضف إلى <strong>Netvouz</strong>';
sbValues[6] = 'أضف إلى <strong>Ma.gnolia</strong>';
sbValues[7] = 'أضف إلى <strong>Fark</strong>';
sbValues[8] = 'أضف إلى <strong>Furl</strong>';
sbValues[9] = 'أضف إلى <strong>Technorati</strong>';
sbValues[10] = 'أضف إلى <strong>Simpy</strong>';
sbValues[11] = 'أضف إلى <strong>Spurl</strong>';
sbValues[12] = 'أضف إلى <strong>Newsvine</strong>';
sbValues[13] = 'أضف إلى <strong>Blinkbits</strong>';
sbValues[14] = 'أضف إلى <strong>Smarkings</strong>';
sbValues[15] = 'أضف إلى <strong>Segnalo</strong>';
sbValues[16] = 'أضف إلى <strong>De.lirio.us</strong>';
sbValues[17] = 'أضف إلى <strong>Reddit</strong>';
sbValues[18] = 'أضف إلى <strong>Wists</strong>';
sbValues[19] = 'أضف إلى <strong>Google</strong>';
sbValues[20] = 'أضف إلى <strong>Stumbleupon</strong>';
document.getElementById(bookmarktext.id).innerHTML = sbValues[index];
}

function getPostTitle(fullpath) {
var splitinput = fullpath.split("/");
var lastpart = splitinput[5];
var linktext = lastpart.split(".html");
var postlink = fullpath.split("#");
var outputstring = linktext[0].replace(/-/g," ");
outputstring = "\"" + outputstring + "\"";
outputstring = outputstring.link(postlink[0]);
document.write(outputstring);
return;
}

function getCommentLink(clink) {
var splitinput = clink.split("#");
var commentlink = splitinput[0];
commentlink = commentlink.concat("#comment-",splitinput[1]);
var outputstring = "(more)";
outputstring= outputstring.link(commentlink);
document.write(outputstring);
}

function showrecentcomments(json) {
for (var i = 0; i < numcomments; i++) {
var entry = json.feed.entry[i];
var alturl;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
alturl = alturl.replace("#", "#comment-");
var postlink = alturl.split("#");
postlink = postlink[0];
var linktext = postlink.split("/");
linktext = linktext[5];
linktext = linktext.split(".html");
linktext = linktext[0];
var posttitle = linktext.replace(/-/g," ");
posttitle = posttitle.link(postlink);
var commentdate = entry.published.$t;
var cdyear = commentdate.substring(0,4);
var cdmonth = commentdate.substring(5,7);
var cdday = commentdate.substring(8,10);
var monthnames = new Array();
monthnames[1] = "Jan";
monthnames[2] = "Feb";
monthnames[3] = "Mar";
monthnames[4] = "Apr";
monthnames[5] = "May";
monthnames[6] = "Jun";
monthnames[7] = "Jul";
monthnames[8] = "Aug";
monthnames[9] = "Sep";
monthnames[10] = "Oct";
monthnames[11] = "Nov";
monthnames[12] = "Dec";
var comment = entry.content.$t;
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");
if (showcommentdate == true) document.write('On ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday + ' ');
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> commented');
if (showposttitle == true) document.write(' on ' + posttitle);
document.write(':<br/>');
if (comment.length < numchars)
document.write('<i>' + comment + '</i><br/><br/>');
else
document.write('<i>'+ comment.substring(0, numchars) + '...</i><br/><br/>');
}
<br/>
document.write('<span >Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span><br/><br/>');
}

//]]>
</script>

بعدها ابحث عن هذا الكود

و قد تجده على هذا الشكل كذلك

ثم مباشرة تحته كذلك ضع الكود الآتي :

<span class='bookmark'>
<table align='left' border='0' cellpadding='0' width='100%'>
<tr>
<td style='vertical-align:middle' valign='middle' width='25%'>
<div expr:id='"sbtxt"+data:post.id'>أضف الموضوع إلى مفضلتك :</div><script
type='text/javascript'>showsbtext("sbtxt" +
"<data:post.id/>",0)</script>
</td>
<td>
<a expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url
+ "&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",20);"' rel='nofollow' target='_blank'><img
alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a>
<a expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" +
data:post.url + "&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",6);"' rel='nofollow' target='_blank'><img alt='Ma.gnolia'
border='0' src='http://home.kpn.nl/oosti468/images/icon_sb_mag.gif'/></a>
<a expr:href='"http://digg.com/submit?phase=3&url=" +
data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" +
data:post.id + "\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",1);"' rel='nofollow' target='_blank'><img alt='DiggIt!'
src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a
expr:href='"http://del.icio.us/post?url=" + data:post.url +
"&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",2);"' rel='nofollow' target='_blank'><img alt='Del.icio.us'
src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a
expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&Description=&Url="
+ data:post.url + "&Title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",3);"' rel='nofollow' target='_blank'><img alt='Blinklist'
src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a
expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" +
data:post.url + "&=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",4);"' rel='nofollow' target='_blank'><img alt='Yahoo'
src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a
expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url +
"&t=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",8);"' rel='nofollow' target='_blank'><img alt='Furl'
src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a
expr:href='"http://www.technorati.com/cosmos/search.html?url=" +
data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" +
data:post.id + "\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",9);"' rel='nofollow' target='_blank'><img alt='Technorati'
src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a
expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" +
data:post.url + "&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",10);"' rel='nofollow' target='_blank'><img alt='Simpy'
src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a
expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url +
"&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",11);"' rel='nofollow' target='_blank'><img alt='Spurl'
src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a
expr:href='"http://reddit.com/submit?url=" + data:post.url +
"&title=" + data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",17);"' rel='nofollow' target='_blank'><img alt='Reddit'
src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a
expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" +
data:post.url + "&title="+data:post.title'
expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id +
"\",0);"'
expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id
+ "\",19);"' rel='nofollow' target='_blank'><img alt='Google'
src='http://home.kpn.nl/oosti468/images/icon_sb_goo.gif'/></a>
</td>
</tr>
</table>
</span>

و أخيرا احفظ القالب و مبروك عليك !
روابط ذات صلة :
هاك مقدم من طرف Beautifulbeta
موضوع الاقتباس Blogspottutorial
تم تعريب محتويات الكود للمدونات العربية .

المشاركات الشائعة

شامل كوم

كن من أصدقائنا!

المشاركات الشائعة

اشتراك في

شامل كوم

كن من أصدقائنا!