مدونة رايق كول

أضافة القرآن الكريم بصوت تسعة مشايخ بكود لا يأخذ مكان في الموقع - اضافة المصحف كامل الى مدونات بلوجر بكود سريع لمدونات البلوج سبوت

2012-01-08T00:23:00.000+02:00

" بسم الله الرحمن الرحيم "

اضافة النهاردة اضافة مميزة و ميختلفش عليها اتنين

القرآن الكريم

المصحف كامل مكمل و الكمال لله وحده

بصوت تسع مشايخ مع بعض داخل اداة واحدة

1. الشيخ سعود الشريم

2. الشيخ مشاري العفاسي

3. الشيخ سعد الغامدي

4. الشيخ هاني الرفاعي

5. الشيخ أحمد بن علي العجمي

6. الشيخ عبدالرحمن السديس

7. الشيخ ماهر المعيقلي

8. فارس عباد

9. الشيخ عبد الباسط عبد الصمد

مش مسدق ؟؟!!

انا لغاية دلوقتي و انا بكتب التوبيك مش مسدق اني قدرت اعمل حاجة زي كدة

اولا : انا اقدم تحية للموقع http://www.tvquran.com/

* تحية .. لان الموقع اكتر من رائع قدر انه يوفر اكبر قدر من الشيوخ و القرآن الكريم اونلاين ليسمح لاكبر قدر من مستخدمي الانترنت من سماع القرآن الكريم و ليا الشرف اني استعنت بيه لأكمل موضوعي و افيد عدد اكبر من المسلمين

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

اية الجديد الي انا جاي اقدمة ؟

الجديد كتيير قوي انا و انت و كل واحد دخل التوبيك دة هيربح ملايين ؟؟ ملايين الحسانات التي لا تعد و لا تحصى

تيجي تدخل الجنه من عندنا و نكون احنا سبب دخولك الجنة ؟

( اخلص .. اية الجديد ؟ ) خلاص يا عمنا متزوقش بس

1. أضافة القرآن الكريم بصوت تسعة مشايخ من اشهر المشايخ في عالمنا العربي

2. التسعه مشايخ داخل اداة واحدة و اي شيخ تختارة هيكون معاة باقي الشيوخ

3. القرآن لن يتواجد داخل موقعك و كدة متقلش موقعك خالص و لا ياخد مكان خاااالص

لية ؟

القرآن عبارة عن زرار داخل مدونتك عندما يضغط عليه الزائر تفتح نافذة صغيرة بها مشغل القرآن الفلاشي بكل الشيوخ التسعة الذين سبق ذكرهم

طب و انا اوصف ليه ؟ ادخل و شوف ....

اية رأيك ؟ لو كل زائر شاف الاداة دي عن طريقك ؟ هتاخد منه كام حسنة ؟ و لو كل زائر اخد الاداة و وراها لواحد تاني و لزوار تانيين هتاخد انت قد اية ؟

تقدر تحسبها ؟؟؟ اتحداك

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

الموضوع اخد مني اربع ساعات عقبال معرفت اعمله انتو عافرين قدراتي الاقل من الضعيفة في الاكواد و الهتمل

دلوقتي كل الي تعمله علشان تضيف الاداة

كود الأداة :

زي مقولت قبل كدة الشيخ دة هو الي هيبتدي في اول صفحة و من جوا الاداة ممكن تغيير لأي شيخ تاني

1. الشيخ / سعود الشريم

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Al-Shuraim.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

2. الشيخ / مشاري العفاسي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Alafasi.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

3. الشيخ / سعد الغامدي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Al-Ghamdi.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

4. الشيخ / هاني الرفاعي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Hani.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

5. الشيخ / احمد ابن علي العجمي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Al-Ajmy.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

6. الشيخ / عبد الرحمن السديس

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Alsudaes.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

7. الشيخ / ماهر المعيقلي

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/maher.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

8. الشيخ / فارس عباد

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Fares.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

9. الشيخ / عبد الباسط عبد الصمد

<p align="center"> <a href="javascript: void(0)" onclick="window.open('http://html-code.webs.com/html/kor2an/Abdulbasit%20Abdulsamad.htm', 'windowname1', 'width=300, height=400'); return false;"> <img src="http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png" border="0" /></a> </p>

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

* جديد : لو مش عاجبك شكل الايقونة و نفسك تغييرها بأيقونات كبية او صغيرة

هتغيير الرابط دة :

http://4.bp.blogspot.com/-Oh6hqs42Hk4/TvuanRj56_I/AAAAAAAADg8/Zph3eRENz7I/s1600/kor2an.png

بالرابط الصورة الي يجي على بالك و ممكن تجرب صورة من الصور دي ممكن تعجبك

و الصغير منها كمان ...

يا رب تكون الصور عجبتكم ...

* اما بالنسبة للبلوجرية حبايب قلبي *

الطريقة :

1. لوحة التحكم

2. تصميم

3. اضافة اداة

4. اضافة اداة HTML / JavaScript

5. انسخ الكود داخلها

6. اضغط حفظ

اللهم تقبل مني ...
و اجزني عليها خيرا يا رب العاليمن

طريقة تميز تعليقات الكاتب عن تعليقات الزوار داخل مدونات البلوجر , وضع خلفية لتعليقات الكتاب بعشرة الوان مختلفة لمدونات البلوج سبوت البلوجر

2012-01-02T20:26:00.001+02:00

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

** ملاحظة : الكود يعمل مع تعليقات مدونات البلوجر و ليس اي تعليقات اخرى
- - يمكنك ايضا استخدام تعليقات الفايس بوك >> اضغط هنا <<

شكل التعليق بعد اضافة الكود :

و يمكنك اضافتة بعشرة اللوان مختلف تناسب كل الاذواق

* الشرح :

1. اذهب الى لوحة تحكم مدونتك
2. انتقل إلى صفحة تصميم
3. ثم " تحرير HTML "

**متنساش تاخد نسخة احتياطية من القالب **

احفظ نسخة احتياطية من القالب لاستعادتها عند اذا حدث اى شئ لاقدر الله

4. قم بتوسيع القالب

* ثم ابحث عن هذا الكود: ]]>

* ثم اضف قبلية الكود التالي :

.blog-author-comment { border: 0px solid #043b3d; background: url(http://4.bp.blogspot.com/-xyCc4ORf3dk/TwHyEtpDYiI/AAAAAAAADpE/rbk7hcd0dlk/s1600/comment1.png) 0 0 repeat-x; padding: 10px 10px 10px 10px; } /* Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.blogspot.com */

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

5. الخطوة التالية هي ان نبحث عن الكود التالي :

<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <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 cond='data:comment.adminClass == data:post.adminClass'> <dd class='blog-author-comment'> <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>

متنساش تدوس حفظ ...

و كدة انا خلصت كلامي ..... ^^ .....

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

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

2012-01-01T18:59:00.007+02:00

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

و ايضا تقدم هذه الاداة امكانيات رائعة و منها هي سهولة نشر التعليقات و شكلها الانيق و ايضا امكانية عمل باك لينك لكل تعليق يقوم الزائر بتركه لك لان بكل تعليق سوف يتم نشر التعليق على بروفايل الزائر فـ يراة اصدقاءة و تزيد الباك لينك و الزوار اليك .

فربط مدونتك او موقعك بالموقع الاجتماعي رقم واحد سوف يزيد من زوارك و ترتيب موقعك بالتأكيد .

** و يمكنك ايضا اضافة لسان الفايس بوك المتحرك مع الصفحة لعرض متابعين صفحتك على الفايس بوك >> للحصول عليها اضغط هنا

الاداة متاحة باللغة العربية و الانجليزية لتناسب كل المواقع و المدونات ...

شكل الاداة كالاتي

الشرح طويل لاني اردت وضع كل الخطوات بالتفاصيل المملة

علشان اعضائنا الحلوين ..

** و تعرض مع تعليقات البلوجر التقليدية لكن اذا اردت الاكتفاء بتعليقات الفايس بوك فقط و اخفاء تعليقات البلوجر >> اضغط هنا

الطريقة :

اولا : ضبط اعدادات الفايس بوك و انشاء التطبيق

1. ادخل الموقع التالي : https://developers.facebook.com/apps/
قد يطلب منك تسجيل الدخول بحسابك في الفايس بوك

2. اضغط على زرار انشئ تطبيق جديد او Create New App

3. قم بالسماح للتطبيق من استخدام معلوماتك الشخصية لأنشاء التطبيق ( اضغط سماح ) Allow

4. ادخل معلومات التطبيق و هي الاسم المعروض و اسم التطبيق و قم بالتأشير على الموافقة على الشروط و البنود الخاصة بالخدمة ثم استئناف او Continue

ملاحظة : اسم التطبيق يجب ان يكون خالي من المسافات ولا يتوي على اي حروف كبيرة Capital

5. قم بأدخال الرقم التأكيدي

ملاحظة : قد يظهر لك مربع احمر و محتواة ان حسابك الخاص بك في الفايس بوك يحتاج الى تأكيد او تفعيل
و هذا اذا لم تكن قد قمت بتأكيد حسابك من قبل :)

قم بالضغط على Mobile Phone

و الان قم بأدخال رقم تليفونك

سوف تصلك رسالة بها الكود قم بأدخالها و اضغط تأكيد Confirm

و كما قلنا فخطوة تأكيد الحساب سوف نقوم بها اذا ظهرت لنا فقط ...

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

في خانة App Domain سو تقوم بأدخال موقعك كامل بهذا الشكل
www. **** .com
ثم تضغط ENTER و سوف يتحول الى مربع كما ترى بالصورة

لنكمل الاعدادات اختر موقع او Website و قوم بأدخال موقعك كما ترى بالصورة بهذا الشكل :

http://******.blogspot.com/

و اضغط حفظ ..

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

سوف تجد رابط الصفحة من الاعلى كالآتي :

قم بأخذ الرقم او الاسم الذي يلي مباشرة ID= ( اسم او رقم )
و احتفظ به ...

اذا وجدت رابط بروفايلك بالشكل التالي :

https://www.facebook.com/rayk.cool

خد اخر اسم rayk.cool ... فقط :)

كدة احنا خلصنا شغلنا على موقع الفايس بوك ...

ثانيا : وضع الاكواد و تركيبها بمدونات البلوجر

1. تصميم
2. تحرير HTML
3. قم بالتأشير على توسيع قوالب عناصر المستخدم

الان ابحث عن :

<html

و قم بأضافة الكود التالي بنهايتة مباشرة قبل

>

الكود :

xmlns:fb='http://www.facebook.com/2008/fbml'

ليصبح بالشكل الذي نراة بالصورة :

و الان قم بالبحث عن :

</head>

و اضف قبلة مباشرة الكود التالي :


<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='مدونة رايق كول' property='og:site_name'/>
<meta content='ضع هنا رابط صورة مصغرة لمدونتك او موقعك اذا اردت' property='og:image'/>
<meta content='رقم التطبيق الذي حصلنا عليه من قبل' property='fb:app_id'/>
<meta content='اي دي البروفايل الذي حصلنا علية من قبل' property='fb:admins'/>
<meta content='article' property='og:type'/>



ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر

الان ابحث عن :

<body>
او
</tbody>

ملاحظة : قوالب بلوجر الحديثة تستخدم </tbody> و القوالب العادية تستخدم </body>

و قم بأضافة الكود التالي بعده مباشرة :


<div id='fb-root'/>
<script>
    window.fbAsyncInit = function() {
    FB.init({
      appId : 'رقم التطبيق الذي حصلنا عليه من قبل',
      status : true, // check login status
        cookie : true, // enable cookies to allow the server to access the   session
      xfbml : true // parse XFBML
    });
};

    (function() {
    var e = document.createElement('script');
      e.src = document.location.protocol +   '//connect.facebook.net/ar_AR/all.js';
    e.async = true;
      document.getElementById('fb-root').appendChild(e);
    }());
</script>


ملاحظة : لا تنسى استبدال المعلومات داخل الكود . باللون الاحمر

لان ابحث عن الكود التالي :

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

ملاحظة : عند البحث ابحث عن السطر الاول او الثاني حتى تجد السطرين بنفس الترتيب بالاعلى .

و ضع بعدة مباشرة الكود التالي :

<b:if cond='data:blog.pageType == "item"'>
<p align='right'>
<img alt='' class='icon-action' height='83' src='http://1.bp.blogspot.com/-ZlOBDWpfIdk/TlrissDlYZI/AAAAAAAAADo/-kOW6qPJmMI/s1600/facebook-comment.png' width='300'/></p>
<script src='http://connect.facebook.net/ar_AR/all.js#xfbml=1'/>
<div><fb:comments expr:href='data:post.url' expr:title='data:post.title' expr:xid='data:post.id' width='450'/>
<script src='http://sites.google.com/site/javacodehtml/fb.js' type='text/javascript'/></div>
</b:if>

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

الكود باللون الاخضر و يمثل عرض الاداة و يمكنك تكبيرة او تصغيرة ليناسب القالب الخاص بك

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

http://connect.facebook.net/ar_AR/all.js

و استبدالة بهذا :

http://connect.facebook.net/en_US/all.js

اخيرا اضغط حفظ ... و قم بمشاهدة موضوعاتك

لأي ملاحظات او اي استفسار اترك تعليقك و سوف يتم الرد عليه بأقرب وقت

كود الحماية المطلقة لمواضيعك من السرقة - منع كليك يمين + التظليل + مفتاح كنترول

2011-12-31T18:06:00.000+02:00

السلام عليكم يا شباب ..

ان شاء الله تكونوا جميعا بخير يا رب

بأذن الله الكل يستفيد من الموضوع دة النهاردة ...

موضوعنا عن : حماية المواضيع و خصوصا المقالية التي تتعرض للسرقة دائما و ابدا و تنشر في كافة المنتديات ......

ازاي تحمي مدونتك و موقعك من السرقة !!!!!!!

موضوع النهاردة هيحميك بنسبة 90 % لانه بيسد اغلب الثغرات الي تمكن الزوار من نسخ المواضيع

* المميزات :

1. الغاء زر كليك يمين بالفارة لمنع الكوبي و الباست copy >> past

2. ألغاء سليكت اي التظليل على الموضوعات مما يمنع الزوار من سحب الموضوعات بدل من النسخ

3. آخر ثغرة و اهمها مفتاح كنترول و آلت CTRL , ALT و كدة انت سديت حتى مفاتيح الاختصارات الخاصة بنسخ المواضيع

* الطريقة :

1. لوحة التحكم

2. تصميم

3. اضافة اداة

4. اداة هتمل HTML

5. أنسخ الكود و اضغط حفظ

<script language="javascript" src="http://html-code.webs.com/html/NS.js"></script>  <script language="javascript" src="http://html-code.webs.com/html/NRC.js"></script>  <script language="javascript" src="http://html-code.webs.com/html/NCAOC.js"></script>

ارجو ان يكون نال اعجابكم ........... و الى اللقاء في موضوع قادم :)

إضافة شريط اجتماعي إلى الموقع من جوجل - خدمة فريند كونيكت لمدونات البلوجر بلوج سبوت

2011-12-29T14:32:00.001+02:00

السلام عليكم ..... موضوعنا النهاردة ان شاء الله عن

إضافة شريط اجتماعي إلى الموقع friendconnect :

و هي خدمة مجانية تقدمها جوجل لاصحاب المواقع

و من مميزاتها :

1. تضيف شكل جميل الى الموقع

2. تسمح للزوار بوضع تعليقات سريعة و اقترحات

3. تشجع الزوار على التسجيل و المشاركة

4.تظهر اعضاء المدونة و معلومات المستخدمين بطريقة جذابة

5. تظهر اخر نشاط للموقع من اعضاء جدد و غيرها

6. تقدم كل تلك الخدمات دون مغادرة الموقع اي في نفس الصفحة

و للاشتراك في الخدمة ادخل الموقع التالي من هنااااااااا

طبعا الاشتراك في الخدمات المتعددة سهله جدااا

و لكني اردت ان اشرحها بالتفصيل : (تابع الشرح في الصور)

و كدة مبروك عليك الاداة من friendconnect
و هناك خدمات كثيرة يقدمها هذا الموقع و ان شاء الله سوف نشرح اهمها

لو في اي اقتراحات او اسئلة انا في الخدمة

يا رب اكون وفقت في الشرح و اكون افدتكم

"اسألكم الدعااااء لي و لأمة المسلمين جميعا"

اضافة تأثير صفحات الكتاب المتحركة لأخر مواضيع مدونات البلوجر | كود اخر المواضيع المتحركة بتأثير حركة صفحات الكتاب المتحركة

2011-12-28T13:26:00.002+02:00

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

انا مش هتكلم كتيير عنها ممكن تشوفها بنفسك من هنا

الطريقة :

1. فتح لوحة التحكم

2. اختار تخطيط
3. اضف اداة

4. HTML/JavaScript

5. ادخل الكود التالي في المحتوى :

<script type="text/javascript">
// 7 variables to control behavior
var Book_Image_Width    =140;
var Book_Image_Height   =225;
var Book_Border         =true;
var Book_Border_Color   ="gray";
var Book_Speed          =15;
var Book_NextPage_Delay =1500; //1 second=1000
var Book_Vertical_Turn =0;
// variables for content
var random_posts        = true; // random posts
var numposts_gal        = 10;   // number of posts
</script>
<script src="http://sites.google.com/site/javacodehtml/galeryposts-bookflip.js" type="text/javascript"></script>
<script src="http://sites.google.com/site/javacodehtml/bookflip.min.js" type="text/javascript"></script>
<div id="Book" style="position:relative">
<img src="http://2.bp.blogspot.com/-KV2fsvI_JcQ/Tvr7UKAwONI/AAAAAAAADgA/_5gfytH7OWI/s1600/placeholder.gif" width="144" height="227" />
</div>
<script src="http://raykcool.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts"></script>
<script type="text/javascript">
ImageBook();
</script>

عليك طبعا تغيير رابط مدونة رايق برابط مدونتك ...

ملاحظة : اذا اردت تغيير ارتفاع و عرض الكتاب بالصور قم بتغيير :

var Book_Image_Width =140;

var Book_Image_Height =225;

....... بما يناسبك

ارجو ان اكون افدتكم اليوم و ان شرحي كان وافي و شكرا لمتابعتكم

اضافة اداة ترقيم الصفحات + 20 شكل لمدونات البلوجر بلوج سبوت + حل مشكلة الظهور داخل الاقسام و التسميات

2011-12-28T04:21:00.003+02:00

نقدم لكم ...

اداة ترقيم الصفحات بكود جديد سريع خفيف على القالب
و
بـ 20 شكل و لون لتجميل مدونتك

" معاينة حية للهاك يمكنك مشاهدته "
من هنا

* وصف الاداة :

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

* مميزات الاداة :

1. تسهيل تصفح المدونة على الزائر

2. اداة ترقيم الصفحات متاحة بأشكال كتيير لتناسب كل الاذواق و القوالب

3. تعديل الهاك ليظهر بصورة فورية داخل المدونة و ازالة المشاكل التي كانت موجودة في الكود القديم

4.الكود خفيف على القالب جدااا ,,, فهو لن يزيد من حجم القالب على الاطلاق

* الطريقة :

1. افتح لوحة التحكم اضغط هنا

2. اختر تصميم

3. ثم تحرير HTML

4. علم صح على توسيع قوالب عناصر واجهة المستخدم
5. ابحث عن </body>

6. ضع قبله مباشرة الكود التالي :



<script type='text/javascript'>;
var home_page='/';
var urlactivepage=location.href;
var postperpage=1;
var numshowpage=6;
var upPageWord ='السابق';
var downPageWord ='التالي';
</script>;
<script src='http://sites.google.com/site/javacodehtml/Page-Navigation.js' type='text/javascript'/>



لاحظ ان :

var postperpage=1; عدد المواضيع بالصفحة الواحدة

var numshowpage=6; عدد الصفحات المعروضة في الصفحة الرئيسية

7. تبحث عن : ]]></b:skin>

8. ضع قبله الشكل الذي تريده لأداة ترقيم الصفحات

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-20rA0nQPKSI/TvpcCnMFRkI/AAAAAAAADYM/Cv-6nnkwbzo/s1600/wp1.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-20rA0nQPKSI/TvpcCnMFRkI/AAAAAAAADYM/Cv-6nnkwbzo/s1600/wp1.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-20rA0nQPKSI/TvpcCnMFRkI/AAAAAAAADYM/Cv-6nnkwbzo/s1600/wp1.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://1.bp.blogspot.com/-pzeUGeCN1-8/TvpcCxNd0qI/AAAAAAAADYU/hdBTY3IMTHc/s1600/wp2.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://1.bp.blogspot.com/-pzeUGeCN1-8/TvpcCxNd0qI/AAAAAAAADYU/hdBTY3IMTHc/s1600/wp2.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://1.bp.blogspot.com/-pzeUGeCN1-8/TvpcCxNd0qI/AAAAAAAADYU/hdBTY3IMTHc/s1600/wp2.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-RaRDOmTzGKU/TvpcC3_U-mI/AAAAAAAADYc/0cKEeZPOMk4/s1600/wp3.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-RaRDOmTzGKU/TvpcC3_U-mI/AAAAAAAADYc/0cKEeZPOMk4/s1600/wp3.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-RaRDOmTzGKU/TvpcC3_U-mI/AAAAAAAADYc/0cKEeZPOMk4/s1600/wp3.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-kKxXEIt8BYU/TvpcDAFvCZI/AAAAAAAADYw/3PIgmNKHn6A/s1600/wp4.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-kKxXEIt8BYU/TvpcDAFvCZI/AAAAAAAADYw/3PIgmNKHn6A/s1600/wp4.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-kKxXEIt8BYU/TvpcDAFvCZI/AAAAAAAADYw/3PIgmNKHn6A/s1600/wp4.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-ik77Y3rUasI/TvpcDUAW0cI/AAAAAAAADY4/uV6G2W8c8eg/s1600/wp5.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-ik77Y3rUasI/TvpcDUAW0cI/AAAAAAAADY4/uV6G2W8c8eg/s1600/wp5.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-ik77Y3rUasI/TvpcDUAW0cI/AAAAAAAADY4/uV6G2W8c8eg/s1600/wp5.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://1.bp.blogspot.com/-A0FH7Z0BXJc/TvpcP7YRLaI/AAAAAAAADZI/oiolBEa2P4g/s1600/wp6.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://1.bp.blogspot.com/-A0FH7Z0BXJc/TvpcP7YRLaI/AAAAAAAADZI/oiolBEa2P4g/s1600/wp6.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://1.bp.blogspot.com/-A0FH7Z0BXJc/TvpcP7YRLaI/AAAAAAAADZI/oiolBEa2P4g/s1600/wp6.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-y1WjbSl4ZfA/TvpcQGQXuhI/AAAAAAAADZQ/6O3qb0QSH_k/s1600/wp7.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-y1WjbSl4ZfA/TvpcQGQXuhI/AAAAAAAADZQ/6O3qb0QSH_k/s1600/wp7.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-y1WjbSl4ZfA/TvpcQGQXuhI/AAAAAAAADZQ/6O3qb0QSH_k/s1600/wp7.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://3.bp.blogspot.com/-jKIXgi3I-GI/TvpcQMMaTsI/AAAAAAAADZg/YZtp9GGr0lM/s1600/wp8.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://3.bp.blogspot.com/-jKIXgi3I-GI/TvpcQMMaTsI/AAAAAAAADZg/YZtp9GGr0lM/s1600/wp8.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://3.bp.blogspot.com/-jKIXgi3I-GI/TvpcQMMaTsI/AAAAAAAADZg/YZtp9GGr0lM/s1600/wp8.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-33W2aA7nVIc/TvpcQvkddYI/AAAAAAAADZs/WdwW-9PQsXA/s1600/wp9.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-33W2aA7nVIc/TvpcQvkddYI/AAAAAAAADZs/WdwW-9PQsXA/s1600/wp9.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-33W2aA7nVIc/TvpcQvkddYI/AAAAAAAADZs/WdwW-9PQsXA/s1600/wp9.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

10.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://1.bp.blogspot.com/-ID94aSekMJE/TvpcQ9rhbAI/AAAAAAAADZ4/EoPmu_5Kweg/s1600/wp10.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://1.bp.blogspot.com/-ID94aSekMJE/TvpcQ9rhbAI/AAAAAAAADZ4/EoPmu_5Kweg/s1600/wp10.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://1.bp.blogspot.com/-ID94aSekMJE/TvpcQ9rhbAI/AAAAAAAADZ4/EoPmu_5Kweg/s1600/wp10.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

11.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://1.bp.blogspot.com/-Z6ok5UGpKEM/TvpcaD7cILI/AAAAAAAADaE/erMDPJcAmds/s1600/wp11.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://1.bp.blogspot.com/-Z6ok5UGpKEM/TvpcaD7cILI/AAAAAAAADaE/erMDPJcAmds/s1600/wp11.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://1.bp.blogspot.com/-Z6ok5UGpKEM/TvpcaD7cILI/AAAAAAAADaE/erMDPJcAmds/s1600/wp11.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

12.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://2.bp.blogspot.com/-I6NihCb0_Xg/TvpcaUio3pI/AAAAAAAADaU/M-c6O24fPDA/s1600/wp12.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://2.bp.blogspot.com/-I6NihCb0_Xg/TvpcaUio3pI/AAAAAAAADaU/M-c6O24fPDA/s1600/wp12.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://2.bp.blogspot.com/-I6NihCb0_Xg/TvpcaUio3pI/AAAAAAAADaU/M-c6O24fPDA/s1600/wp12.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

13.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://1.bp.blogspot.com/-Zctg9YnsclU/TvpcaplGHWI/AAAAAAAADac/g0DkvRgp_2k/s1600/wp13.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://1.bp.blogspot.com/-Zctg9YnsclU/TvpcaplGHWI/AAAAAAAADac/g0DkvRgp_2k/s1600/wp13.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://1.bp.blogspot.com/-Zctg9YnsclU/TvpcaplGHWI/AAAAAAAADac/g0DkvRgp_2k/s1600/wp13.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

14.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://3.bp.blogspot.com/-5CouuYf55GM/Tvpca_XTfzI/AAAAAAAADak/9B8WNKy6kis/s1600/wp14.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://3.bp.blogspot.com/-5CouuYf55GM/Tvpca_XTfzI/AAAAAAAADak/9B8WNKy6kis/s1600/wp14.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://3.bp.blogspot.com/-5CouuYf55GM/Tvpca_XTfzI/AAAAAAAADak/9B8WNKy6kis/s1600/wp14.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

15.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-zHjkY30hlFk/Tvpca7-sOXI/AAAAAAAADaw/t1RSd2Js81w/s1600/wp15.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-zHjkY30hlFk/Tvpca7-sOXI/AAAAAAAADaw/t1RSd2Js81w/s1600/wp15.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-zHjkY30hlFk/Tvpca7-sOXI/AAAAAAAADaw/t1RSd2Js81w/s1600/wp15.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

16.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://3.bp.blogspot.com/-WY4LYweMwZg/Tvpcj3ATBDI/AAAAAAAADbA/JYSq29XfXxA/s1600/wp16.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://3.bp.blogspot.com/-WY4LYweMwZg/Tvpcj3ATBDI/AAAAAAAADbA/JYSq29XfXxA/s1600/wp16.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://3.bp.blogspot.com/-WY4LYweMwZg/Tvpcj3ATBDI/AAAAAAAADbA/JYSq29XfXxA/s1600/wp16.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

17.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://2.bp.blogspot.com/-XaS18O1TADQ/Tvpcj_c-3lI/AAAAAAAADbM/o-xOC-hkuVQ/s1600/wp17.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://2.bp.blogspot.com/-XaS18O1TADQ/Tvpcj_c-3lI/AAAAAAAADbM/o-xOC-hkuVQ/s1600/wp17.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://2.bp.blogspot.com/-XaS18O1TADQ/Tvpcj_c-3lI/AAAAAAAADbM/o-xOC-hkuVQ/s1600/wp17.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

18.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://2.bp.blogspot.com/-uPxfIEU5KJk/TvpckP69ZVI/AAAAAAAADbY/b82Mavq-Dss/s1600/wp18.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://2.bp.blogspot.com/-uPxfIEU5KJk/TvpckP69ZVI/AAAAAAAADbY/b82Mavq-Dss/s1600/wp18.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://2.bp.blogspot.com/-uPxfIEU5KJk/TvpckP69ZVI/AAAAAAAADbY/b82Mavq-Dss/s1600/wp18.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

19.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://3.bp.blogspot.com/-AQefw0dhz08/Tvpckeo5NrI/AAAAAAAADbk/fZtvVC_Oq5g/s1600/wp19.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://3.bp.blogspot.com/-AQefw0dhz08/Tvpckeo5NrI/AAAAAAAADbk/fZtvVC_Oq5g/s1600/wp19.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://3.bp.blogspot.com/-AQefw0dhz08/Tvpckeo5NrI/AAAAAAAADbk/fZtvVC_Oq5g/s1600/wp19.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

20.

/* Start : Page Navigation */
.blog-pager,#blog-pager{
font-family:"Times New Roman", Times, serif;
font-weight:normal;
font-size:15px;
width:500px;
padding:10px;
}
.showpageNum a,.showpage a {
background:url('http://4.bp.blogspot.com/-AwbOWXi450k/TvpckQM2jaI/AAAAAAAADbw/qDp7P3OsY6g/s1600/wp20.jpg') repeat-x -6px 0px;
border:1px solid #97a7af;
text-decoration:none;
color:#ffffff;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;font-weight:bold; margin-left:1px; margin-right:1px; margin-top:0px; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}
.showpageNum a:hover,.showpage a:hover {
background:url('http://4.bp.blogspot.com/-AwbOWXi450k/TvpckQM2jaI/AAAAAAAADbw/qDp7P3OsY6g/s1600/wp20.jpg') repeat-x -6px -36px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none
}
.showpageOf{
margin:0 8px 0 0;
display: none;
}
.showpagePoint {
background:url('http://4.bp.blogspot.com/-AwbOWXi450k/TvpckQM2jaI/AAAAAAAADbw/qDp7P3OsY6g/s1600/wp20.jpg') repeat-x -6px -36px;
margin:0 3px;line-height:14px;cursor:pointer;white-space:nowrap;
-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #97a7af;color:#ffffff;text-decoration:none;font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px
}

/* End : Page Navigation */

يا لهوي كل دة ,, دة انا نسيت اسمي يا راجل ...

معلش يا شباب ,, ممكن تلاقوا بعض الالوان متكررة بس هي كلها درجات للألوان كلها علشان تختاروا الي نفسكم فيه

على العموم بعد متختاروا الشكل و تحطوا الكود بتاعه جوا القالب هتعملوا معاينه للقالب و بأذن الله تظبط معاكم

دوسوا حفظ ... و ادعولي من قلبكم

لأني اخدت 3 ساعات في الموضوع دة و كله بثوابة :)

هاك تحويل اداة المشاركات الشائعة الى مربع متحرك ثلاثي الابعاد - Convert Most Popular Posts To 3D Cube

2011-12-27T20:11:00.002+02:00

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

الكود خفيف جدا و لا يأخذ مساحة في القالب ...

ارجو ان ينال اعجابكم ...

لمشاهدة مثال حي على الكود اضغط هنا

الطريقة :

1. اذهب الى لوحة التحكم

2. اختر تخطيط

3. اختر اضافة اداة

... اولا : سوف نقوم بأضافة اداة المشاركات الشائعة: اذا كانت مضافة لديك فلا تضفها مرة اخرى ...

4. اختر اداة المشاركات الشائعة

5. بعد اختيار الاعدادات اضغط ... حفظ

ملاحظة : كن حريصا ان يتم وضع الاداتين اسفل بعضهما حتى لا يأخذ وقت في التحميل و يعمل الكود بشكل صحيح

.... ثانيا : اضافة هاك الخاص بالشكر و التحريك

1. اضافة اداة

2. HTML/JavaScript

3. اترك العنوان فارغ و انسخ الكود التالي في المحتوى

الكود :

<style type="text/css">
.cube { width: 200px; height: 200px;
}
a img { border: none; }
#linksCube img { width: 100%; height: 100%; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://sites.google.com/site/javacodehtml/jqueryimagecube.js"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').abupopularcube();
});
</script>
<script type="text/javascript" src="http://sites.google.com/site/javacodehtml/popularcube.js"></script>

من هنا يمكنك تغيير عرض و ارتفاع المكعب ليناسب الشريط الجانبي الخاص بك

width: 200px; height: 200px;

4. اضغط حفظ

ملاحظة : كن حريصا ان يتم وضع الاداتين اسفل بعضهما حتى لا يأخذ وقت في التحميل و يعمل الكود بشكل صحيح

طريقة اضافة فهرس بالاقسام للمواضيع متجدد آليا لمدونة البلوجر - Creat Index With Labels

2011-11-25T02:34:00.000+02:00

طريقة عمل فهرس للمدونات بلوجر فهرس محدث 2011 على مدونة رايق كول لدروس المدونات

السلام عليكم .... منورين لمدونة كلها ...

طبعا زي ممعودكم دايما ...

اليوم درس هام من دروس المدونات خاص بالتدوين

( درس تعليمي من دروس مدونات البلوجر )

للبلوجرية من اصحاب المدونات

درسنا اليوم هو : أنشأ فهرس متجدد آليا لموقعك و مدونتك

" جدول كامل بكافة مواضيع موقعك و مدونتك "

فهرس المواضيع بجدول بالاقسام الخاصة بالمواضيع

اصنع فهرس خاص بمدونتك بالقائمة المنسدلة

وصف فهرس المدونة :

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

العديد من المميزات منها:

1. فهرس كامل بمواضيع مدونتك للزوار مما يعطي سهولة تصفح موقعك

2. عمل باك لينك Back link لكافة مواضيعك في موضوع واحد مما يساعدك على رفع ارشفة الوضوع و زيادة ترتيبك في اليكسا

3. مظهر جمالي لجدولة مواضيعك بالكامل داخل مدونتك و لا تحتاج للتعديل علية

4. الفهرس متجدد آليا اي فهرس محدث آليا داخل الموضوع فبمجرد اضافة اي موضوع فهو يقوم بأستيراد عنوان الموضوع و الرابط الخاص بالموضوع و وضعه في الفهرس داخل القسم الخاص به

5. الفهرس منسدل بمعنى انك ترى الاقسام و بمجرد الضغط عليها تفتح لك باقي الاقسام ثم تختر الموضوع مما يعطي مظهر جمالي رائع للموقع و راحة نفسية للزوار ( فلا تجد المواضيع تحت بعضها بطريقة غير مرتبة )

6. يمكنك ادراج الفهرس داخل اي موضوع من مواضيعك مما يتيح لك امكانية عالية في التحكم في الفهرس

يمكنك رؤية نسخة عن الكود او هاك الفهرس داخل هذا الموضوع

فهرس مدونة رايق كول

من المواضيع التي تفيدك في اشهار مدونتك :

تغير عنوان موقعك يساعدك على ارشفة سريعة
>> اضغط هنا
احصل على اداة ترتيب اليكسا
>> اضغط هنا
احمي مدونتك من ان تكون سبام لمحركات البحث و لادسنس
>> اضغط هنا
اضافة القائمة المنسدلة لمدونتك حصريا على مدونة رايق كول
>> اضغط هنا

طريقة اضافة كود هالك الفهرس المتجدد آليا :

الخطوة الاولى : اضافة ستايل CSS الخاص بالهاك

1. افتح لوحة التحكم الخاصة بحسابك من هنا

2. ادخل على تصميم الخاص بالمدونة التي تريد اضافة الفهرس بداخلها

3. ادخل على تحرير HTML هتمل

4 . اضغط على توسيع عناصر واجهه المستخدم

5. ابحث عن الكود التالي : ]]></b:skin>

ضع قبلة الكود التالي :

.judul-label{
background-color:#E5ECF9; font-weight:bold; line-height:1.4em;
margin-bottom:5px;/* free widget and blogger template visit
http://raykcool.blogspot.com/ */ overflow:hidden; white-space:nowrap;
vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer;
text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius:
.5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px
1px 4px #AAAAAA; box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #e9e9e9;
border: 2px solid white !important; background: #6e6e6e; background:
-webkit-gradient(linear, left top, left bottom, from(#888),
to(#575757)); background: -moz-linear-gradient(top, #888, #575757);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888',
endColorstr='#575757'); } .data-list{ line-height:1.5em;
margin-left:5px; margin-right:5px; padding-left:15px; padding-right:5px;
white-space:nowrap; text-align:right; font-family:"Arial",sans-serif;
font-size:12px; } .list-ganjil{ background-color:#F6F6F6; } /* free
widget and blogger template visit http://raykcool.blogspot.com/ */
.headactive{ color: #fef4e9; border: 2px solid white !important;
background: #f78d1d; background: -webkit-gradient(linear, left top,
left bottom, from(#faa51a), to(#f47a20)); background:
-moz-linear-gradient(top, #faa51a, #f47a20); filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a',
endColorstr='#f47a20'); }

6. اضغط حفظ القالب

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

1. انشأ موضوع جديد

2 . قم بالتحويل الى الهتمل HTML

3. انسخ الكود التالي داخل الموضوع

<div dir="rtl" style="text-align: right;" trbidi="on">
<div style="text-align: right;">
<script src="http://sites.google.com/site/javacodehtml/IndexWithLabels.js">
</script></div>
<div style="text-align: right;">
<script src="http://raykcool.blogspot.com/feeds/posts/summary?max-results=1000&alt=json-in-script&callback=loadtoc">
</script></div>
<div style="text-align: right;">
<script type="text/javascript">
var accToc=true;
</script></div>
</div>

خلي بالك : في الكود السابق هتبدل رابط http://raykcool.blogspot.com/ برابط مدونتك

4. اضغط نشر ... و اتفرج على الفرس و عيش يا معلم شكلها تووووحفة ....

اي خدمة و الى اللقاء في درس قادم من دروس التدوين مع ...

اضافة اداة اخر الموضوعات بصور لمدونات البلوجر بكود جديد و تحكم كامل | هاك اخر الرسائل بصور لمدونات البلوج سوبت البلوجر بكود سريع و خفيف

2011-11-22T04:33:00.005+02:00

اداة اخر الموضوعات لمدونات البلوجر بصور و هي ليست بأداة جديدة على مدونات بلوجر ...

اداة اليوم ما يميزها عن الادوات الاخرى ...

انه يمكنك التحكم بعرض و ارتفاع الصورة و لون الروابط و حجم الخط و اشياء اخرى كثيرة

و هذا ما ميزنا عن الاخروووووون :))

احنا الاصلي و الباقي تقليد هههههههه

بس بأمان الكود دة منقول و تم التعديل علية لان كان في بعض المشاكل

و هنشرح الكود بالتفصيل بأذن الله

شكل الاداة :

و كان في مواضيع تانية اتكلمنا فيها عن ادوات اخر المواضيع و التعليقات زي :

1. أضافة هاك كود اخر المواضيع و التعليقات بديل تغذية بلوجر >> تجدها هنا.

2. اضافة شريط اخر المواضيع و التعليقات المتحرك بكود جديد و تصميم رائع >> تجدها هنا.

الطريقة :

1. ادخل لوحة التحكم اضغط هنا

2. اختار تخطيط ( كما ترى بالصورة )

3. اضغط : اضافة اداة

4. اختار : HTML \ JavaScript

5. اضف الكود التالي :

<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
boxwidth = 300;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#000000";
thumbwidth = 50;
thumbheight = 50;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "التعليقات";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 14;
summaryColor = "#666";
icon2 = " ";
numposts = 5;
home_page = "http://raykcool.blogspot.com/";
</script>

<script src="http://sites.google.com/site/javacodehtml/recent-posts-With-Thumbnail.js" type="text/javascript"></script>

قم بتغيير الرابط باللون الاحمر برابط مدونتك :)

6. اضغط حفظ

خيارات اضافية :

boxwidth = 300;                       عرض الصندوق
cellspacing = 8;                         محاذاة الخلية
borderColor = "#ffffff";             لون الحدود
bgTD = "#000000";                   لون الخلفية
thumbwidth = 50;                    عرض الصورة
thumbheight = 50;                   ارتفاع الصورة
fntsize = 12;                                 حجم الخط

ارجو ان يكون الشرح وافي و واضح

و شكرا لمتابعتكم

و منتظر تعليقاتكم و استفساراتكم

اضافة شريط اخر المواضيع و التعليقات المتحرك بكود جديد و تصميم رائع - Recent posts and comments Scrolling text

2011-11-22T02:47:00.002+02:00

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

و كان في مواضيع تانية اتكلمنا فيها عن ادوات اخر المواضيع و التعليقات زي :

1. أضافة هاك كود اخر المواضيع و التعليقات بديل تغذية بلوجر >> تجدها هنا.
2. اضافة اداة اخر الموضوعات بصور لمدونات البلوجر بكود جديد و تحكم كامل >> تجدها هنا.

الطريقة :

1. ادخل لوحة التحكم اضغط هنا

2. اختار تخطيط ( كما ترى بالصورة )

3. اضغط : اضافة اداة

4. اختار : HTML \ JavaScript

5. اضف الكود التالي :

الكود التالي لأخر الموضوعات :

<script type="text/javascript">
    var w2bWidth="100";
    var w2bScrollAmount="7";
    var w2bScrollDelay="50";
    var w2bDirection="right";
    var w2btargetlink="yes";
    var w2bnumPosts="5";
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="http://4.bp.blogspot.com/-3X1QyNEPWBo/Tr7XQH3r0uI/AAAAAAAACdY/lubXd3j1aLA/s1600/new.gif";
    var w2bfontsize="16";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="0033CC";
    var w2blinkhovercolor="6600FF";
</script>
<script src="http://sites.google.com/site/javacodehtml/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://raykcool.blogspot.com/feeds/posts/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

او الكود التالي لأخر التعليقات :

<script type="text/javascript">
    var w2bWidth="100";
    var w2bScrollAmount="7";
    var w2bScrollDelay="50";
    var w2bDirection="right";
    var w2btargetlink="yes";
    var w2bnumPosts="5";
    var w2bBulletchar =">>>";
    var w2bimagebullet="yes";
    var w2bimgurl="http://4.bp.blogspot.com/-3X1QyNEPWBo/Tr7XQH3r0uI/AAAAAAAACdY/lubXd3j1aLA/s1600/new.gif";
    var w2bfontsize="16";
    var w2bbgcolor="FFFFFF";
    var w2blinkcolor="0033CC";
    var w2blinkhovercolor="6600FF";
</script>
<script src="http://sites.google.com/site/javacodehtml/recent-posts-comments-Scrolling-text.js" type="text/javascript"></script>
<script type="text/javascript" src="http://raykcool.blogspot.com/feeds/comments/default?alt=json-in-script&callback=w2bAdvRecentPostsScrollerv3&max-results=10"></script>

6. اضغط حفظ

خيارات اضافية :

    var w2bScrollAmount="7";                      سرعة الشريط
    var w2bScrollDelay="50";                     عدد دورات الشريط
    var w2bDirection="right";                    اتجاة دوران الشريط
    var w2btargetlink="yes";                        لأظهار الروابط
    var w2bnumPosts="5";       عدد المواضيع التي تريد اظهارها
    var w2bimagebullet="yes";                 اظهار صورة الفاصل
    var w2bimgurl="........ new.gif";             رابط صورة الفاصل
    var w2bfontsize="16";                                حجم الخط
    var w2bbgcolor="FFFFFF";                      لون الخلفية

var w2blinkcolor="0033CC"; لون الرابط

var w2blinkhovercolor="6600FF"; لون التأشير على الرابط

شكرا لمتابعتكم ... و ارجو ان يكون الشرح كافي و وافي

و لأي استفسار او طلب انا في الخدمة دايما :)

أضافة هاك كود اخر المواضيع و التعليقات بديل تغذية بلوجر - Recent Posts and Comments Widget

2011-11-21T16:26:00.007+02:00

أضافة هاك كود اخر المواضيع و التعليقات بديل تغذية بلوجر

recent posts and comments widget

فبعد ظهور مشاكل في تغذية المدونة الخاصة بأخر التعليقات و المواضيع ...

و تكرار عدم ظهورها مرة بعد مرة ..

طريقة اضافة اداة اخر الموضوعات و التعليقات عن طريق تغذية بلوجر تجدها هنا

و كان في مواضيع تانية اتكلمنا فيها عن ادوات اخر المواضيع و التعليقات زي :

1. اضافة اداة اخر الموضوعات بصور لمدونات البلوجر بكود جديد و تحكم كامل >> تجدها هنا.

2. اضافة شريط اخر المواضيع و التعليقات المتحرك بكود جديد و تصميم رائع >> تجدها هنا.

جئت لكم بهذه الاداة التي سوف تعرض لكم سواء اخر المواضيع او التعليقات

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

الطريقة :

1. اذهب الى لوحة التحكم

2. تخطيط

3. اضافة اداة

4. اداة HTML

ثم انسخ الكود التالي :

لأداة اخر المواضيع :

<script src='http://sites.google.com/site/javacodehtml/recent-comments-and-posts.js'
type='text/javascript'></script> <script
style="text/javascript"> var numposts = 3;var showpostdate =
false;var showpostsummary = true;var numchars = 100;</script>
<script src="http://raykcool.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

غير رابط :http://raykcool.blogspot.com/feeds/posts/default

برابط مدونتك

لأداة اخر التعليقات :

<script src='http://sites.google.com/site/javacodehtml/recent-comments-and-posts.js'
type='text/javascript'></script> <script
style="text/javascript"> var numposts = 3;var showpostdate =
false;var showpostsummary = true;var numchars = 100;</script>
<script src="http://raykcool.blogspot.com/feeds/comments/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

غير رابط :http://raykcool.blogspot.com/feeds/comments/default

برابط مدونتك

5. اضغط حفظ

مبروك على الاداة ... و انا في الخدمة للرد على اي استفسارات

اضافة كود لايك اعجاب لصفحة او جروب الفايس بوك متحرك مع الموقعك لمدونات البلوجر بلوج سبوت - كود لسان الفايس بوك متحرك بصندوق الاعجاب

2011-11-18T03:00:00.013+02:00

اضافة جديدة لمدونات البلوجر و المواقع نقدمها لكم اليوم ...

و هي اضافة صندوق اعجاب الفايس بوك ..

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

و هي اداة هامة خصوصا لمن يريد ربط موقعه مع اهم موقع اجتماعي ...

و لأننا شباب كووووول على طووووول جيبنا الكود دة و كمان بأشكال متعدد و بألوان مختلفة ليناسب كافة الاذواق و القوالب ...

** و يمكنك ايضا اضافة صندوق تعليقات الفايس بوك بمدونتك >> اضغط هنا للحصول عليها

الطريقة :

اولا : اضافة الجي كويري لتتمكن من تحريك الاداة للداخل و الخارج :

1. اذهب للوحة التحكم

2. تخطيط

3. تحرير HTML

4. توسيع عناصر القالب

5. ابحث عن :

</head>

و ضع قبلة مباشرة :

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>

اذا كنت قد اضفتة قبل ذلك فلا داعي من اضافتة مرة اخرى

ثانيا : لأضافة الأداة :

1. اذهب الى لوحة التحكم

2. تخطيط

3. اضافة اداة

4. اداة HTML

ثم انسخ الكود التالي :

<script src='http://sites.google.com/site/javacodehtml/facebooklike-box.js' type='text/javascript'></script>
<style type="text/css">
.w2bslikebox{background: url("http://2.bp.blogspot.com/-XgOlfackuq0/TsWV2-ME2CI/AAAAAAAACkQ/5sQXpo2KuJ4/s1600/facebook-page2.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style>

<div class="w2bslikebox" style="z-index: 9999999999;">
<div>

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/raykcool.page&width=245&colorscheme=light&show_faces=true&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="z-index: 9999999999; border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;">
</iframe>

</div>
<script type="text/javascript">
writeHTMLasJS();
</script>
</div>

الان كل ما عليك فعلة هو استبدال الرابط التالي:

http://www.facebook.com/raykcool.page

برابط صفحتك :)

و لتغيير صورة الفايس بوك ابحث عن الرابط التالي :

http://2.bp.blogspot.com/-XgOlfackuq0/TsWV2-ME2CI/AAAAAAAACkQ/5sQXpo2KuJ4/s1600/facebook-page2.png

و استبدلة برابط اي صورة من الصور التي بالاسفل :)

ارجو ان يكون الموضوع قد نال اعجابكم .... و شكرا للمتابعة

اضافة اداة اخر الموضوعات و التعليقات المتحركة بشكل فلاشي مميز لمدونات البلوجر بلوج سبوت | كود اخر المواضيع و التعليقات متحرك فلاش

2011-11-14T21:38:00.009+02:00

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

و كان في مواضيع تانية اتكلمنا فيها عن ادوات اخر المواضيع و التعليقات زي :

1. اضافة اداة اخر الموضوعات بصور لمدونات البلوجر بكود جديد و تحكم كامل >> تجدها هنا.

2. اضافة شريط اخر المواضيع و التعليقات المتحرك بكود جديد و تصميم رائع >> تجدها هنا.

الطريقة :

1. اذهب الى لوحة التحكم

2. تخطيط

3. اضافة اداة

4. اداة HTML

ثم انسخ الكود التالي :

لأداة اخر المواضيع :

<div id="feed-control2">
    <span style="color:#676767;font-size:11px;margin:10px;padding:
4px;">برجاء الانتظار  …</span>
</div>

<script src="http://sites.google.com/site/javacodehtml/moving-recent-Posts.js" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/
gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
        {title: 'Latest articles', url: 'http://raykcool.blogspot.com/feeds/posts/default' }
                        ];

      var options = {
        stacked : false,
        horizontal : false,
        title : " ",
        numResults: 5,
        linkTarget : google.feeds.LINK_TARGET_SELF
      }

      new GFdynamicFeedControl(feeds, 'feed-control2', options);
    }
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
     </script>

قم بتغيير الرابط التالي برابط مدونتك :

http://raykcool.blogspot.com/feeds/posts/default

لأداة اخر التعليقات :

<div id="feed-control2">
    <span style="color:#676767;font-size:11px;margin:10px;padding:
4px;">برجاء الانتظار  …</span>
</div>

<script src="http://sites.google.com/site/javacodehtml/moving-recent-Posts.js" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/
gfdynamicfeedcontrol.js" type="text/javascript"></script>

<script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
        {title: 'Latest articles', url: 'http://raykcool.blogspot.com/feeds/comments/default' }
                        ];

      var options = {
        stacked : false,
        horizontal : false,
        title : " ",
        numResults: 5,
        linkTarget : google.feeds.LINK_TARGET_SELF
      }

      new GFdynamicFeedControl(feeds, 'feed-control2', options);
    }
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
     </script>

قم بتغيير الرابط التالي برابط مدونتك :

http://raykcool.blogspot.com/feeds/comments/default

5. اضغط حفظ

مبروك على الاداة ... و انا في الخدمة للرد على اي استفسارات

اداة تشفير/ ترميز اكواد الهتمل - HTML Encoder

2011-11-10T20:22:00.000+02:00

اداة تشفير او ترميز اكواد الهتمل و هي اداة هامة لنا جميعا ...

فخلال التعامل مع الاكواد و تغييرها سواء تشفيرها او التغيير عليها ...

وضعنا هذه الاداة لكي يستفيد منها الاعضاء بشكل مباشر و بدون اي تعب

ارجو ان تكون نالت اعجابكم ... و شكرا للجميع

انشاء 3 اعمدة لتذيل مدونات البلوجر في الفوتر , هاك تقسيم نهاية المدونة الى 3 اقسام لأضافة الادوات

2011-09-15T13:22:00.004+02:00

لاحظنا في الفترة الاخيرة العديد من المدونات وضعت هذة الخصية في قوالبها و انا من رايي انها مفيدة جدا عوضا عن ان لها مظهر جمالي فان يمكنك اضافه ادوات بها كاداة اضافة اداة اخر التعليقات و اخر المواضيع في زيل الصفحة فعندما ينتهي الزائر من الموضوع الرئيسي تجذبه هذة الاداة لباقي الموضوعات و خاصة عندما تكون اسفل الصفحة

عمل 3 اعمدة لتذيل مدونات البلوجر

Create 3 column in footer area For Blogger

الطريقة :

1. تخطيط ثم html ثم توسيع عناصر الصفحة
لاتنسى احفظ نسخة احتياطية من قالب مدونتك

ملاحظة : برجاء حذف او نقل اي اداة موضوعة في قسم الفوتر \ تذييل المدونة حتى لا يتم حذفها عند تركيب الكود

2. نضغط ctrl+f و نبحث عن الكود التالي :

<div id='footer-wrapper'>

اذا لم تجدة ... ابحث عن :

footer-wrapper
او
footer

ملاحظة : الكود يختلف من قالب الى قالب المهم انك تلاقيه على الوضعية دي و يحتوي الكلمات التي في الاعلى footer - wrapper

<div id='XXXXX'>

و تظلل على الكود لأسفل حتى تجد الكود التالي : ( و المسافة قصيرة :)

</div>

يتم تظليل الكود من :

<div id='XXXXX'> ..... to .... </div>

بالكامل ..

نستبدلة بالكود التالي :

ملاحظة : اذا كان الكود الخاص بك يختلف عن :
footer-wrapper لازم تغييرة في الكود الذي بالاسفل بأسم القسم الموجود لديك
فمثلا : اذا كان الكود الذي بحثت عنة

<div id='XXXXX'>
يجب تعديل footer-wrapper الى XXXXX الموجودة بالكود الذي بالاسفل

         <div id='footer-wrapper'>

            <div id='footer-column-container'>

    <div id='footer2' style='width: 29%; float: right; margin: 0px 5px 0px 10px; text-align: right;'>

    <b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>

    </div>

    <div id='footer3' style='width: 35%; float: right; margin: 0px 10px 0px 10px; text-align: right;'>

    <b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>

    </div>

    <div id='footer4' style='width: 29%; float: left; margin: 0px 0px 0px 10px; text-align: right;'>

    <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>

    </div>

    <div style='clear:both;'/>

    <p>

    <hr align='center' color='#5d5d54' width='90%'/> </p>

    <div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

    <b:section class='footer' id='col-bottom' preferred='yes'/>

    </div>

    <div style='clear:both;'/>

    </div>

        </div>

3. حفظ القالب و مبروك عليك اضافة 3 اعمدة للفوتر

الى اللقاء في الدرس القادم :)

هاك تأثير تقشير الصفحة لمدونات البلوجر

2011-08-17T04:40:00.007+02:00

هاك تأثير تقشير الصفحة لمدونات البلوجر

Page Peel Effect Add For Blogger

و زي مأنتم شايفين في الصورة هي عبارة عن تأثير يضاف للصفحة لكي يجعلها تبدوا مثل صفحتين يتم تقشيرهما عن بعض في اعلى المدونة في الهيدر header .

انا دورت على الهاك دة مدة طويلة و طورته عن ما كان علشان يكون سهل على المدونة ... فأرجو ان ينال اعجابكم.

من المواضيع التي لها تأثير جمالي في المدونة :

1. عرض صورة الملف الشخصي بجوار التعليق
2. عمل 3 اعمدة للفوتر

الطريقة :

1. افتح لوحة التحكم الرئيسية , ادخل على تصميم ثم تحرير HTML , و بعد ذلك توسيع قوالب عناصر واجهة المستخدم .

2. ابحث عن : </head> ( يمكنك البحث عن طريق ctrl + f )

3. ضع الكود التالي فوق مباشرة :

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
/*http://raykcool.blogspot.com/ */
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});

});
</script>

** يمكن للخطوة التالية ان تتم بطريقتين اختار ايهما اسهل لك **

4. ابحث عن الكود التالي : <body> ( يمكنك البحث عن طريق ctrl + f )

5. ضع الكود التالي بعده مباشرة :

<div id='pageflip'>
<a href='http://feeds.feedburner.com/blogspot/raykcool'><img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

او يمكنك اضافة اخر كود في اداة HTML داخل القالب و وضعه في اعلى الهيدر header و الامر راجع لك

ارجو ان اكون افدتكم .... و يا سلام لو اسمع منك تعليق قبل متمشي تقولي رأيك

هاك ترقيم التعليقات داخل مدونة البلوجر - Hack Numbering Comments In Blogger

2011-08-17T04:40:00.006+02:00

السلام عليكم و رحمة الله و بركاته .... ان شاء الله تكونوا جميعا بخير موضوعنا النهاردة عن ترقيم تعليقات الزوار داخل مدونة بلوجر Numbering Comments In Blogger و ان شاء الله يفيدكم الموضوع

قبل الابتداء في الموضوع لابد لك من قراء موضوع عرض صورة الملف الشخصي بجوار التعليق >> اذهب الى الموضوع وموضوع تميز تعليقات المؤلف عن تعليقات الزوار >> اذهب الى الموضوع هذة الموضوعات شدت اهتمام الزوار في قسم التعديل في قالب المدونة بداخل قسم التعليقات

نبدأ الموضوع :-

1. اذهب الى لوحة تحكم مدونتك
2. انتقل إلى صفحة التخطيط او التصميم حاليا ( النظام الجديد الخاص بالمدونات )
3. ثم " تحرير HTML "

**متنساش تاخد نسخة احتياطية من القالب **
احفظ نسخة احتياطية من القالب لاستعادتها عند اذا حدث اى شئ لاقدر الله

4. قم بتوسيع القالب

( Layout > Edit/Html > Check Mark Expand Widgets > Press Ctrl+F and search for below codes in your template )

ثم ابحث عن اول هذا الكود او اخرة ثم بعد تحديده قم بأضافة الكود باللون الاحمر :

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<div class='' expr:id='data:comment.id'>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comment-number'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>
</dt>
<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>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</div>

</b:loop>
</dl>

الان ابحث عن الكود التالي : ]]></b:skin>

و اضف فوقة مباشرة الكود التالي :

.comment-number {
float: right;
background: url(http://i40.tinypic.com/14tmp9e.jpg) no-repeat;
width:50px;
height:50px;
margin-right: 15px;
margin-top: -35px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 18px;
font-weight: bold;
}

/*since the numbers are actually links, we need to force the color properties*//*for more hacks : http://raykcool.blogspot.com/ */
.comment-number a:link, .comment-number a:visited {
color: #445566 !important;
text-decoration: none !important;
}
.comment-number a:hover, .comment-number a:active {
color: #FF9933 !important;
text-decoration: none !important;
}

شرح الكود السابق :

1. الكود باللون الاحمر يمثل صورة الخلفية الخاصة برقم التعليق

2. الكود باللون الخضر الفسفوري width يمثل عرض الصورة ( يفضل العرض الحقيقي للصورة )

3. الكود باللون الازرق hight يمثل الارتفاع الخاص بالصورة ( يفضل العرض الحقيقي للصورة )

4. بالنسبة لـ

margin-right : المحاذاة لليمين

margin-top : المحاذاة للاعلى

text-align : نمط محاذاة الخط
( center = وسط \ left = شمال \ right = يمين )

font-size : حجم الخط

font-weight : نوع الخط ( bold = تخين \ normal = عادي )

اضغط معاينة و ان شاء الله تكون ظبطت معالك و مبروك عليك الهاك

.... كل تعليقاتكم و استفساراتكم مرحب بها ... SEE U ^^

طرقة اضافة ادوات و قطع داخل عناصر الصفحة لمدونات البلوجر بلوج سبوت | اضافة اماكن لوضع الادوات داخل مدونات البلوجر بلوج سبوت

2011-08-17T04:39:00.001+02:00

بسم الله الرحمن الرحيم

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

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

الطريقة :

1. اذهب الى لوحة التحكم ثم تخطيط ثم html

2. دوس ctrl+f و اكتب اي جزء من الكود التالي:

القطعة الخاصة برأس المدونة header-wrapper

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="1" showaddelement="no">

3. غير القيم لتصبح بالشكل التالي :

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="3" showaddelement="yes">

القطعة الخاصة بجسم المدونة main-wrapper

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="no">

3.غير القيم لتصبح بالشكل التالي :

<div id="main-wrapper"> <b:section class="main" id="main" showaddelement="yes">

ملاحظة

ربما تجد كلمة main-wrap او حتى main بدلا من main-wrapper

وكذلك ربما تجد كلمة haeder-wrap او headrer بدلا من header-wrapper

بشكل عام وللتبسيط على الجميع
ابحث فى صندوق الاكواد عن كل كلمة showaddelement ثم غير قيمتها التى بين القوسين واجعلها yes بدلا من no

وابحث ايضا عن كل كلمة maxwidget
ثم غير قيمتها التى بين القوسين الى الرقم 3 بدلا من 1

بعد الانتهاء احفظ القالب
ثم اذهب الى لوحة القطع (تخطيط > عناصر الصفحة ) لتجدها اصبحت بهذا الشكل

اضافة زر طباعة الموضوع لمدونات البلوجر بأشكال متعددة - داخل و خارج الموضوع

2011-03-08T17:54:00.001+02:00

" اضافة زر طباعة الموضوع لمدونات البلوجر "

داخل الموضوع او خارجة - بأشكال متعددة

زر اطبع الموضوع زرار مهم جدا لأصحاب المواقع و المدونات و خصوصا ذات المحتوى النصي او المقالي بشكل اصح

فأذا كانت مدونتك مدونة مقالية تكتب عن الاخبار او تعليمية بمواد جامعية او

دراسية ايا كانت ...

تريد حماية مواضيعك من النسخ و السرقة

فأنصحك

بالموضوعين التاليين :

1.كود منع تظليل الموضوعات و بالتالي تمنعها من النسخ

2.امنع الزوار من ضغط مفتاح كليك يمين بالفارة

طب ازاي الزوار يحصلوا على مواضيعك

بدون سرقة و في نفس الوقت يستفيدوا منها ؟

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

* طريقة تركيب الاداة :

* الطريقة الاولى : وضعها خارج الموضوع

1. لوحة التحكم

2. تصميم

3. اضافة اداة

4. اداة هتمل HTML

5. أنسخ الكود الذي تختارة و اضغط حفظ

* الطريقة الثانية : وضعها داخل الموضوع

1. لوحة التحكم

2. تصميم

3. تحرير HTML

4. توسيع عناصر واجهه المستخدم

5. ابحث عن : <data:post.body/>

ضع قبله الكود التالي :

<div style="clear: both; float: right; height: 45px; margin: 5px; width: 45px;">

ضع هنا الكود الذي تختارة بعد تشفيرة

</div>

* طريقة تشفير الكود

ادخل على الموقع التالي : HTML Encoder

كما في الصورة :

الكود الذي تختار !!!

هذه هي مجموعه الايقونات بالاشكال التي تختارها

( الموضوع تحت التعديل )

و يمكنك ايضا ..

اضافة زر اجعلنا صفحتك الرئيسية الموضوع

من هنا

ارجو ان اكون افدتكم ... و الى اللقاء في موضوع قادم

اضافة ايقونة اجعلنا صفحتك الرئيسية الى مدونات البلوجر بأشكال متعددة - كود اضافة الموقع للصفحة الرئيسية لمدونات البلوجر بلوج سبوت

2011-03-08T15:55:00.004+02:00

اضافة ايقونة اجعلنا صفحتك الرئيسية الى مدونتك بأشكال متعددة

ايقونات متعددة من اجلكم فقط اعضاء مدونة رايق كول ..

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

* طريقة اضافة الاداة :

1. لوحة التحكم

2. تصميم

3. اضافة اداة

4. اداة هتمل HTML

5. أنسخ الكود الذي تختارة و اضغط حفظ

تحياتي لكم ... ارجو ان تنال اعجابكم

( الموضوع تحت التعديل )
لان تم اكتشاف ان الكود يعمل على متصفحات الاكسبلورر القديمة و ليس كل المتصفحات
جاري تطوير الكود و سوف يتم اضافتة بأقرب وقت

عداد مشاهدة لصفحة معينة او موقع او مدونة - كود بسيط و سهل التركيب لمدونات بلوجر بلوج سبوت

2011-03-04T15:51:00.002+02:00

عداد, زوار, موقعك, مدونتك, هاكات, اكواد, دروس المدونات, هاك , عداد الزوار, عدد الزوار, كود خفيف لعدد الزوار, هاكات و اكواد, هاكات و اكواد, ادوات المدونات, Blogger Hacks, Blogger Tutorials

كود عداد زوار موقعك و مدونتك - اعرف عدد زوارك بسرعة و بدون تعب

الكود مجاني .. لكم فقط :)

كل ما عليك فعله لكي تضع هذه الاداة :

1. اذهب الى لوحة التحكم
2. اختر تصميم
3. اضافة اداة
4. اداة HTML
5. انسخ الكود التالي مع تغيير Counter-Number بأسم مدونتك بالانجليزية بدون مسافات او اي رقم تختاره اهم شيء يكون مميز و يبتدي الترقيم معك من الصفر

* الكود :

<div align="center"> <img border="0" src="http://cgibin.erols.com/cgi-bin/Count.cgi?df=Counter-Number&ft=6&tr=N&dd=B&md=8" alt="عدد زوار الموقع"/><br> <a href="http://www.raykcool.blogspot.com/"><img src="http://html-code.webs.com/image/pixel.png" alt="Hit-Counter" style="border: 0" /></a> </div>

او يمكنك اضافة الاداة من هنا مباشرة

ارجو ان اكون وفقت في الشرح و السلام عليكم و رحمة الله و بركاته ..

كود جديد لاضافة اداة اقرأ المزيد + حل المشلكة الصفحات الثابته + تعديل او اضافة او حذف الاكواد

2011-02-27T15:11:00.003+02:00

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

لمعرفة المزيد عن الصفحات الثابته و كيفية اضافتها

( اضغط هنا )
ارجو ان ينال اعجابكم ...

تحديث : اداة اقراء المزيد و ازالة مشكلة الصفحات الثابته
ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

الجديد هو امكانية عمل صفحات داخل المدونة بدون ظهور أقرأ المزيد فيها

وضع صورة لأقرأ المزيد

* الطريقة :

1. افتح لوحة التحكم اضغط هنا

2. اختر تصميم

3. ثم تحرير HTML

4. علم صح على توسيع قوالب عناصر واجهة المستخدم
5. ابحث عن </head>

و نضع قبلها الكود :

( اذا كنت اضفت اداة اقرأ المزيد من قبل فهذه الخطوة غير ضرورية )

<script type='text/javascript'>var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 150; img_thumb_width = 200; </script>  <script type='text/javascript'> //<![CDATA[ function removeHtmlTag(strx,chop){ if(strx.indexOf("<")!=-1) { var s = strx.split("<"); for(var i=0;i<s.length;i++){ if(s[i].indexOf(">")!=-1){ s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); } } strx = s.join(""); } chop = (chop < strx.length-1) ? chop : strx.length-2; while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++; strx = strx.substring(0,chop-1); return strx+'...'; } function createSummaryAndThumb(pID){ var div = document.getElementById(pID); var imgtag = ""; var img = div.getElementsByTagName("img"); var summ = summary_noimg; if(img.length>=1) { imgtag = '<span style="float:right; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>'; summ = summary_img; } var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>'; div.innerHTML = summary; } //]]> </script>

6. الان نبحث عن الكود :

<data:post.body/>

و نستبدله بـ

( اذا كنت اضفت اداة اقرأ المزيد من قبل فهذه الخطوة غير ضرورية )

* لأداة اقرأ المزيد بشكل نصي :

<p>  <b:if cond='data:blog.pageType == "static_page"'><br/> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> تابع القراءة ....</a></span> </b:if> <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if></p>

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

* لأداة اقرأ المزيد بشكل صورة :

<b:if cond='data:blog.pageType == "static_page"'><br/> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != "item"'> <div expr:id='"summary" + data:post.id'><data:post.body/></div> <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <span class='rmlink' style='float:left;padding-top:20px;'><a expr:href='data:post.url'> <img alt='Read More' height='50' src='http://1.bp.blogspot.com/-OVEi1YulkjE/TrpuCpJWu4I/AAAAAAAAB4s/umNEhFF3ot4/s1600/rm13.png' width='139'/></a></span> </b:if> <b:if cond='data:blog.pageType == "item"'>  <base target='_blank'/> <data:post.body/> </b:if> </b:if>

* اما اذا كانت اداة اقرأ المزيد مضافة قبل ذلك و تريد التعديل عليها :

1. لأضافة كود ازالة تأثير أقرا المزيد على الصفحات :

اولا : ابحث عن :

<p><b:if cond='data:blog.pageType != "item"'>

و استبدله بـ

<b:if cond='data:blog.pageType == "static_page"'><br/> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType != "item"'>

ثانيا : ابحث عن

</b:if></p>

و استبدله بـ

</b:if></b:if></p>

2. لأضافة الصورة بدل من الكلام النصي

قم بالتظليل على الكلام الذي تريد تبديله بالصورة و استبدله بالكود التالي :

<img alt='تابع قراءة باقي الموضوع' height='100' src='ضع هنا رابط الصورة'/>

ملاحظة : قم بالتظليل على الكلام ... هو الكلمة التي تظهر لك في الرئيسية لتعرض الموضوع كامل ..

>> للحصول على المزيد من ايقونات اقرأ المزيد و اكمل الموضوع و READ MORE .... ادخل هنا .

و اخيرا ... أحفظ القالب

اعتذر اني طولت عليكم يا شباب انا حبيت احط شرح وافي على قد مقدر للأفادة

على العموم ...

اذا ظهرت اي مشاكل في الكود عند التركيب اترك لي تعليق و بأذن الله هرد عليك بالحل و بأذن الله اذا اتبعت الخطوات كاملة لن تظهر اي مشكلة معك

عمل فهرس لارشيف مدونات البلوجر متجدد آليا | اضافة خريطة لوقعك بأرشيف يتجدد آليا لمدونات بلوج سبوت

2011-02-27T04:12:00.003+02:00

عمل فهرس لارشيف المدونة متجدد آليا

create Index for Blog Archive Updated automatically

* وصف الاداة :

اولا : الارشيف هو المواضيع مرتبة حسب تاريخ نشرها
و يمكن اضافتها كأداة داخل المدونة من :
تصميم >> اضافة اداة >> ارشيف المدونة الالكترونية >> حفظ

ثانيا : فهرس الارشيف : ( لرؤية نسخة من فهرس الارشيف اضغط هنا )
هو عبارة عن فهرس للأرشيف مرتب فيها المواضيع ترتيبا تنازلي من اخر موضوع تم نشرة الى اول موضوع نشر داخل المدونة

* مميزات الاداة :

1. تتيح لزوارك التعرف على اخر المواضيع التي تم نشرها دون الحاجة الى تصفح المدونة كلها
2. تسهل لزوارك الحصول على المواضيع التي تفيدهم بطريقة سهلة و سريعة
3. تقوم الاداة بشر كل مواضيعك في الفهرس بطريقة آلية و لا حاجة للتعديل عليها
4. يمكنك اضافة الاداة كصفحة من صفحات المدونة لتكون واضحة و متاحة لكل الزوار
5. يعمل موضوع الفهرس على عمل باك لينك داخلي لمواضيعك بطريقة سهلة و آلية

* لاضافة فهرس لأقسام المدونة بقائمة منسدلة متجدد آليا اضغط هنا

* طريقة اضافة الاداة :

1. ادخل لوحة التحكم الخاصة بك
2. انشأ رسالة جديدة و يفضل ان تنشأ صفحة ثابته داخل المدونة لوضع فهرس الارشيف بها
( تعلم ان تنشأ الصفحات الثابتة من هنا )
3. اكتب داخل الموضوع المقدمة التي تحب
4. حول طريقة الكتابة الى تحريرHTML
سوف تجد في اخر الصفحة </div> *
قم بوضع الكود التالي قبلها * مباشرة

<script style="text/javascript" src="http://html-code.webs.com/html/Archive-Index.js"></script> <script src="http://raykcool.blogspot.com/feeds/posts/default?max-results=500&alt=json-in-script&callback=loadtoc"></script>

سوف قوم بتغير رابط مدونة رايق كول برابط مدونتك...

يمكنك فقط تغيير كلمة RaykCool الى اسم مدونتك حيث ان رابط الخلاصة واحد و ذلك لمدونات بلوج سبوت blogspot ( بلوجر Blogger )
الان قم بمعاينة الرسالة و نشرها ...

و ارجو ان اكون افدتكم ...

... و ان تكوا استمتعتم بدرس اليوم و الى القاء في المرة القادمة

.... في درس من دروس المدونات

انشأ الصفحات الثابتة في مدونة البلوجر البلوج سبوت , اضافة اداة الصفحات الثابتة + حل مشكلة الصفحات الثابتة

2011-02-11T00:56:00.002+02:00

السلام عليكم موضوعنا النهاردة عن انشاء الصفحات الثابتة في مدونة البلوجر

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

طريقة اضافة الصفحات الثابتة :

1. اضغط على تحرير الرسائل
2. صفحات التحرير
3. صفحة جديدة
4. ادخل عنوان الصفحة و المحتوى
5.انشر الصفحة

طبعاااا كل اي موضوع شرح في اي مكان بيسبكوا لغاية هنااا و يوقف في الشرح و لكن علشان نحن نختلف عن الاخرون ( هههههههههه ) و شبابنا كول و بناكل فول

مش عايزين و جع دمااااغ

( اذا ظبطت معاك الاداة فالخطوة التالية غير ضرورية )

ممكن الصفحات متتحطش بشكل افقي حتى لو عملت قرد
( انا اتجننت اول مجيت اعملها ) هههههه
طيب نعمل اية ؟؟ !!
انا اقولك هنضيف قطعة لرأس الصفحة ؟
يعني اية قطعة ؟؟!! زي المواضيع الي فاتت دي

اضف قطعة لتقييم موضوعك

اضافة قطع للمدونة في الهيدر او الفوتر

* الطريقة :

1. افتح لوحة التحكم اضغط هنا

2. اختر تصميم

3. ثم تحرير HTML

4. علم صح على توسيع قوالب عناصر واجهة المستخدم

خلي بالك معايا من الكود دة :

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>

هدوس (اضغط) ctrl+f و ابحث عن

crosscol-wrapper

لو لاقيتها (حظك حلو) غير الـ 'showaddelement='yes' (من no الى yes )
اما لو ملاقتهاش نسخ الكود الي فووووووق كله و حطة اسفل

<div id='content-wrapper'>

طبعا هدور على الكلمة بـ ctrl+f

بعد متظبط احوالك هتضغط حفظ و كدة انتهينا
هتدخل على التخطيط >> عناصر الصفحة
هتلاقي القطعة تم اضافتهاااا

الان ادخل على عناصر الصفحة ثم اضف اداة الصفحات داخل القطعه الي لسة حاطنها

و دوس حفظ

سي يو في المواضيع الجاية ^ 6

مدونة رايق كول

أضافة القرآن الكريم بصوت تسعة مشايخ بكود لا يأخذ مكان في الموقع - اضافة المصحف كامل الى مدونات بلوجر بكود سريع لمدونات البلوج سبوت

طريقة تميز تعليقات الكاتب عن تعليقات الزوار داخل مدونات البلوجر , وضع خلفية لتعليقات الكتاب بعشرة الوان مختلفة لمدونات البلوج سبوت البلوجر

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

كود الحماية المطلقة لمواضيعك من السرقة - منع كليك يمين + التظليل + مفتاح كنترول

إضافة شريط اجتماعي إلى الموقع من جوجل - خدمة فريند كونيكت لمدونات البلوجر بلوج سبوت

إضافة شريط اجتماعي إلى الموقع friendconnect :

و هي خدمة مجانية تقدمها جوجل لاصحاب المواقع

و من مميزاتها :

1. تضيف شكل جميل الى الموقع

2. تسمح للزوار بوضع تعليقات سريعة و اقترحات

3. تشجع الزوار على التسجيل و المشاركة

4.تظهر اعضاء المدونة و معلومات المستخدمين بطريقة جذابة

5. تظهر اخر نشاط للموقع من اعضاء جدد و غيرها

6. تقدم كل تلك الخدمات دون مغادرة الموقع اي في نفس الصفحة

و للاشتراك في الخدمة ادخل الموقع التالي من هنااااااااا

طبعا الاشتراك في الخدمات المتعددة سهله جدااا

و لكني اردت ان اشرحها بالتفصيل : (تابع الشرح في الصور)

اضافة تأثير صفحات الكتاب المتحركة لأخر مواضيع مدونات البلوجر | كود اخر المواضيع المتحركة بتأثير حركة صفحات الكتاب المتحركة

اضافة اداة ترقيم الصفحات + 20 شكل لمدونات البلوجر بلوج سبوت + حل مشكلة الظهور داخل الاقسام و التسميات

هاك تحويل اداة المشاركات الشائعة الى مربع متحرك ثلاثي الابعاد - Convert Most Popular Posts To 3D Cube

طريقة اضافة فهرس بالاقسام للمواضيع متجدد آليا لمدونة البلوجر - Creat Index With Labels

اضافة اداة اخر الموضوعات بصور لمدونات البلوجر بكود جديد و تحكم كامل | هاك اخر الرسائل بصور لمدونات البلوج سوبت البلوجر بكود سريع و خفيف

اضافة شريط اخر المواضيع و التعليقات المتحرك بكود جديد و تصميم رائع - Recent posts and comments Scrolling text

أضافة هاك كود اخر المواضيع و التعليقات بديل تغذية بلوجر - Recent Posts and Comments Widget

اضافة كود لايك اعجاب لصفحة او جروب الفايس بوك متحرك مع الموقعك لمدونات البلوجر بلوج سبوت - كود لسان الفايس بوك متحرك بصندوق الاعجاب

اضافة اداة اخر الموضوعات و التعليقات المتحركة بشكل فلاشي مميز لمدونات البلوجر بلوج سبوت | كود اخر المواضيع و التعليقات متحرك فلاش

اداة تشفير/ ترميز اكواد الهتمل - HTML Encoder

انشاء 3 اعمدة لتذيل مدونات البلوجر في الفوتر , هاك تقسيم نهاية المدونة الى 3 اقسام لأضافة الادوات

هاك تأثير تقشير الصفحة لمدونات البلوجر

هاك ترقيم التعليقات داخل مدونة البلوجر - Hack Numbering Comments In Blogger

طرقة اضافة ادوات و قطع داخل عناصر الصفحة لمدونات البلوجر بلوج سبوت | اضافة اماكن لوضع الادوات داخل مدونات البلوجر بلوج سبوت

اضافة زر طباعة الموضوع لمدونات البلوجر بأشكال متعددة - داخل و خارج الموضوع

اضافة ايقونة اجعلنا صفحتك الرئيسية الى مدونات البلوجر بأشكال متعددة - كود اضافة الموقع للصفحة الرئيسية لمدونات البلوجر بلوج سبوت

عداد مشاهدة لصفحة معينة او موقع او مدونة - كود بسيط و سهل التركيب لمدونات بلوجر بلوج سبوت

كود جديد لاضافة اداة اقرأ المزيد + حل المشلكة الصفحات الثابته + تعديل او اضافة او حذف الاكواد

عمل فهرس لارشيف مدونات البلوجر متجدد آليا | اضافة خريطة لوقعك بأرشيف يتجدد آليا لمدونات بلوج سبوت

انشأ الصفحات الثابتة في مدونة البلوجر البلوج سبوت , اضافة اداة الصفحات الثابتة + حل مشكلة الصفحات الثابتة

اضف قطعة لتقييم موضوعك

اضافة قطع للمدونة في الهيدر او الفوتر

خلي بالك معايا من الكود دة :

<div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='yes'/> </div>

هدوس (اضغط) ctrl+f و ابحث عن

crosscol-wrapper

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>