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

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

2012-01-16T19:01:00.003+02:00

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

" للمعاينة السريعة "

ادخل هنا

>> تسلسل الدخول الى الموضوع :-

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

- ابحث عن :

]]></b:skin>

2- انسخ الكود التالي والصقه فوقها مباشرة ..

/* Breadcrumb Navigation: Start */
/* Developed By Rayk Cool */
.breadcrumbs{
padding:5px 0px 5px 5px; margin:0;
font-size:14px; line-height:1.4em; border-bottom:4px double #cadaef;
}
/* Breadcrumb Navigation: Ends */

اللون الاحمر يمثل حجم الخط
اللون الازرق يمثل ارتفاع الخط
اللون الاخضر يمثل المحاذاة الخاصة بالاداة

3- الان ابحث عن :

<div class='post-header'>

4- وانسخ الكود التالي قبلها مباشرة :

<b:if cond="data:blog.homepageUrl == data:blog.url"><b:else /><b:if cond="data:blog.pageType == "item""><div id="sd" align="right" style="position:absolute; right:0px; top:0px; width:2px; height:2px"><a href="http://raykcool.blogspot.com"><img border="0" src="http://sites.google.com/site/javacodehtml/px.png" width="2" height="2" alt="Rayk Cool for blogger tutorial" /></a></div><div class="breadcrumbs">انت تقرأ .. » <a expr:href="data:blog.homepageUrl">الرئيسية</a> »<b:if cond="data:post.labels"><b:loop values="data:post.labels" var="label"><a expr:href="data:label.url" rel="tag"><data:label.name /></a><b:if cond="data:label.isLast != "true""> , </b:if></b:loop></b:if> » <data:post.title /></div></b:if></b:if>

5. اضغط حفظ

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

<div class='post hentry uncustomized-post-template'>

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

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

و سلام تهيس لكل الشباب البيس

لكل الشباب الكول .. مش السيس :)

عمل روابط آلية لكلمات معينة بنفس رابط الموضوع لمدونات البلوجر , كود المنتديات للأرتباطات الآلية لمدونات البلوجر البلوج سبوت

2012-01-14T23:43:00.001+02:00

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

و التعديل هو بديل للروابط فبدل تحديد و كتابة الروابط سواء كانت لروابط مواضيع بداخل مدونتك او لمواقع مهمة زي جوجل و غيرها ..

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

"معاينة سريعة لهذا الهاك "

اضغط هنا

هاك عمل باك لينك بطريقة آلية لكلمات معينة داخل مدونات البلوجر , إضافة الروابط التلقائية على مدونات بلوجر , روابط آلية داخل المواضيع , Auto Backlink For Blogger Blogspot

وصف سريع :

الكود تعديل على الموضوع السابق لأضافة روابط الموضوع نفسة على الكلمات المحددة في الكود بطريقة آلية ...

و دة بيساعد على :

1. عمل روابط داخلية متعددة و بطريقة آلية
2. عمل روابط آلية بأشهر المواقع ثل : جوجل , ياهو . الفايس بوك , و غيرها
3. كل دة هيساعد في جعل محتوى اي مواضيع غني بالروابط مما يقوي الارشفة و يساعد عناكب البحث على جعل موقعك في اوائل محركات البحث .
4. بديل رائع عن وضع الروابط الداخلية اليدوي .. و سهولة اكبر
5. ربط محتوى المدونة ببعضها .. مما يجعل محتواها غني بالمعلومات

طريقة اضافة الكود :

1. تصميم
2. تحرير HTML
3. توسيع عناصر واجهه المستخدم

4. ابحث عن : </head>

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

<script src='http://sites.google.com/site/javacodehtml/auto-backlink.js' type='text/javascript'/>
<script src='https://sites.google.com/site/javacodehtml/post-backlink.js' type='text/javascript'/>

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

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

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

و قم بأستبدالة بـ :

<div expr:id='"summary" + data:post.id'><data:post.body/>
</div>
<script type='text/javascript'>

highlightSearchTerms('google',true,'http://www.google.com','summary<data:post.id/>');
highlightSearchTerms('جوجل',true,'http://www.google.com','summary<data:post.id/>');

highlightSearchTerms('الموضوع',true,'" +post.url+ "','summary<data:post.id/>');

</script>

شرح الكود :

الكود يقوم بالبحث بداخل الموضوع عن الكلمات الملونة باللون الازرق ( جوجل و google ) و عمل لها ارتباط و هو ما تراة باللون الاحمر ..

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

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

-- لرابط معين :

highlightSearchTerms('جوجل',true,'http://www.google.com','summary');
highlightSearchTerms('جوجل',true,'http://www.google.com','summary');
highlightSearchTerms('جوجل',true,'http://www.google.com','summary');

-- لرابط نفس الموضوع :

highlightSearchTerms('الموضوع',true,'" +post.url+ "','summary<data:post.id/>');
highlightSearchTerms('الموضوع',true,'" +post.url+ "','summary<data:post.id/>');

و هكذااااااااااااا ........... بنفس الشكل الموجود بالكود ... و استبدل الكلمات و الروابط بما يناسبك ....

و بعد الانتهاء قم بحفظ القالب

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

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

هاك عمل باك لينك بطريقة آلية لكلمات معينة داخل مدونات البلوجر , إضافة الروابط التلقائية على مدونات بلوجر , روابط آلية داخل المواضيع

2012-01-14T00:25:00.005+02:00

هاك اليوم هو هاك صنع روابط آلية داخل مواضيع مدونات البلوجر

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

إضافة الروابط التلقائية على مدونات بلوجر

روابط آلية داخل المواضيع

Auto Backlink For Blogger

"معاينة سريعة لهذا الهاك"

اضغط هنا

وصف سريع :

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

و دة بيساعد على :

1. عمل روابط داخلية متعددة و بطريقة آلية
2. عمل روابط آلية بأشهر المواقع ثل : جوجل , ياهو . الفايس بوك , و غيرها
3. كل دة هيساعد في جعل محتوى اي مواضي غني بالروابط مما يقوي الارشفة و يساعد عناكب البحث على جعل موقعك في اوائل محركات البحث .
4. بديل رائع عن وضع الروابط الداخلية اليدوي .. و سهولة اكبر
5. ربط محتوى المدونة ببعضها .. مما يجعل محتواها غني بالمعلومات

** تم انشاء موضوع اشمل و اعم ليشمل الكلمات بالارتباطات المحددة بالاضافة الى كلمات بنفس رابط الموضوع ..
>>>> اضغط هنا للذهاب الى الموضوع <<<<

طريقة اضافة الكود :

1. تصميم
2. تحرير HTML
3. توسيع عناصر واجهه المستخدم

4. ابحث عن : </head>

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

<script src='http://sites.google.com/site/javacodehtml/auto-backlink.js' type='text/javascript'/>

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

ملاحظة : قد تجده مرتين او ثلاث مرات و ذلك للقوالب التي تستخدم كود / هاك اقرأ المزيد فقط قم بأستبدال الكود الأخير

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

و قم بأستبدالة بـ :

<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>

<script type='text/javascript'>

highlightSearchTerms('google',true,'http://www.google.com','summary'); highlightSearchTerms('جوجل',true,'http://www.google.com','summary');

</script>

شرح الكود :

الكود يقوم بالبحث بداخل الموضوع عن الكلمات الملونة باللون الازرق ( جوجل و google ) و عمل لها ارتباط و هو ما تراة باللون الاحمر ..

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

highlightSearchTerms('جوجل',true,'http://www.google.com','summary');
highlightSearchTerms('جوجل',true,'http://www.google.com','summary');
highlightSearchTerms('جوجل',true,'http://www.google.com','summary');

و هكذااااااااااااا ........... بنفس الشكل الموجود بالكود ... و استبدل الكلمات و الروابط بما يناسبك ....

و بعد الانتهاء قم بحفظ القالب

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

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

كود البوب اب لفتح اعلان لموقع في نافذة جديدة لمدونات البلوجر البلوج سبوت , هاك النوافذ المنبثقة المزعجة اعلان يفتح في صفحة جديدة اثناء تصفح الموقع لمدونات البلوجر و البلوج سبوت

2012-01-04T20:02:00.000+02:00

كود البوب اب لفتح اعلان لموقع في نافذة جديدة , هاك النوافذ المزعجة اعلان يفتح في صفحة جديدة اثناء تصفح الموقع , Creat pop-up window javascript هو عبارة عن كود جافا سكريبت يسمح لك بالاعلان عن موقع معين عن طريق فتحة في نافذة جديدة اثناء تصفح الزوار لموقعك ...
الكود دة مهم جدا في الاعلانات و يستخدمة اغلب المواقع و المنتديات و هو فعال جدا في الاعلانات لانه يجبر الزائر للذهاب للموقع المعلن عنة ...

و لأننا شباب كول على طووووووووووول

و محدش يقدر ينافسنا في مجالنا ... في كل جديد و حصري مع رايق كول العصري

:)))

** جايبلكم كمان معاينة للكود تلاقوة ( اضغط هنا )

ما هي مميزات الهاك :

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

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

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

الكود :


<script type="text/javascript">
var site="http://raykcool.blogspot.com/";
var minutes="0 minutes";
</script>
<script src="http://sites.google.com/site/javacodehtml/Pop-Up.js" type="text/javascript"></script>

** ملاحظة هامة : يجب ان يكون المتصفح الخاص بك يسمح للبوب اب بالظهور اذا منعه سوف يظهر لك شريط يطلب منك السماح او المنع لظهور النافذة فأضغط سماح او allow ثم اعد تحميل الصفحة Refresh

متغيرات الكود :

var site= الموقع الذي تريد ان تعلن عنة
var minutes= عدد الدقائق التي تفصل بين كل زيارة للزائر الواحد
minutes 0 = يتم عرض الاعلان في كل مرة زيارة
minutes 1 = يتم عرض الاعلان في كل دقيقة للزائر الواحد .. و هكذا

و يمكنك ايضا الاستفادة من :

1. هاك وضع الاعلانات داخل الموضوع في اي مكان >> اضغط هنا
2. هاك وضع الاعلانات في بداية و نهاية الموضوع >> اضغط هنا

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

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

2. اختار تخطيط

3. اضف اداة

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

( حتى يتم عرض الاعلان بعد اكتمال تحميل الموقع )

4. HTML/JavaScript

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

ارجو ان يكون الكود قد نال اعجابكم شكرا لمتابعتكم و منتظر تعليقاتكم

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

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>

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

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

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

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

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>

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

طريقة اضافة فهرس بالاقسام للمواضيع متجدد آليا لمدونة البلوجر - 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. اضغط نشر ... و اتفرج على الفرس و عيش يا معلم شكلها تووووحفة ....

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

اظهار و اخفاء الناف بار navbar لمدونات البلوجر ( لوحة التحكم الجديدة )

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

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

درسنا النهاردة عن : اظهار و اخفاء الناف بار navbar لمدونات البلوجر

ما هو الناف بار NavBar ؟

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

لشرح كيفية حذف الناف بار من لوحة تحكم بلوجر القديمة >> اضغط هنا

كيفية اخفاء \ حذف الناف بار ؟ ( الشرح على واجهه بلوجر الجديدة )

1. ادخل لوحة التحكم الاساسية من هنا

2. اختر قالب

3. تحرير HTML

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

5. ابحث عن : <b:skin><![CDATA[

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

/* -----   Hide Navbar Start : www.raykcool.com   ----- */ #navbar-iframe {    height:0px;    visibility:hidden;    display:none } /* -----   Hide Navbar End : www.raykcool.com   ----- */

7. اضغط معاينة لتتأكد من حذف الناف بار ثم اضغط حفظ القالب .

المصدر الاصلي : منتدى رايق كول

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

و عايز اسمع احلى تعليقااااااااااااااات :)

تعديل او حذف اشترك في رسائل الاوتم لمدونات البلوجر - Change or Remove Subscribe to Atom

2011-11-09T18:42:00.002+02:00

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

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

و لذلك اعرض عليكم طريقتان :

1. الاحتفاظ بها و حذف كلمة ATOM فقط
او
2. حذفها نهائيااااااااااااااا

1. الاحتفاظ بها و حذف كلمة ATOM فقط

اتبع الخطوات التالية :

1. تخطيط
2. تحرير html
3. توسيع عناصر الصفحة
4. خذ نسخة احتياطية من مدونتك لمعرفة الطريقة اضغط هنااا

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

<data:feedLinksMsg/>

و احذفة

2.اما لحذف الاداة كاملة " اشترك في رسائل ATOM "

اتبع الخطوات التالية :

1. تخطيط
2. تحرير html
3. توسيع عناصر الصفحة
4. خذ نسخة احتياطية من مدونتك لمعرفة الطريقة اضغط هنااا

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

<b:include name='feedLinks'/>

و احذفة نهائيا ...............

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

إضافة إقرأ المزيد او تابع القراءة بطريقتين مختلفتين في مدونات البلوجر

2011-11-09T14:54:00.001+02:00

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

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

و هي :

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

و طريقتها :

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

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

تصميم ... ثم ... تحرير رسائل المدونة الالكترونية

و عند نص رابط صفحة التدوين ... تكتب أقرأ باقي الموضوع ..
او ايا كان ما تحب ان يظهر .. :)

الطريقة الثانية :

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

من لوحة التحكم اختار تصميم ثم تحرير HTML ثم توسيع عناصر القالب

1. ابحث عن : </head>

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

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

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

4. استبدلة بالكود التالي :

<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. تأكد من عدم اضافة هذة الاداة اذا كانت مضافة اساسا لديك

2. اذا وجدت كود : <data:post.body/> مرتين او ثلاثة ( تأكد من الملاحظة الاولى ) و استبدل الاولى فقط

3. الكود محدث بخاصية اظهار اداة اقرأ المزيد في المواضيع فقط و ليس الصفحات الثابتة ..
4. لتغيير صورة Read More ابحث في القالب عن رابط الصورة :

http://1.bp.blogspot.com/-OVEi1YulkjE/TrpuCpJWu4I/AAAAAAAAB4s/umNEhFF3ot4/s1600/rm13.png

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

و استبدلها بما يناسبك ...

ارجو ان تكونوا استمتعتم بهذا الهاك ...

و الى اللقاء في الدرس القادم ..

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

2011-11-07T11:36:00.008+02:00

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

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

اذكركم بحماية مواضيعكم من النسخ عن طريق :

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

و اليوم سوف نقوم بالحفاظ على صور موقعك من النسخ و النقل الى مواقع اخرى ..

الطريقة :

1. انتقل الى لوحة التحكم الخاصة ببلوجر من هنا

2. تصميم ..>> عناصر الصفحة .. >> تحرير HTML

3. ابحث عن : </head>

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script type='text/javascript'> jQuery.fn.protectImage = function(settings) { settings = jQuery.extend({ image: 'https://lh5.googleusercontent.com/-Z5poq9_C1uc/Tg0I1qJlrKI/AAAAAAAAAb4/yo_fwtdbg_8/blank.gif', zIndex: 10 }, settings); return this.each(function() { var position = $(this).position(); var height = $(this).height(); var width = $(this).width(); $('<img />').attr({ width: width, height: height, src: settings.image }).css({ top: position.top, left: position.left, position: 'absolute', zIndex: settings.zIndex }).appendTo('body') }); }; $(window).bind('load', function() { $('img.protect').protectImage(); }); </script>

5. احفظ القالب

و الان عن اضافة اي صورة كل ما عليك فعلة هو التحويل على وضعية HTML في تحرير الموضوع / الرسالة و التعديل على الصورة لتكون بالشكل التالي :

و التغيير الوحيد هو اضافة

class="protect"

الى كود الصورة ...

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

و اذا اردت ان تضيف رابط موقعك او مدونتك بدل الصورة الفارغة

ابحث داخل قالب مدونتك على الرابط التالي :

https://lh5.googleusercontent.com/-Z5poq9_C1uc/Tg0I1qJlrKI/AAAAAAAAAb4/yo_fwtdbg_8/blank.gif

و استبدلة برابط الصورة التي تريد ..

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

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

2011-11-07T10:43:00.002+02:00

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

Blogger xml error messages solution

هل واجهتك العديد من المشاكل عند تركيب قالب على مدونتك ؟

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

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

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

1. فيجب دائما اخذ نسخة احتياطية من القالب الخاص بكم ..

2. و يجب اتباع الخطوات بدقة و التأكد من نسخ الكود بالكامل ...

3. و المعاينة دائما قبل حفظ القاللب ..

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

المشكلة الاولى :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The end-tag for element type "b:if" must end with a '>' delimiter.

Error 500

حل المشكلة :

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

<b:if>

و يتم اغلاقة بعلامة /

</b:if>

مثال :

<b:if cond='data:blog.pageType == "static_page"'>

<< المحتوى ايا كان >>
</b:if>

المشكلة الثانية :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: Open quote is expected for attribute "{1}" associated with an element type "href".
Error 500

حل المشكلة :

تأكد من اغلاق حقول الريفير او الروابط و شروطة هي :

البداية :

<a href="الرابط">

و نهايتة المغلقة بـ / :

</a>

مثال :

<a href="http://www.raykcool.com">منتدى رايق كول</a>

المشكلة الثالثة :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The element type "span" must be terminated by the matching end-tag "</span>".
Error 500

حل المشكلة :

تأكد من اغلاق الوسم سبان و هو الوسم المتعلق بـ تنسيق الخط و الالوان و المحاذاة و مهام اخرى :)

على ان تكون بدايتة :

<span>

و النهاية المغلقة :

</span>

مثال :

<< المحتوى ايا كان >>

</span>

المشكلة الرابعة :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The element type "div" must be terminated by the matching end-tag "</div>".
Error 500

حل المشكلة :

التأكد من اغلاق وسم التقسيم أحد أوسمه لغه html وهو إختصار للكلمة Division وتعنى تقسيم او توزيع ـ وعموما يستخدم هذا الوسم في الصفحات التى تعتمد في التنسيق على css لتقسيم الصفحات بدلاً من الجدوال .

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

<div>

اما النهاية نوعان :

1. <div id='....'/>

2. </div>

مثال :

1. <div id='fb-root'/>

2. <div id='fb-root' >

<< المحتوى ايا كان >></div>

اما الاخيرة و الاكثر شيوعا

المشكلة الخامسة :

لا يمكن توزيع القالب الخاص بك لأنه غير منسق بشكل جيد.
الرجاء التأكد من إغلاق كافة عناصر XML بشكل صحيح.
<br/> رسالة خطأ XML: The element type "b:section" must be terminated by the matching end-tag "</b:section>".
Error 500

حل المشكلة :

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

و تكوينة هو :

<b:section>

و نهايتة :

</b:section>

مثال :

و هو الوسم الخاص بالتذيل او الفوتر الخاص بقالب المدونة

<b:section class='footer-wrapper' id='footer' maxwidgets='5' showaddelement='yes'/>

<< المحتوى ايا كان >>

</b:section>

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

و يسعدني دائما تقديم المساعدة ..
لأي اخطاء تظهر لكم عند التعديل في القوالب الخاصة بكم ...

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

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

ايقونات اقراء المزيد و اكمل الموضوع لمدونات البلوجر - Read more icons

2011-10-25T02:47:00.000+02:00

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

ايقونات اقراء المزيد و اكمل الموضوع لمدونات البلوجر

Read more icons

تكملة لموضوعنا السابق :

إضافة إقرأ المزيد او تابع القراءة بطريقتين مختلفتين في مدونات البلوجر

اضغط هنا لقراءة الموضوع

تم تصميمها .. بألوان مختلفة و اشكال مختلفة تناسب كل القوالب ..

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

اولا : Read More

ثانيا : الموضوع كامل

ثالثا : أقرأ المزيد

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

... و الى القاء في الموضوع القادم

شرح كيفية حذف اخفاء او اظهار الشريط العلوي الناف بار الخاص بمدونات البلوجر - Remove and Show Navbar

2011-09-16T17:17:00.002+02:00

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

Remove and Show Navbar For Blogger Tutorials

زهقت من شريط البلوجر التابع لبلوجر ؟

عايز تشيلة ؟ خاااااااااااااالص ؟

لشرح كيفية حذف و اظهار الناف بار من لوحة تحكم بلوجر الجديدة >> اضغط هنا

اتبع الخطوات التالية :

1. تخطيط
2. تحرير html
3. توسيع عناصر الصفحة
4. خذ نسخة احتياطية من مدونتك لمعرفة الطريقة اضغط هنااا

5. ابحث عن الكود التالي : بأستخدام ctrl + f

]]></b:skin>

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

/* Delete This To View Navbar www.raykcool.com */ #navbar-iframe {    height:0px;    visibility:hidden;    display:none }  /* Delete This To View Navbar www.raykcool.com */

طرقة اخرى :

ابحث عن : <b:skin>

و ضع الكود التالي اسفل السطر الخاص بهذا الكود

/* Delete This To View Navbar www.raykcool.com */ #navbar-iframe {    height:0px;    visibility:hidden;    display:none }  /* Delete This To View Navbar www.raykcool.com */

واضغط معاينة سوف تجد بأذن الله تم حذف Navbar شريط جوجل
و لاظهارشريط البلوجر مرة اخرى :

تقوم بالتالي :

تعديل على قالب المدونة و ابحث عن

navbar-iframe

و حذف الكود التالي :

#navbar-iframe {    height:0px;    visibility:hidden;    display:none }

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

من # الى }

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

انشاء 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 ^^

هاك يجعل اقسام المدونة تبدو مثل العلامات - Make Blogger Labels Look Like Tags as Woork

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

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

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

جعل تسميات او اقسام المدونة تبدو مثل العلامات تحت راس الموضوع

تجدها في الصورة كلمه tags و بجوارها الاقسام ويمكنك تغيرها من tags الى اي شيئ اخر

نذهب الى الطريقة :

ابحث عن :

]]>

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

div.tag{font-size:11px; padding-top:5px; color:#999999; margin-bottom:10px;}
.profileImage{float:left; margin:3px 6px 2px 0px; background:#FFF; padding:4px;}
/*for more hacks : http://raykcool.blogspot.com/ */ .post-tag{font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; margin-bottom:10px;}
.post-tag a:link, .post-tag a:visited{color:#666; text-decoration:none; font-style:italic;}

الان ابحث عن الكود التالي او جزء منه :

<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-tag'> <b style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>الأقسام</b>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url+ "?max-results=10"' rel='tag' style='border-right:solid 1px #CCCCCC; padding-right:10px; margin-right:10px;'>
<data:label.name/>
</a>
<b:if cond='data:label.isLast != "true"'/>
</b:loop>
</b:if>
</div>

border : تمثل الحدود بين الاقسام سواء right اليمين او left الشمال و بعدها لون الخط و حجم الخط
الأقسام : يمكنك تغييرها الى ما شئت ( تسميات , label , tag ) و هو الاسم الذي سوف يظهر مكان tag في الصورة
ملاحظة : هذا الكود يعمل بشكل افضل مع المدونات الانجليزية التي يكون فيها الخط من الشمال الى اليمين
و الان اضغط معاينة .... لو ظبطت معاك احفظ و مبروك عليك القالب

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

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. أنسخ الكود الذي تختارة و اضغط حفظ

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

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

اضافة ايقونة أر أس أس الى اقسام المدونة - add rss to lable

2011-03-08T14:12:00.001+02:00

اضافة ايقونة أر أس أس الى اقسام المدونة

Add Labels Rss Feed Link Button To All Your Blogger Categories

السلام عليكم يا احلى شباب في احلى مدونة و اجدع تحية و احلة سلام
( طاخ .. طاخ .. طاخ )
ان شاء الله تكونوا بخير و اتمني تكون مواضيعي عجباكم و مظبطاكم على الآخر :)

اي استفسارات او اقتراحات ضيفولي بيها رد على قسم الاستفسارات

من هنــــــــــــــــا

موضوعنا النهاردة عن :

اضافة ايقونة أر أس أس الى اقسام المدونة

Add Labels Rss Feed Link Button To All Your Blogger Categories

و هي اضافة ايقونة الخلاصات أر أس أس قبل او بعد اسم القسم و دة بيخلي ليها منظر جمالي
( coooooool )
زي مأنتم شايفين في الصورة

من المواضيع المتعلقة بها : ( مهمة لهذا الموضوع )
1. هاك يجعل اقسام المدونة تبدو مثل العلامات - Make Blogger Labels Look Like Tags as Woork
2. تحويل اقسام المدونة الى قائمة منسدلة
3. هاك لاداة سحابة التسميات لمدونات البلوجر - Labels Cloud Widget Hack For Bloggers

نروح للطريقة :

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

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

3. قم بأستبدالة بالكود الاتي :

(لوضع الايقونة قبل العنوان)

<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

او

( لوضع الايقونة بعد العنوان )

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

</li>
</b:loop>

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

SEE U !!

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

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>

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

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

اضافة هاك شريط المواضيع المتحركة للمدونات - Banner Moving Image Slider

2011-03-02T02:01:00.005+02:00

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

" اضافة هاك شريط المواضيع المتحركة للمدونات "

Banner Moving Image Slider

* و هو على شكل بانر( مثل الخاص بالاعلانات )

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

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

** من مواضيع الخاصة بأضافات المدونة من الهاكات و اكواد الهتمل :

1. اضافة التعليقات الزائفة على الموضوعات ( اضغط هنا ) .
2. اضافة ايقونة الـ ار اس اس RSS الى اداة الاقسام ( اضغط هنا ).
3. اضافة القرآن الكريم بصوت تسعه مشايخ بكود لا يأخذ مكان من القالب ( اضغط هنا ) .

طريقة اضافة الهاك :

1. افتح لوحة التحكم الخاصة بك ( من هنا )
2. اختر تصميم ثم تحرير HTML
3. اضغط توسيع القالب
4. الان ابحث عن : </head>

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

<!-- JavaScript Slider : WwW.raykcool.blogspot.com --> <script src='http://html-code.webs.com/html/slider/jquery-1.3.2.js' type='text/javascript'/> <script src='http://html-code.webs.com/html/slider/slider.js' type='text/javascript'/>  <!-- End JavaScript Slider : WwW.raykcool.blogspot.com --> <script type='text/javascript'> stepcarousel.setup({ galleryid: 'mygallery', //id of carousel DIV beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs panelclass: 'panel', //class of panel DIVs each holding content panelbehavior: {speed:1500, wraparound:true, persist:true}, autostep: {enable:true, moveby:1, pause:1000}, defaultbuttons: {enable: true, moveby: 4, leftnav: ['http://1.bp.blogspot.com/_v5IxGTiMTD8/SxOlAIA_ZZI/AAAAAAAAAfg/ELVwF1qY8M8/s400/left.jpg', -48, 0], rightnav: ['http://1.bp.blogspot.com/_v5IxGTiMTD8/SxOlAVn-OvI/AAAAAAAAAfo/kMJcmlXZKCs/s400/right.jpg', 0, 0]}, statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']  })  </script>

5. ابحث عن : ]]>

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

#myslides{  background:#000 url(http://html-code.webs.com/html/slider/mslid.jpg) repeat-x; width: 760px; height:165px; margin-bottom:5px; }  .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 660px; /*Width of Carousel Viewer itself*/ height: 160px; /*Height should enough to fit largest content's height*/ margin: 0px 48px 5px 48px;  }  .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0; } /* Thanks For Your Support : Free Widget, Codes, Hacks and Blogger Template Visit Us : www.raykcool.blogspot.com */ .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 20px 10px ; /*margin around each panel*/ width:170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ background:#0e1829; height:120px; border:1px solid #1d2c44;  } .stepcarousel .panel p{ text-align: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px 5px ; /*margin around each panel*/  }  .stepcarousel .panel h2{ text-align: left; /*leave this value alone*/ height:20px; overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 2px 5px ; /*margin around each panel*/ font-size:16px; font-weight:bold; text-align:center; font-family:Georgia,century gothic,Arial,verdana, sans-serif; }  .stepcarousel .panel img{ float: left; /*leave this value alone*/ background:#0E1829; /*clip content that go outside dimensions of holding panel DIV*/ margin: 5px 5px 5px 5px; /*margin around each panel*/ padding:0px 0px; }

6. و الان كل ما عليك فعله لأضافة الاداة :

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

2. تصميم

3. اضافة اداة

4. اداة HTML هتمل

5. انسخ الكود التالي بداخلها

<div id="myslides"> <div class="stepcarousel" id="mygallery"> <div class="belt">  <!-- 1st Template --> <div class="panel"> <a href="http://raykcool.blogspot.com/2011/01/blog-post_5632.html" target="blank" title="طريقة اضافة فهرس متجدد آليا لمدونة البلوجر | فهرس المواضيع بجدول منسدل متحرك بالاقسام الخاصة بالمواضيع">  <img alt="طريقة اضافة فهرس متجدد آليا لمدونة البلوجر | فهرس المواضيع بجدول منسدل متحرك بالاقسام الخاصة بالمواضيع" height="135" src="https://lh3.googleusercontent.com/--6JzSwcVhQA/TW28xyZGI8I/AAAAAAAADDM/EgUWZuAS6yA/s1600/index.png" width="185" border="0" /> </a> </div> <!--end code of 1st Template -->  <!-- 2nd Template -->  <div class="panel"> <a href="http://raykcool.blogspot.com/2011/02/17-17-beautiful-new-page-navi-for.html" target="blank" title="جديد : اضافة اداة ترقيم الصفحات + 17 شكل و استايل">  <img alt="جديد : اضافة اداة ترقيم الصفحات + 17 شكل و استايل" height="135" src="https://lh3.googleusercontent.com/-G7pID7EPsr0/TW280Q0Yu7I/AAAAAAAADDU/nHnurQX11To/s1600/nav.png" width="185" border="0" /> </a>  </div> <!--end code of 2nd Template -->  <!-- 3rd Template -->  <div class="panel"> <a href="http://raykcool.blogspot.com/2011/02/blog-post_1645.html" target="blank" title="كود جديد لاضافة اداة اقرأ المزيد + حل المشلكة الصفحات الثابته">  <img alt="كود جديد لاضافة اداة اقرأ المزيد + حل المشلكة الصفحات الثابته" height="135" src="https://lh4.googleusercontent.com/-9_hk1JUqtug/TW281B-Gq2I/AAAAAAAADDY/zNCQq-5XVs0/s1600/readmore.png" title="كود جديد لاضافة اداة اقرأ المزيد + حل المشلكة الصفحات الثابته" width="185" border="0" /> </a> </div> <!--end code of 3rd Template -->  <!-- 4th Template -->  <div class="panel"> <a href="http://raykcool.blogspot.com/2010/02/blog-post_17.html" target="blank" title="أضافة القرآن الكريم بصوت تسعة مشايخ بكود لا يأخذ مكان في الموقع">  <img alt="أضافة القرآن الكريم بصوت تسعة مشايخ بكود لا يأخذ مكان في الموقع" height="135" src="https://lh3.googleusercontent.com/-ikeTl4VePic/TW28wnnznJI/AAAAAAAADDI/XJ0dPQr3OVg/s1600/elkor2an.png" title="أضافة القرآن الكريم بصوت تسعة مشايخ بكود لا يأخذ مكان في الموقع" width="185" border="0" /> </a> </div> <!--end code of 4th Template -->  <!-- 5th Template -->  <div class="panel"> <a href="http://raykcool.blogspot.com/2011/03/blog-post.html" target="blank" title="مشاهدة قناة الجزيرة الرياضة اونلاين - البث المباشر الحي لقناة الجزيرة الرياضية">  <img alt="مشاهدة قناة الجزيرة الرياضة اونلاين - البث المباشر الحي لقناة الجزيرة الرياضية" height="135" src="https://lh6.googleusercontent.com/-hAgfcVZ-blY/TW28vbcP3NI/AAAAAAAADDE/4VBxUoFsOEw/s1600/elgezera.png" title="مشاهدة قناة الجزيرة الرياضة اونلاين - البث المباشر الحي لقناة الجزيرة الرياضية" width="185" border="0" /> </a> </div> <!--end code of 5th Template -->  <!-- 6th Template -->  <div class="panel"> <a href="http://raykcool.blogspot.com/2010/11/banner-moving-image-slider.html" target="blank" title="اضافة هاك شريط المواضيع المتحركة للمدونات">  <img alt="اضافة هاك شريط المواضيع المتحركة للمدونات" height="135" src="https://lh5.googleusercontent.com/-OhscwLpxKqQ/TW282GcTpWI/AAAAAAAADDc/i8QtJU4KB8k/s1600/slider.png" title="اضافة هاك شريط المواضيع المتحركة للمدونات" width="185" border="0" /> </a> </div> <!--end code of 6th Template -->  </div></div></div>

6. اضغط حفظ

و الان يمكن تغيير العنوان بالعنوان الخاص بك و هكذا لينك الموضوع و الصورة ..

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

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

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

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 .... ادخل هنا .

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

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

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

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