| 4 تعليقات ]

قالب green-rays لمدونات ووردبريس Wordpress ، معرب و جاهز للتركيب ، القالب بسيط شكلا لكنه أنيق و جذاب و سهل التعديل . طبعا طريقة التركيب معروفة ، فقط فك الضغط عن الملف و ارفع مجلد القالب إلى Themes الموجود داخل wp-content ثم فعله من لوحة التحكم. المثال الموجود للقالب هي هذه الصورة ، أما المثال المباشر ففي القريب بإذن الله و طبعا لا أحتاج لأن أذكر بضرورة استعمال القالب فيما يرضي الخالق عز و جل . نتمنا لكم تدوينا هادفا و علما نافعا!


green rays wordpress theme قالب ووردبريس معرباضغط على الصورة لمشاهدتها بحجم أكبر

مصمم القالب : Themelab
تعريب القالب : ذؤيب
النسخة الإنجليزية : مشاهدة مباشرة
النسخة المعربة : صورة


» تابع القراءة

| 30 تعليقات ]

بسم الله و الصلاة و السلام على خير خلق الله محمد الصادق الأمين .
إخواني الكرام ، هذه إضافة خفيفة ، تعرض عدد المواضيع و التعليقات بمدونات بلوجر (بلوغر) ، و تعتمد في ذلك على خلاصة المدونة . لتنصيبها من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم عناصر الصفحة و أضف أداة Html/Javascript وضع فيها الكود الذي تجده في آخر الموضوع مع إدراج رابط مدونتك بدل الرابط المشار إليه باللون الأزرق ، و إن أحببت أضف عنوانا ثم اضغط زر الحفظ . يمكنك معاينة الإضافة على مدونتي .


إلى الكود إذا :

<script style="text/javascript">
function numberOfPosts(json) {
document.write('عدد المواضيع: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function numberOfComments(json) {
document.write('عدد التعليقات: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<font color="black"><script src="http://doaib.blogspot.com/feeds/posts/default?alt=json-in-script&callback=numberOfPosts"></script>

<script src="http://doaib.blogspot.com/feeds/comments/default?alt=json-in-script&callback=numberOfComments"></script></font>

» تابع القراءة

| 75 تعليقات ]

بسم الله و بعد الصلاة و السلام على خير الأنام محمد الصادق الأمين صلى الله عليه و سلم ، السلام عليكم و رحمة الله . إخواني الكرام في هذا الموضوع بإذن الله سنتعرف طريقة تركيب إضافة ترجمة المدونة إلى لغات عدة ، و طبعا هي إضافة قديمة نوعا ما لكن نعيدها علها تكون مفيدة للمنطلقين في عالم التدوين . بداية الإضافة هي عبارة عن كود ندرجه في مربع جديد بالقائمة الجانبية و طبعا مسار العملية معروف و نعيده للتذكير.
من لوح تحكم المدونة نصل إلى عناصر الصفحة المنضوية تحت باب التخطيط ، ثم نحدد مكانا مناسبا و نضغط رابط "إضافة أداة" و من النافذة المنبثقة نعين مستطيل "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;">

<!-- Arab to Chinese (Simplified) BETA -->

<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>

<!-- Arab to English -->

<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>

<!-- Arab to French -->

<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>

<!-- Arab to Italian -->

<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>


<!-- Arab to German -->

<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>



<!-- Arab to Hindi -->

<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>


<!--Arab to Japanese BETA-->

<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>



<!-- Arab to Korean BETA -->

<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>



<!-- Arab to Russian BETA -->

<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>



<!-- Arab to Spanish -->

<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 .
روابط إضافية : مجلد أيقونات الأعلام // تجريب الإضافة
» تابع القراءة

| 16 تعليقات ]

funny 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)
ألاعيب الجافاسكريبت
» تابع القراءة

| 26 تعليقات ]

قالب Gluttony لمدونات ووردبريس Wordpress ، معرب و جاهز للتركيب ، القالب بسيط شكلا لكنه أنيق و جذاب و سهل التعديل . طبعا طريقة التركيب معروفة ، فقط فك الضغط عن الملف و ارفع مجلد القالب إلى Themes الموجود داخل wp-content ثم فعله من لوحة التحكم. المثال الموجود للقالب هي هذه الصورة ، أما المثال المباشر ففي القريب بإذن الله و طبعا لا أحتاج لأن أذكر بضرورة استعمال القالب فيما يرضي الخالق عز و جل . نتمنا لكم تدوينا هادفا و علما نافعا!


قالب ووردبريس معرب gluttony wordpress themeاضغط على الصورة لمشاهدتها بحجم أكبر

مصمم القالب : wpdesigner
تعريب القالب : ذؤيب
النسخة الإنجليزية : مشاهدة مباشرة
النسخة المعربة : صورة



» تابع القراءة

| 9 تعليقات ]

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

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



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

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



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



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

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


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

| 9 تعليقات ]

بسم الله و الحمد لله و الصلاة و السلام على رسول الله.
إخواني الكرام حياكم الله و بياكم و جعل الجنة مثواكم ، و بعد لقد ارتأيت أن أخرج بمدونة ذؤيب من هذا الجو الضيق و الذي صراحة بدأت أحس فيه بالرتابة و الملل ، و قررت أن أجعلها منوعة لا تختص بشيء محدد بل تتطرق إلى كل مفيد و نافع ... و قبل ذلك ارتأيت أن أنشئ مدونة أخرى غير هذه لهذا الغرض لكن ليس يسيرا أن تفكر في الكتابة في الجهتين . فقررت ما أطلعتكم عليه . لكن مكانة بلوغر و دعمه محفوظة و لها ركنها الخاص في مدونة ذؤيب .
أسدلوا الأشرعة .. سنبحر بعد قليل !

أجمل التحيات و خالص المنى !
أخوكم ذؤيب
» تابع القراءة

| 38 تعليقات ]

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


تحديث : الآن أصبح بالإمكان إضافتها بطريقة سهلة من خلال أداة التسميات . تابع الشرح من هنــــا .



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

<b:widget id='Label1' locked='false' title='تصنيفات' type='Label'>

الكلمة باللون الأخضر تختلف عادة فهناك من يسميها أقسام و آخر تصنيفات ... لذلك حاول أن تبحث فقط ببعض الكود مثلا widget id='Label1 ثم انظر إن كان يشبه الكود السابق . بعد إيجاده قم بتحديده كاملا أي ابتداء من القوس المعقوف الأول و انتهاء عند الثاني كما في الصورة ثم تلصق مكانه الكود الأخير الذي بعد الصورة و تحفظ القالب و مبروك عليك .


الكود :

<b:widget id='Label1' locked='false' title='كلمات مفتاحية' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content' style='text-align: justify;'>
<script type='text/javascript'>

/*
Simple Blogger Tag Cloud Widget
by Raymond May Jr.
http://www.compender.com
Released to the Public Domain
*/

//Settings / Variables
var max = 150; //max css size (in percent)
var min = 70; //min css size (in percent)
var showCount = false; // show counts? true for yes, false for no
var minCount = 1; // what is the minimum count for a tag to be shown? 1 for all


//Begin code:
var range = max - min;

//Build label Array
var labels = new Array();
<b:loop values='data:labels' var='label'>
labels.push(&quot;<data:label.name/>&quot;);
</b:loop>

//URLs
var urls = new Array();
<b:loop values='data:labels' var='label'>
urls.push(&quot;<data:label.url/>&quot;);

</b:loop>

//Counts
var counts = new Array();
<b:loop values='data:labels' var='label'>
counts.push(&quot;<data:label.count/>&quot;);
</b:loop>

//Number sort funtion (high to low)
function sortNumber(a, b)
{
return b - a;
}

//Make an independant copy of counts for sorting
var sorted = counts.slice();

//Find the largest tag count
var most = sorted.sort(sortNumber)[0];

//Begin HTML output
for (x in labels)
{
if(x != &quot;peek&quot; &amp;&amp; x != &quot;forEach&quot; &amp;&amp; counts[x] >= minCount)
{
//Calculate textSize
var textSize = min + Math.floor((counts[x]/most) * range);
//Show counts?
if(showCount)
{
var count = &quot;(&quot; + counts[x] + &quot;)&quot;;
}else{
var count = &quot;&quot;;
}
//Output
document.write(&quot;<span style='font-size:&quot; + textSize + &quot;%'><a href='&quot; + urls[x] + &quot;' style='text-decoration:none;'>&quot; + labels[x] + count + &quot;</a></span> &quot; );
}
}

</script>
</div>
</b:includable>
</b:widget>


بعدها يمكنك إضافة مربع تصنيفات بشكله التقليدي العادي .
روابط ذات صلة : Compender
» تابع القراءة

| 36 تعليقات ]

في هذا الموضوع بإذن العلي القدير سنتعرف و إياكم على طريقة سهلة لإدراج إضافة "مواضيع ذات صلة " مباشرة تحت التدوينات . و ذلك نظرا للفائدة الكبيرة لهذه الخاصية في شد انتباه المتصفح إلى محتوى المدونة و دفعه إلى بدل وقت أكبر في تصفحها . أولا وقبل البدء في الشرح وجب التنويه بضرورة حفظ القالب قبل أي تعديل لتلافي أي خطأ أو خلل! و أشير كذلك إلى أن هذه الإضافة تستعمل ملف javascript خارجي أعدت رفعه على google sites بعد تعريب بعض العبارات . إذا إن لم تفلح في جعل الإضافة تظهر على مدونتك فتأكد من شيئين ، أولهما أنك أدخلت الأكواد بشكل صحيح و في الأمكنة المناسبة ، و ثانيهما أن الجافاسكريبت مفعلة في متصفحك. بسم الله و بعد الصلاة على الحبيب المصطفى عليه أزكى الصلاة و التسليم ، هلم نتعرف إلى الطريقة.

تحديثهذه الإضافة أصبحت تتطلب رقما مفتاحيا لتفعيلها ، رجاء اطلع على الموضوع البديل .

* الإضافة استعملها في مدونتي يمكن مشاهدتها تحت الموضوع بمسمى "ربما تجد ضالتك في هذه المواضيع" :).
صورة.


* موضوع الاقتباس : angga-weblog
أولا : كما جرت العادة نتبع هذا المسار ؛ لوحة التحكم » التخطيط » تحرير html
هـــام : نحفظ نسخة احتياطية من القالب لاستعادتها عند الضرورة!
نضع علامة على خانة توسيع القالب .
ثم نبحث على الكود الموالي :

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

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

<div id='related_posts'/>

إذا سيصبح الكود في القالب على هذ ا الشكل :

<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div id='related_posts'/>

<div class='post-footer'>
أتممت هذه ، أبشر ما بقي غير خطوة أخيرة !
انسخ هذا الكود (الموجود داخل الإطار) و ألصقه قبل (فوق)
</body>


<script src='http://www.google.com/jsapi'></script>
<script src='http://sites.google.com/site/simoxisite/Home/simo/brps.txt?attredirects=0' type='text/javascript'/>
هنيئا! احفظ القالب و استمتع بشكل مقالاتك الجديد!
» تابع القراءة

| 39 تعليقات ]

رجاء اضغط على الصورة للتكبير

قالب IceBlue مميز و بسيط في شكله لكنه قوي يدعم خصائص عدة منها:

» قائمتان جانبيتان بأبعاد مختلفة
» مناسب لعرض الفيديو
» صديق لمحركات البحث
» مناسب لعرض الوصلات الإشهارية كأدسنس Google Adsense ...
» دعم التنسيق الأيمن و الأيسر للصور في النصوص
» و الكثير من المميزات الهامة ...

القالب من تعريب و تنسيق : ذؤيب
تصميم و تطوير : Simrandeep Singh
النسخة الإنجليزية : مشاهدة مباشرة
النسخة المعربة : مشاهدة مباشرة
تحميل النسخة المعربة



» تابع القراءة

| 78 تعليقات ]

بسم الله و الحمد لله و الصلاة و السلام على خير خلق الله نبينا محمد المصطفى الأمين و على آله و صحبه الكرام البررة و من تبعهم بإحسان إلى يوم الدين. و بعد ..
تريد أن تستغني عن الطريقة القديمة في تصفح مدونتك على blogger إذن فهذه الإضافة تخصك فقط تابع المراحل و انظر كم هي سهلة .
أولا من لوح تحكم مدونتك و تحت تبويب تخطيط تختار "عناصر الصفحة" ثم تضيف إداة Html/Javascript جديدة في أي مكان تشاء لأننا سننقلها فيما بعد . الآن أنت أمام نافدة الاداة فقط قم بنسخ الكود الموالي و ألصقه داخلها و لا تجعل لها عنوانا.

مثال
الكود »»

<style>
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #ccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #ccc;
background-color:#ccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #ccc;
background: #ccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #ccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333;
}

</style>



<script type="text/javascript">

function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==".blogspot.com/";
var isLablePage = thisUrl.indexOf("/search/label/")!=-1;
var isPage = thisUrl.indexOf("/search?updated")!=-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 pageCount=5;
var displayPageNum=3;
var firstPageWord = 'First';
var endPageWord = 'Last';
var upPageWord ='Previous';
var downPageWord ='Next';



var labelHtml = '<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';

for(var i=0, post; post = json.feed.entry[i]; i++) {
var timestamp = post.published.$t.substr(0,10);
var title = post.title.$t;
if(isLablePage){
if(title!=''){
if(post.category){
for(var c=0, post_category; post_category = post.category[c]; c++) {
if(encodeURIComponent(post_category.term)==thisLable){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

postNum++;
htmlMap[htmlMap.length] = '/search/label/'+thisLable+'?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
}
}//end if(post.category){

itemCount++;
}

}else{
if(title!=''){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}

if(title!='') postNum++;
htmlMap[htmlMap.length] = '/search?updated-max='+timestamp+'T00%3A00%3A00%2B08%3A00&max-results='+pageCount;
}
}
itemCount++;
}
}

for(var p =0;p< htmlMap.length;p++){
if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
if(fFlag ==0 && p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +'</a></span>';
}else{
upPageHtml = '<span class="showpage"><a href="/">'+ upPageWord +'</a></span>';
}
}else{
upPageHtml = '<span class="showpage"><a href="'+htmlMap[p]+'">'+ upPageWord +'</a></span>';
}

fFlag++;
}

if(p==(thisNum-1)){
html += '&nbsp;<span class="showpagePoint"><u>'+thisNum+'</u></span>';
}else{
if(p==0){
if(isLablePage){
html = labelHtml+'1</a></span>';
}else{
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){
downPageHtml = '<span class="showpage"> <a href="'+htmlMap[p]+'">'+ downPageWord +'</a></span>';
eFlag++;
}
}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){
}//end for(var p =0;p< htmlMap.length;p++){

if(thisNum>1){
if(!isLablePage){
html = '<span class="showpage"><a href="/">'+ firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}else{
html = ''+labelHtml + firstPageWord +' </a></span>'+upPageHtml+' '+html +' ';
}
}

html = '<div class="showpageArea"><span style="padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;border: 1px solid #333; background-" class="showpage">Page '+thisNum+' of '+(postNum-1)+': </span>'+html;

if(thisNum<(postNum-1)){
html += downPageHtml;
html += '<span class="showpage"><a href="'+htmlMap[htmlMap.length-1]+'"> '+endPageWord+'</a></span>';
}

if(postNum==1) postNum++;
html += '</div>';

if(isPage || isFirstPage || isLablePage){
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 src="/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" type="text/javascript"></script>
<div style="text-align:right;font-size:10px;color:000000;margin-top:15px;display:none;"> <a href="http://www.techieblogger.com/2008/07/page-navigation-hack-for-blogger.htm">Grab this Widget ~ Blogger Accessories</a></div>



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

روابط ذات صلة : Mohamed Rias
» تابع القراءة

| 7 تعليقات ]

هذه مجموعة مميزة من أيقونات التغذية أو الخلاصة بصيغ مختلفة ك png و ico و كذلك أبعاد مناسبة لكل الاستعمالات ، و يمكن استغلالها لجلب الزوار لمتابعة أخبار مدونتك عبر قارئات الخلاصات . و لتمكينهم من ذلك ما عليك سوى عرض إحدى هذه الأيقونات مربوطة بعنوان التغذية في مدونتك أو حساب فيدبرنر Feedburner لديك في القائمة الجانبية و إن لم تجد ما تفعله بها فقط أضفها إلى مفضلتك فربما تجد من يجد فيها شيئا :) . و بعد الصلاة و السلام على الحبيب المصطفى خير الأنام هاكموها إذا مع خالص التحية.






أيقونات png بقياسات مختلفة من 16x16 إلى 512x512
الموقع : smashingmagazine.com
الحجم : 1.4Mb
التحميل : من هنــــا






أيقونات ico ، .png ، .psd بقياسات مختلفة 16x16 و 32x32
الموقع : icojoy.com
الحجم : 0.6Mb
التحميل : من هنــــا





أيقونات png بقياسات 190x190
الموقع : design-freak
الحجم : 0.5Mb
التحميل : من هنـــا

» تابع القراءة

| 10 تعليقات ]

في الموضوع السابق تحدث عن طريقة أيسر و أسهل و تفي بغرض تمكين الزوار من إضافة المقالات إلى مفضلاتهم ، وفي هذا الموضوع بإذن الله سنتعرف عليها و رفقتكم الطيبة . لأجل ذلك أعددت شريط فيديو يشرح العملية ببساطة و ينقسم إلى شقين ، الأول متعلق بإضافة الزر للقائمة الجانبية فقط و الثاني فيه طريقة إضافة الزر تحت كل تدوينة . إذا على بركة الله .
معلومات عن الشريط لمزيد من الإيضاح :
» الموقع المستعمل : Addthis.com
» الكود الذي يجب البحث عنه في حال اختيار إضافة الزر تحت كل تدوينة :

<div class='post-footer-line post-footer-line-1'>


مثال للإضافة :

Bookmark and Share


.
.
.



متابعة مفيدة ، و لأي استفسار فورم التعليق رهن الإشارة

» تابع القراءة

| 310 تعليقات ]

في هذا الموضوع بإذن الله سنتعرف و رفقتكم الكريمة طريقة إضافة صف لإيقونات مواقع جمع الروابط 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>



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

<div class='post-footer-line post-footer-line-1'>


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

<p class='post-footer-line post-footer-line-1'>


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

<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='&quot;sbtxt&quot;+data:post.id'>أضف الموضوع إلى مفضلتك :</div><script
type='text/javascript'>showsbtext(&quot;sbtxt&quot; +
&quot;<data:post.id/>&quot;,0)</script>
</td>
<td>
<a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url
+ &quot;&amp;title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,20);&quot;' rel='nofollow' target='_blank'><img
alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a>
<a expr:href='&quot;http://ma.gnolia.com/bookmarklet/add?url=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,6);&quot;' 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='&quot;http://digg.com/submit?phase=3&amp;url=&quot; +
data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; +
data:post.id + &quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,1);&quot;' rel='nofollow' target='_blank'><img alt='DiggIt!'
src='http://home.kpn.nl/oosti468/images/icon_sb_dig.gif'/></a> <a
expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,2);&quot;' rel='nofollow' target='_blank'><img alt='Del.icio.us'
src='http://home.kpn.nl/oosti468/images/icon_sb_del.gif'/></a> <a
expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot;
+ data:post.url + &quot;&amp;Title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,3);&quot;' rel='nofollow' target='_blank'><img alt='Blinklist'
src='http://home.kpn.nl/oosti468/images/icon_sb_bli.gif'/></a> <a
expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; +
data:post.url + &quot;&amp;=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,4);&quot;' rel='nofollow' target='_blank'><img alt='Yahoo'
src='http://home.kpn.nl/oosti468/images/icon_sb_yah.gif'/></a> <a
expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url +
&quot;&amp;t=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,8);&quot;' rel='nofollow' target='_blank'><img alt='Furl'
src='http://home.kpn.nl/oosti468/images/icon_sb_fur.gif'/></a> <a
expr:href='&quot;http://www.technorati.com/cosmos/search.html?url=&quot; +
data:post.url' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; +
data:post.id + &quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,9);&quot;' rel='nofollow' target='_blank'><img alt='Technorati'
src='http://home.kpn.nl/oosti468/images/icon_sb_tec.gif'/></a> <a
expr:href='&quot;http://www.simpy.com/simpy/LinkAdd.do?href=&quot; +
data:post.url + &quot;&amp;title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,10);&quot;' rel='nofollow' target='_blank'><img alt='Simpy'
src='http://home.kpn.nl/oosti468/images/icon_sb_sim.gif'/></a> <a
expr:href='&quot;http://www.spurl.net/spurl.php?url=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,11);&quot;' rel='nofollow' target='_blank'><img alt='Spurl'
src='http://home.kpn.nl/oosti468/images/icon_sb_spu.gif'/></a> <a
expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url +
&quot;&amp;title=&quot; + data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,17);&quot;' rel='nofollow' target='_blank'><img alt='Reddit'
src='http://home.kpn.nl/oosti468/images/icon_sb_red.gif'/></a> <a
expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot; +
data:post.url + &quot;&amp;title=&quot;+data:post.title'
expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id +
&quot;\&quot;,0);&quot;'
expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id
+ &quot;\&quot;,19);&quot;' 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
تم تعريب محتويات الكود للمدونات العربية .
» تابع القراءة

| 43 تعليقات ]

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

ثانيا : من الصفحة الموالية انسخ كود Meta Tag



و من لوح تحكم مدونتك ادخل إلى صفحة " تحرير Html "
--» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
ثم تبحث عن <head> و مباشرة تحتها تضع كود الميتاتاغ الذي تم نسخه سابقاو تحفظ القالب.
تحديث
مهم: إن صدرت رسالة خطأ عند الحفظ أضف سلاش / إلى آخر كود الميتاتاغ مباشرة قبل القوس الأخير لإغلاق الوسم.

و بعد حفظ القالب تتوجه إلى نفس الصفحة التي نسخت منها الميتاتاغ أي صفحة google webmasters و فيها تضغط زر Verify ، إذا أنجزت المهمة بنجاح ستفتح أمامك صفحة جديدة ابحث فيها على Sitemaps و مباشرة تحتها اضغط Submit a Sitemap

بعد هذا تدخل امتداد خلاصة المواضيع كما بالصورة الموالية و تضغط زر المتابعة . بمعنى أن تضيف أحد الامتدادين :

feeds/posts/default
أو
atom.xml


و في النهاية ما عليك سوى الانتظار بعض الوقت ليتم تحديث البيانات المتعلقة بمدونتك و بعدها ستلاحظ أن خيوطا من الود و الوجد بدأت تنسج بين مدونتك و الريس google :)
تحياتي!
» تابع القراءة

| 35 تعليقات ]

إذا ألقينا نظرة على متصفحنا عند عرض مدونتنا نجد أنه يعرض في أعلاه عنوانا مركبا مثل " ذؤيب: طريقة تركيب قوالب بلوغر Blogger " و ذلك عند الدخول إلى صفحة الموضوع ما يعني أن هذه الصفحة عند تسجيلها أو حفظها تأخذ اسما مؤلفا من عنوان المدونة أولا و عنوان الموضوع ثانيا و هذا الأمر ليس جيدا لتوافقية المدونة مع محركات البحث، و حتى يتم أرشفة الصفحة من طرف عناكب البحث بعناوين واضحة لا تعقيد فيها و لا تركيب ، يستحب أن يكون عنوان الصفحة هو عنوان الموضوع لاغير لأن كلماته تفهرس على أساس أنها كلمات دلالية Tags إذا فعنوان المدونة لن يكون ذا أهمية مقارنة بعبارات العنوان في البحث . ولأجل ذلك لكم هذه الطريقة لتفادي ذلك.
صورة توضيحية



--» قبل تحرير القالب يجب حفظ نسخة احتياطية منه لاستعادتها عند الضرورة.
من لوح تحكم المدونة و تحت "التخطيط" نفتح صفحة " تحرير Html " ثم نبحث على الكود الموالي :
<title><data:blog.pageTitle/></title>

نحدده و نعوضه بهذا الكود ثم نحفظ القالب و السلام.

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>


روابط ذات صلة : bloggerbuster
» تابع القراءة