مدونتي نت | أضافات ودروس البلوجر Blogger

تغيير لون خلفية ونصوص تدوينات بلوجر تلقائيا ألى عدة الوان متحركة blogger

P3MXXX@gmail.com (fahad) — Mon, 2 Jun 2014 14:16:00 +0300

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

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

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

وتتغير تلقائيا بدون تحديث الصفحة

مميزات الكود:
1- لايشكل ضغط اوثقل على تصفح وتحميل المدونة.
2-سريع وخفيف وبأعتماد على CSS ولا يوجد في الكود ملفات خارجية(جافا سكربت) ممايقلل من سرعة المدونة.
3- الكود او الاضافة متوافق مع متصفحات الشهير قوقل كروم,,فايرفوكس,,أكسبلور,,أوبرا,,سفاري.

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

أضغط هنا

تركيب الكود:

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

كل ماعليك هو توجه للوحة التحكم>>قالب>>تحريرHTML

بعد ذلك نقوم بالبحث عن الكود التالي

]]></b:skin>

وذلك بواسطة الضغط على Ctrl+F

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

body {
    animation: colorBackground 20s infinite; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */
     -webkit-animation: colorBackground 20s infinite; /* Chrome, Safari 5+ */
      -moz-animation: colorBackground 20s infinite; /* Firefox 5-15 */
        -o-animation: colorBackground 20s infinite; /* Opera 12.00 */
}

@keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-webkit-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-moz-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}
@-o-keyframes colorBackground {
      0% { background-color: #fbcf61; color: #fbcf61; }
     20% { background-color: #6bd57e; color: #6bd57e; }
     40% { background-color: #ff6f6f; color: #ff6f6f; }
     60% { background-color: #57cff4; color: #57cff4; }
     80% { background-color: #0ed4c8; color: #0ed4c8; }
    100% { background-color: #fbcf61; color: #fbcf61; }
}

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

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

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

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

أتمنى أن تنال على اعجابكم

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

زيادة سرعة تصفح وتحميل الانترنت للكمبيوتر والمودمات Jumper

P3MXXX@gmail.com (أبو علاء) — Mon, 2 Jun 2014 12:32:00 +0300

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

السلام عليكم ورجمة الله

اليوم أعرض لكم برنامج DNS Jumper المجاني الرائع في تسريع الإنترنت وخصوصاً التصفح بشكل كبير جداً

الحقيقة هذا البرنامج روعة وفرق معاي كثير في تصفح
مع هذا البرنامج يمكنك تغيير الدي ان اس بسرعة وبسهولة بعكس الطريقة العادية في الويندوز التي قد تكون طويلة ،
تحتاج لتغيير الDNS لعدة أسباب منها : تسريع الإنترنت ، ومنع المواقع الاباحية ، وتجاوز حضر بعض المواقع ،
أو الحماية من تجسس الحكومات عليك ، وغيرها ، برنامج Dns Jumper يمكنك من تعديل الDNS يدوياً
كما يمكنك اختيار DNS من البرنامج ،

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

البرنامج مجاني ولايحتاج للتثبيت (محمول)

الان سوف أشرح لكم طريقة أختيار dns الاسرع للأتصالك.

بعد تنزيل البرنامج من الرابط التالي

البرنامج مرفوع على ميديا فاير

باسورد فك الضغط:mdonti-n.blogspot.com

أضغط هنا للتنزيل

بعد فك الضغط

راح نجد البرنا مج نقوم بفتح البرنامج وسوف تظهر لنا الصفحة الرئيسية للبرنامج

للعلم البرنامج باللغة العربية

ولتغيير اللغة

ونختار Arabic

بعد ذلك أذا اردنا تعيين DNS للجهاز واختيار الاسراع

اولا :نحدد محول الشبكة سواء كنت شابك الكمبيوتر بكيبل ايترنت أو متصل عن طريق الوايرلس

ثانيا:نضغط على أيقونة (أسرع DNS)

وهذه صورة للتوضيح اكثر

بعد ذلك سوف تظهر لنا نافذة جديدة

نقوم بتأشير على جميع الخانات (المربعات الصغير) بعلامة √

كما هو موضح في الصورة

ثم نضغط على أيقونة (العثور على اسرع DNS)

ولان ننثظر عدة ثواني حتى ينتهي من الفحص

بعد اكتمال الفحص

سوف يكون أختار لك DNS

والذي هو محدد بلون الاخضر

واخيرا للتطبيق على جهازك الكمبيوتر نضغط على ايقونة

تطبيق أسرع DNS

كما هو موضح في الصورة التالية

أما أذا أردت تطبيق DNS لجهاز الروتر

فلايمكنك ألا بطريقة اليدوية

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

أضافة صغيرة يوجد برنامج أخر مفيد جدا لأخوان أصحاب الروترات

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

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

برنامج للتسريع تصفح الانترنت Ashampoo Internet Accelerator 3

يساعدك في أختيار MTU للمزود الخدمة الخاصة بك (التردد:1800..إلخ.)

وأخير أتمنى أني وفقت في الشرح والتوضيح

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

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

P3MXXX@gmail.com (fahad) — Sat, 31 May 2014 19:37:00 +0300

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

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

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

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

الاضافة تحتوي على 18 لون

وهذه صورة للأضافة

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

الطريقة سهلة جدا ولاتستغرق الكثير من الوقت

كل ماعليك فعله هو نسخ الكود التالي

<div class="mdonti-n.blogspot.com-palette">
<center>
<b>اختر لون الخلفية المفضلة لديك</b></center>
<br/>
<script type="text/javascript">
function bgChange(bg)
{
document.body.style.background=bg;
}
</script>

<table border="1" width="100%" height="50">
<tbody>
<tr>
<td onclick="bgChange('#0082FF')" bgcolor="#0082FF"></td>
<td onclick="bgChange('#00FFA9')" bgcolor="#00FFA9"></td>
<td onclick="bgChange('#FF0094')" bgcolor="#FF0094"></td>
<td onclick="bgChange('#00BB35')" bgcolor="#00BB35"></td>
<td onclick="bgChange('#F18713')" bgcolor="#F18713"></td>
<td onclick="bgChange('#FF0505')" bgcolor="#FF0505"></td>
<td onclick="bgChange('#C0C1C0')" bgcolor="#C0C1C0"></td>
<td onclick="bgChange('#EBEC89')" bgcolor="#EBEC89"></td>
<td onclick="bgChange('#A5D5A0')" bgcolor="#A5D5A0"></td>
</tr>
<tr>
<td onclick="bgChange('#8B008B')" bgcolor="#8B008B"></td>
<td onclick="bgChange('#9400D3')" bgcolor="#9400D3"></td>
<td onclick="bgChange('#008080')" bgcolor="#008080"></td>
<td onclick="bgChange('#808080')" bgcolor="#808080"></td>
<td onclick="bgChange('#CD853F')" bgcolor="#CD853F"></td>
<td onclick="bgChange('#2F4F4F')" bgcolor="#2F4F4F"></td>
<td onclick="bgChange('#DC143C')" bgcolor="#DC143C"></td>
<td onclick="bgChange('#4B0082')" bgcolor="#4B0082"></td>
<td onclick="bgChange('#A52A2A')" bgcolor="#A52A2A"></td>
</tr>
</tbody>
</table>
</div>

ثم بعد ذلك

توجه للوحة التحكم الخاص بمدونتك

>>نختار تخطيط

>>أضافة اداة

>>‏تهيئة HTML/JavaScript

ونضيف الكود الذي قم بنسخ داخل الصندوق المخصص لذلك

وأعمل حفظ للاداة

وللتعديل على أرتفاع والعرض الكود يمكنك من خلال الارقام المشار لها في الكود بلون الازرق تغييرها

<table border="1" العرض="100%" الارتفاع="50">

أتمنى ان الفكرة وصلت في كيفية التعديل

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

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

P3MXXX@gmail.com (fahad) — Sat, 31 May 2014 03:23:00 +0300

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

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

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

فوق تدوينة ببلوجرblogger

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

حيث بمقدورك مشاهدة عدد التعليقات والردود على التدوينة أو مشاركتك.

كذلك تساعد زائر مدونتك البلوجر في معرفة تواجد التدوينة في اي قسم من اقسام المدونة

مما يسهل عليه البحث عن مبتغاه.

صورة للمعاينة الاضافة

شرح طريقة تركيب الاضافة للمدونات البلوجر blogger

اولا: توجه للوحة التحكم بمدونتك
بعد ذلك نختار من القائمة المنسدلة (قالب)

ثم

تحرير HTML

...ولاتنسى ...

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

وبإستعمال Ctrl+F إبحث عن الكود التالي
واذا لم تجد احد الكودين قم بمسح حرف حرف لوجود الكود وذلك لان كل قالب يختلف عن الاخر

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

وإذا لم تجده إبحث عن الكود التالي

<div class='post-header'>

ثم أنسخ الكود التالي قبل الكود الذي وجدته

<font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZA1jNSG-ZCPvv0mOnZ-SIaGpZXuwRthmbSWvGphRslrrzIl_XmGoD_cxuuhQUqFJd_0ewt5HAR_QWP5FXbpvtfcXSW0yQOlCbUe5-9hou8Cb4D8GbPRSPUFseaiS6va8Jvx7K_a7IN9-2/s1600/author.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha8KgrhnQdAgoudIebLhm4Ou2gLBOdzFA84q7kCaG6nCwrw84AeDY3JlSxZCq2v5elmb0eJQ3EFx934v6ByFJ2YtqLG-T2O4WWudUS2jvBciS0KadlaBI0ljT9NaUJtH8isKXv0vrYqQCj/s1600/clock_icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVhYemp3hYL1DAuYO3VozcyD4pq1z9NaXU-YCATBWGGpV2Q5bM9wiO1aA8JH8E03jbrogM4QwKyR2vzCLjWc5bPzGVJO9kYgSD2BmvZJ3TdlxODDmVNuziEPuasukAL4xbpnSTvUec2-zU/s1600/tag+icon.gif) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>|</b:if>
</b:loop>
</b:if></font>
<span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != "item"'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuafxci5dp3zO2Gk8j78yPHsGW2d4bNA6oWNlSwT0ZQANZOUxmPUvvIPzHreDyB51nZRkx0GSimBjTSqC0IpA_YWcKQXAKwdx2QDRgjvPW9IO4EPKWNAtv2aGVNAh55A971XquGGE_h1fh/s1600/comment-icon.png) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>

التغييرات التي يمكنك التعديل عليها قي الكود
هو أستبدال او تغير الأيقونات بأيقونات اخرى إذا أردت لكن مع الحفاظ على نفس الحجم

لكي لاتؤثر عن الإضافة

(روابط الأيقونات مشار لها بلون الأحمر)

وأخير

,,أتمنى أن الاضافة نالت على أعجايكم,,

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

برنامج للتسريع تصفح الانترنت Ashampoo Internet Accelerator 3

P3MXXX@gmail.com (fahad) — Thu, 29 May 2014 05:26:00 +0300

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

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

أقدم لكم اليوم برنامج للتسريع تصفح الانترنت وهو Ashampoo Internet Accelerator 3

بأخر أصدار وباللغة العربية

من تعريب الأستاذ :عوض الغامدي

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

للانترنت وبعد ذك اختيار المحول المراد تحسين سرعته أي مثل(أن كنت تستخدم الوايرلس

أو كيبل إيثرنت)

1- صورة للصفحة الرئيسية للبرنامج

البرنامج يمتلك العديد من المزايا في تسريع الإنترنت واختيار افضل الإعدادات للـ IE و FireFox

كما ان في البرنامج خاصيةيكشف افضل الــ MTU للمزود الخدمة الخاصة بك ...

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

ولان سأشرح بالصور في كيفية معرفة MTU القيمة المثالية عن طريق البرنامج

ندخل البرنامج ونختار >>النظام

بعد ذلك

أضغط على الصور لتكبيرها

طريقة التثبيت

بعد تحميل البرنامج قم بفك الضغط

باسورد فك الضغط:mdonti-n.blogspot.com

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

ثم بعدما ننتهي من تثبيته نغلقه

ونفتح الكيجن

ونقوم بنسخ السريال

ثم نعود نفتح البرنامج ونضع مفتاح التسجيل الذي قمنا بنسخه

ونضغط على ايقونة نعم او OK

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

الكيجن مرفق في ملف التحميل

رابط التحميل من موقع ميديا فاير

أضغط هنا للتحميل

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

شرح في كيفية تخصيص ملف robots.txt لمدونات البلوجر لتحسين SEO

P3MXXX@gmail.com (fahad) — Mon, 19 May 2014 03:23:00 +0300

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

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

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

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

ملف robots.txt هي وسيلة لإخبار المحركات البحث ماأذا كانت تسمح لمؤشر صفحة في نتائج البحث بزحف في هذه الصفحة أي (بسير أو لا )
قبل أن يتمكن من الوصول ألى موقع الويب الخاص بـك

كيفية تمكين ملف robots.txt مخصص في مدونة البلوجر

1-لوحة التحكم >> اختر المدونة >> علامة التبويب إعدادات >> اختر تفضيلات البحث

2-انقر على تحرير أمام ملف robots.txt مخصص كما الصورة

4-انقر على نعم ، والانتقال ألى الخطوة التالية.

3 . في مربع القادم نلصق التعليمة البرمجية التالية.

User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /
Sitemap: http://YOURBLOGURL.blogspot.com/feeds/posts/default?orderby=UPDATED

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

وأخيرا انقر على زر حفظ التغييرات لـ حفظ التعليمات البرمجية.

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

أضافة تأثير جميل على صور تدوينات البلوجر CSS

P3MXXX@gmail.com (fahad) — Sun, 18 May 2014 14:01:00 +0300

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

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

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

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

طريقة تركيبها وأضافتها لقالب البلوجر سهلة

وقبل شرح كيفية تركيبها

سوف أضع لكم رابط للمعاينة مباشرة

أضغط هنا للمعاينة الاضافة

أولا : نتوجه للوحة التحكم

ثانيا:قالب

ثالثا:تحرير Html

ثم بعد ذلك نبحث عن الكود التالي في القالب

]]></b:skin>

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

.post-body img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */; } .post-body img:hover { filter: none; -webkit-filter: grayscale(0%); }

بعدما تضيف الكود أعمل حفظ

ولاحظ الصور الموجودة في التدوينات فقط وليس الصور الموجودة في جانب أوفوق المدونة

وأخيرا أتمنى أن تنال الاضافة على أعجابكم

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

كود كم باقى على رمضان 2014 ثلاث إضافات جديدة لمدونات البلوجرRamadan blogger

P3MXXX@gmail.com (fahad) — Wed, 14 May 2014 04:04:00 +0300

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

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

بداية

عسى الله عز وجل يبلغنا شهر رمضان الكريم بطاعة والايمان والخير والبركة

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

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

أقدم لكم اليوم أضافة مميزة وهو

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

ولاضافة بثلاثة ألوان

الشكل الاول

اللون الاحمر

الكود

<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6ndlUtZDJIdHlaYTg" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

الشكل الثاني

اللون البنفسجي

الكود

<center>
<embed height="150" src="https://googledrive.com/host/0B3ntuTCXGn6nZ1BfTG5qZ1gzVEE" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

الشكل الثالث

اللون الاخضر

الكود

<center>
<embed height="160" src="https://googledrive.com/host/0B3ntuTCXGn6ndUJIT3doTjJCa3c" type="application/x-shockwave-flash" width="300" wmode="transparent"></embed>
<center>
<a href="http://www.condaianllkhir.com/" target="_blank"><span style="color: #999999;"><span style="font-size: xx-small;">islamic widget</span></span></a></center>
</center>

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

توجه للوحة التحكم

تخطيط "" أضافة أداة

واختر منها

HTML/JavaScript

ألصق الكود المراد وضعه في مدونتك في صندوق المخصص لذلك

وأعمل حفظ للادة

ملاحظة

تستطيع تغيير عرض وأرتفاع الصورة من خلال الكود

ابحث في الكود عن

height=150

المقصود بها أرتفاع الصورة عدل فقط في الرقم

وابحث عن

width=300

المقصود بها عرض الصور عدل فقط في الرقم

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

مجموعة من أشهر ألعاب بلاي ستيشن 3 كاملة PS3

P3MXXX@gmail.com (fahad) — Tue, 13 May 2014 02:21:00 +0300

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

أقدم لكم اليوم مجموعة من أشهر الالعاب ps3 كاملة

هذي الالعاب يمكن تشغيلها على الاجهزة المهكرة

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

في كيفية تهكير أجهزة البلاي ستيشن 3 وتحميل الالعاب

بداية سوف أضع في هذا الموضوع 4 ألعاب مشهور وراوبط التحميل

لعبة الاولى

Grand Theft Auto ( GTA ) V

رابط لتحميل

https://docs.google.com/document/d/1nBixiyWcT6mwzJmsrMl7fqIOS8Col-BU7kgJ85EZUVk/edit?usp=sharing

لعبة الثانية

رابط لتحميل

https://docs.google.com/document/d/1mW90JZVxuIebvQDOb_vvmKyQ_5MaASiXn9ZgeInRgeI/edit?usp=sharing

لعبة الثالثة

رابط التحميل

https://docs.google.com/document/d/1TMfoQWxiKLOalOq2xYX_NTx0ftfp3nYxGcXkicyNDvo/edit?usp=sharing

لعبة الرابعة

Need for Speed The Run

رابط التحميل

https://docs.google.com/document/d/1ffPWAAybbtujOkS9VUukgjLr9UY9p15JoiINTJmKcUk/edit?usp=sharing

وبأذن الله في الايام القادمة أطرح مزيد من الالعاب الكاملة

ps3

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

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

P3MXXX@gmail.com (fahad) — Wed, 2 Apr 2014 06:36:00 +0300

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

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

ميتاتاج بلوجر (تقوية أرشفة مدونة البلوجر)

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

وخاصة محرك بحث قوقل

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

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

أولا

توجه للوحة التحكم

ومن ثم قم بإختيار القالب

بعدذلك تختار تحريرhtml

ثم نقوم بالبحث عن الكود التالـي

<head>

وقم بحذف جميع الأكواد التى بعده الى أن تصل للكود التالى

<b:skin>

للتوضيح أكثر قم بحذف جميع الأكواد الموجود بين الكوديين المذكوريين في الاعلى

ولكن هناك ما لا يجب أن تحذفه , وهو كود الخطوط على مدونتك ( إن وجد )

ثم بعد ذلك ضع الكود التالي بين الكوديين <head>و<b:skin>

<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content=' وصف المدونة' name='description'/> <meta content='كلمات , دلالية' name='keywords'/> <meta content='رابط بانر' name='og:image'/> <meta content='global' name='distribution'/> <meta content='10 days' name='revisit'/> <meta content='10 days' name='revisit-after'/> <meta content='document' name='resource-type'/> <meta content='all' name='audience'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='إسمك بالإنجليزية' name='author'/> <meta content='ar' name='language'/> <meta content='بلدك بالإنجليزية' name='country'/> </b:if> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

لاتنسى بالقيام بتعديلات على الكود للتناسب مدونتك

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

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

P3MXXX@gmail.com (fahad) — Wed, 26 Mar 2014 02:21:00 +0300

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

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

أحببت أضع لكم اليوم قالب القران الكريم لمدونات البلوجر

بل هو موقع كامل وجاهز للتركيبه على منصة البلوجر

مميزات القالب يمكنك الاستماع للقران بجودة عالي وبأصوات أشهر القراء

تفسير القرآن آية بآية

::ملاحظة بسيطة::

لاتنسى انك ستكسب الأجر في نشره (ساهم في نشر كتاب الله)

قال تعالى :{ وَقُرْآنًا فَرَقْنَاهُ لِتَقْرَأَهُ عَلَى النَّاسِ عَلَىٰ مُكْثٍ وَنَزَّلْنَاهُ تَنْزِيلًا }

سورة الإسراء أية رقم ﴿١٠٦﴾

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

فقد قال صلى الله عليه وسلم :{ إذا مات ابن آدم إنقطع عمله إلا من ثلاثة:

صدقة جارية أو علم ينتفع به أو ولد صالح يدعوا له } ...

فما بالك إذا كانت الصدقة الجارية أو العلم الذي ينتفع به القرآن العظيم كلام رب العالمين

صورة للمعاينة القالب

رابط أخر للمعاينة المباشرة

http://quran1karim.blogspot.com/

وأخيرا للتحميل القالب

أضغط هنا

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

هاك فتح الروابط الخارجية في نافذة جديدة تلقائيا بلوجر

P3MXXX@gmail.com (fahad) — Tue, 25 Mar 2014 00:29:00 +0300

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

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

أضافة اليوم مهم ويبحث عنها الكثير وهي في كيفية فتح الروابـط الخارجية الموجودة سواء في مواضيع

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

وبالتالي منع قراء مدونتك من مغادرة المدونة(المحافظة على زوار مدونتك) ، ويساعد هذا في زيادة عدد الصفحات الكلي ومعدل ترتد أيضا.

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

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

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

أولا

توجه للمدونتك (صفحة التحكم)

ثم بعد ذلك نختار القالب

ثـم انقر فوق "تحرير HTML"

ولاتنسى في أخذ نسخة احتياطية للقالب

بعد ذلك تقوم بالبحث عن الكود التالـي

</head>

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

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script><script type='text/javascript'>$(document).ready(function() { $("a[href^='http://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } );$("a[href^='https://']").each( function(){ if(this.href.indexOf(location.hostname) == -1) { $(this).attr('target', '_blank'); } } ); });</script>

ملاحظة: يرجى عدم إضافة الكود المشار له بلون الاحمرأذا كان موجود في قالب مدونتك(jQuery library)

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

وقم بمعاينة الاضافة وذلك بضغط على أي رابط خارجية

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

شرح أضافة زاحف قوقل أدسنس لمدونات البلوجر

P3MXXX@gmail.com (fahad) — Sat, 22 Mar 2014 07:43:00 +0300

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

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

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

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

وتوجد عدة أسباب لهذه المشكلة

ولكن دعونا نأخذ السبب المهم الا وهو

1/ ‎‏‎لقد قيد مدونتك الدخول من خلال استبعاد ملف
robots.txt

إذا كانت مدونتك البلوجر تستخدم ملف robots.txt، فقد يُمنَع زاحف AdSense من الزحف إلى صفحات الويب في موقعك. لذلك، قد لا نتمكن من عرض الإعلانات الأكثر صلة بمحتوى موقعك على الويب. وقد تُعرَض إعلانات الخدمة العامة على الصفحات التي لا نتمكن من الزحف إليها أو فهم محتواها.إذا كنت ترغب في منح الزاحف حق الوصول إلى صفحاتك على الويب، يمكنك فعل ذلك دون السماح لأية برامج روبوت أخرى بالوصول. ما عليك سوى إضافة السطرين التاليين أعلى ملف robots.txt في موقعك:

وعلى ماأعتقد أن أضافة زاحف قوقل أدسنس أو السماح له

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

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

أولا

قم بنسخ الكود التالي

User-agent: Mediapartners-GoogleDisallow:
User-agent: *Disallow: /searchAllow: /

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

تابع الشرح بصور

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

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

40 خلفية منوعة لمدونات البلوجر 2014 الجزء الاول

P3MXXX@gmail.com (fahad) — Fri, 21 Mar 2014 05:11:00 +0300

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

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

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

40 خلفية متنوعة بعدة ألوان وأشكال جميلة
وكذلك خلفيات HD

لتضيف المزيد من الجمال والأحترافية لمدونتك البلوجر

قبل أن أبد بعرض الخلفيات

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

أضغط هنا

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

نسخ عنوان URL للصورة

كما هو موضح في الصورة

::المجموعة الاولى::

::المجموعة الثانية::

::المجموعة الثالثة::

::المجموعة الرابعة::

كيفية أضافة صورة أو تغيير لون خلفية مدونة البلوجر

P3MXXX@gmail.com (fahad) — Fri, 21 Mar 2014 05:10:00 +0300

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

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

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

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

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

40 خلفية منوعة لمدونات البلوجر 2014 الجزء الاول

بعد ذلك توجه للوحة الخاصة بمدونتك

ثم بعد ذلك نختار القالب ثم تحريرHTML

أهم حاجة لاتنسى في أخذ نسخة إحتياطية للقالب

إبحث بالضغط على CTRL+F عن الكود التالي

body{background:

أذا لم تجد الكود قم بالبحث فقط على الكود:

body{

ستجد أكثر من واحد الكود المطلوب هو الذي ستجد بداخله (الحديث عن الوسم body) كلمة background

بعد تحديد الكود المطلوب قد تجد مباشرة بعد كلمة background إما كود خاص بلون الخلفية على هذا الشكل #fb6ae8 ,أو رابط خاص بالخلفية على هذا الشكل :

background:url(https://lh3.blogspot.com/-M3PqPNpKlbQ/TxaeC-R5WsI/AAAAAAAAAJk/Eb6ZAqoYvxo/s800/17w1024.jpg )

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

body{ background:url(http://i847.photobucket.com/albums/ab36/aynanty/01.jpg );}

مع تغير ما كتب بالأحمر إلى رابط خلفية من إختيارك

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

body { direction: rtl; margin:0 auto; padding:0px 0px 0px 0px; background:#87546; font-family: Tahoma; font-size:13px;}

مع تغير ما كتب بالأحمر بكود لون آخر من إختيارك.

ولاختيار لون قم بزيارة الصفحة التالية ألوان اون لاين أضغط هنا

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

4 مواقع مفيدة لتسريع مدونة البلوجر

P3MXXX@gmail.com (fahad) — Wed, 19 Mar 2014 02:13:00 +0300

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

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

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

الدرس الأول

كيفية ضغط css من أجل تحسين سرعة وتحميل البلوجر

الدرس الثاني

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

الدرس الثالث

تسريع مدونات البلوجر بواسطة ضغط الصور (3)

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

تسريع مدونتك البلوجر بدون برامج ضغط ملفات java.css

كما نعلم أن في أغلب مدونات البلوجر تتواجد ملفات الجافا css وقد تكون بحجم كبير مما يسبب الضغط وثقل في سرعة

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

المدونـة البلوجر ولذلك أقدم لكم 4 مواقع مفيدة تقوم بدور البرامج في ضغط الملفات

الموقع الاول

refresh

الموقع الثاني

jsmini

الموقع الثالث

javascriptcompressor

الموقع الرابع

jscompress

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

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

فقط ضع الكود المطلوب ضغطه وثم ستجد زر تحت المربع الاول للضغط

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

رفع ملفات جافا سكربت على مدونة بلوجر blogger

P3MXXX@gmail.com (أبو علاء) — Tue, 18 Mar 2014 05:24:00 +0300

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

والصلاة وسلام على نبينا محمد وعلى اله وصحبه أجمعين

بما أنه أول درس أو موضوعي الاول بمدونتي نت

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

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

من فوائد أو المميزات رفع ملفات جافا سكربت على مدونة البلوجر

1-زيادة سرعة المدونة ممايعني سرعة التصفح لمواضيع المدونة ولأن كثرة الأكواد

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

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

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

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

http:/mdonti-n.googlecode.com/files/relt.js

نقوم بتحميل الملف

بعد ذلك نقوم بفتح بواسطة برنامج Notepad المفكرة

وسوف يكون الكود بهذا الشكل

(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` - See more at: http://mdonti-n.blogspot.com/2014/03/blog-post_2195.html#sthash.4fBql6xG.dpuf

الان نقوم بنسخ الكود

ثم نرفعه على مدونة بلوجر وذلك بادراجه داخل الكود التالي

<script type='text/javascript'>//<![CDATA[ضع هنا الكود المرفوع بموقع الاستضافة فقط الصقه هنا //]]></script>

ليصبح بهذا الشكل

<script type='text/javascript'>//<![CDATA[(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` - See more at: http://mdonti-n.blogspot.com/2014/03/blog-post_2195.html#sthash.4fBql6xG.dpuf //]]></script>

بعد ذلك نقوم بتوجه لحسابك ببلوجر ثم نقوم بإختيار القالب

ثــــــم

تحرير html

وطبعا يجب أن نضع الكود ما بين وسمين

<head> و <head/>

للتوضيح أكثر نقوم بالبحث عن الكود التالي

<head/>

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

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

P3MXXX@gmail.com (fahad) — Wed, 12 Mar 2014 05:23:00 +0300

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

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

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

القالب جميل ومميز ولقد قمت سابقا بعرض قالب بمثل خصائص هذا القالب على اللاطلاع

على الرابط التالي قالب لمدونات البلوجر تحت الانشاء أحترافي blogger

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

مميزات القالب

الخطوط WEB جوجل

صندوق المتابعة بالبريد الالكتروني

شكل خريطة العالم التفاعلية على الرئيسية

شكل شبكة العين

الرموز الاجتماعية تويتر فيسبوك وقوقل بلس..وغيرها.

صورللمعاينة القالب

صـورة للشكل الأيقونات الأجتماعية الموجود في القالب

للمعاينة القالب بشكل مباشر أضغط على الرابط التالي

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

للتحميل القالب

التحميل من موقع ميديا فاير أضغط هنا

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

http://feedburner.google.com/fb/a/mailverify

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

أتمنى أن يحوز القالب على رضاكم وأعجابكم

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

قالب لمدونات البلوجر تحت الانشاء أحترافي blogger

P3MXXX@gmail.com (fahad) — Tue, 11 Mar 2014 05:03:00 +0300

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

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

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

وساعات ودقائق وثواني

لإفتتاح المدونة القالب جميل وأحترافية بمعنى الكلمة

كذلك قمت بأضافة وتعديل القالب ووضع خلفيات صور متحركة (مكة المكرمة والمدينة المنورة) للقالب

ويحتوي على صندوق لأضافة البريد الالكتروني

وتوجد صفحة تعريفية (حول المدونة)

وأيقونات الشبكات الاجتماعية

وصفحة أخرى تعريفية بالمدونة وصاحبها

والان مع صور تعريفية بأضافات القالب وأهم مميزاته

صورة للقالب

صورة للصندوق أضافة البريد

صورة للأيقونات الشبكات الأجتماعية

(الفيسبوك.تويتر.قوقل بلس.انستغرام.فيميو)

صورة للأيقونة للتعريف بالمدونة أسفل القالب

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

للمعاينة القالب بشكل مباشر

قم بزيارة الصفحة التالية

قالب المدونة تحت الصيانة لمدونات البلوجر أضغط هنا

للتحميل القالب

أضغط هنا

طريقة التعديل الوقت (تاريخ أفتتاح المدونة)

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

var launchDay = new Date(2014, 7-1, 3)

صورة للتوضيح أكثر

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

2- لاتنسى التعديل على الصفحة التعريفية بالمدونة (الهاتف والايميل وكذلك مكان توجدك)

ونبذة عنك أو عن المدونة

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

<li><a class='icon icon-facebook' href='#' title='فيس بوك'><span class='screen-reader-text'>فيس بوك</span></a></li> <li><a class='icon icon-twitter' href='#' title='تويتر'><span class='screen-reader-text'>تويتر</span></a></li> <li><a class='icon icon-googleplus' href='#' title='قوقل بلس'><span class='screen-reader-text'>قوقل بلس</span></a></li> <li><a class='icon icon-instagram' href='#' title='انستقرام'><span class='screen-reader-text'>انستقرام</span></a></li> <li><a class='icon icon-vimeo' href='#' title='فيميو'><span class='screen-reader-text'>فيميو</span></a></li>

4- تعديل رابط متابعة مدونتك عبر البريد الالكتروني

http://feedburner.google.com/fb/a/mailverify

وأخيرا أتمنى أن يحوز القالب على رضاكم

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

قالب الفيدوهات Blogger Tube المعرب لمدونات البلوجر

P3MXXX@gmail.com (fahad) — Sat, 8 Mar 2014 05:55:00 +0300

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

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

أقدم لكم اليوم قالب لعرض الفيديوهات لمدونات البلوجر Blogger Tube المعرب

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

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

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

للمعاينة القالب الأصلي

أضغط هنا للمشاهدة

للتحميل القالب المعرب

من موقع ميديا فاير أضغط هنا

لاتنسى التعديل على الروابط لتتناسب مع مدونتك

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

حل مشكلة خروج الصور عن أطار الموضوع بواسطة CSS بلوجر

P3MXXX@gmail.com (fahad) — Fri, 7 Mar 2014 02:57:00 +0300

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

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

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

المحتوى المعروض

ممايسبب التشويه للتدوين وكذلك قالب المدونة

وهذا الشيئ مزعج جداً لصاحب المدونه

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

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

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

ولاتخرج عن الأطار المحدد لها

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

بدون تدخل من المستخدم

(الكود يمكن استخدامها في معظم قوالب بلوجر ، ولكن قد تحتاج إلى تغيير محددات (المسمى) في بعض القوالب)

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

توجه للوحة التحكم البلوجر

ثم

قالب

ثم

تخصيص

بعد ذلك تابع مع شرح الصورة

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

صورة للتوضيح

الـــكــود

.post-body img { max-width:100%; max-height:auto;}

max-height:auto

الارتفاع محدد بشكل أقصى بحيث يحافظ على شكل وجودة الصورة الأصلية

max-width:100%

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

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

هاك جارى تحميل الصفحة بصورة جديدة لمدونات البلوجر

P3MXXX@gmail.com (fahad) — Thu, 6 Mar 2014 04:12:00 +0300

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

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

كود أو سكربت جاري تحميل الصفحة لمدونات البلوجر

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

ولكنني قمت بتعديل على الكود بحيث عدلت في الكود وقمت بتغيير عبارة جاري التحميل

بهذه الصورة الجميلة المتحركة وتكون بهذه الطريقة وتلهي الزائر وتجبره على الانتظار

وتكسب الأجر بأذن الله

وغيرت لون الخلفية بلون الأسود

وهذه صورة للمعاينة شكل الصفحة أثناء التحميل

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

لاتستغرق الطريقة سوى ثوان قليلة

لاتنسى أخذ نسخة احتياطية للقالب

توجه للوحة التحكم البلوجر

ثم قم بأختيار القالب

بعد ذلك

تحرير html

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

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

</body>

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

<style>#abt-page-loader { position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#000 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmJh8lWAeJ49I-SlPMDSPoG3Q9t1qaE5yCbHszhHS0szb794jRfaQh-qNB31DrWxXnUfBuN7edd7yTk3jEN3x03AstJxh5pX47wRkWSnA8op5mvIUbhZkQ38AUx7Teb7AZzJKGqJYM5Q/s1600/13746659591320.gif') no-repeat 50% 30%; color: #FFF; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em;}</style> <script type='text/javascript'>//<![CDATA[$(document.body).append('<div id="abt-page-loader">Loading...</div>');$(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#abt-page-loader').fadeIn(1000).delay(6000).fadeOut(1000);});//]]></script>

ثم أعمل حفظ للقالب وقم بمعاينة الأضافة في مدونتك

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

كود تابعنا على الشبكات الأجتماعية بشكل مترو جميل ورائع لمدونات البلوجر

P3MXXX@gmail.com (fahad) — Thu, 6 Mar 2014 03:29:00 +0300

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

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

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

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

الازرار تشبه أزرار نظام الويندوز8

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

الفيسبوك، تويتر، يوتيوب، جوجل بلس، ينكدين، بينتيريست وRSS.

صورة للمعاينة شكل الأضافة

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

سهلة جدا ولاتستغرق الكثير من الوقت

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

<div class='metro-social'><li><a class="fb" href=ضع هنا رابط صفحة المدونة فيسبوك rel="nofollow"></a></li><li><a class="tw" href=رابط المدونة بتويتر></a></li><li><a class="gp" href="رابط المدونة قوقل بلس"></a></li><li><a class="pi" href=رابط المدونة بينترست ="nofollow"></a></li><li><a class="in" href=رابط المدونة لينكد="nofollow"></a></li><li><a class="yt" href=رابط المدونة يوتيوب></a></li><li><a class="fd" href=رابط التغذية للمدونة="nofollow"></a></li></div><style>.metro-social{width:285px}.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}</style>

يعدما تقوم بتعديل على الكود

توجه للوحة التحكم ببلوجر

ثم

تخطـيـط

بعد ذلك

أضافة أداة

وأختار (‏تهيئة HTML/JavaScript)

وألصق الكود بداخل الصندوق

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

وأعمل حفظ للقالب

أتمنى أن تنال على أعجابكم ورضاكم

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

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

P3MXXX@gmail.com (fahad) — Wed, 5 Mar 2014 03:52:00 +0300

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

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

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

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

الأضافة الاولى منتشرة في النت

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

الأضافة الاولى

Pixlr Editor

تحرير صور مثل برنامج الفوتوشوب Adobe Photoshop وليس لديك الوقت لتنزيله من المنتديات أو أنك على جهاز صديقك أو جهاز العمل وتريد أن تحرر صورة وتعدل عليها ولم تجد برنامج الفوتوشوب مثبتاً فإنني أقدم لك هذا المحرر الشبيه تماماً ببرنامج الفوتوشوب ومباشر بدون تنزيل (أون لاين )

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

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

صورة للأضافة (الموقع)

وللمعاينة المباشرة قم بضغط على الرابط التالي

http://pixlr.com/editor/

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><b><span style="color: blue;"><a href="http://mdonti-n.blogspot.com/" target="_blank">فوتوشوب أون لاين</a></span></b></div><iframe height="600" src="http://pixlr.com/editor/" width="100%"></iframe></div>

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

Pixlr Express

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

صورة للأضافة

وللمعاينة الموقع مباشرة قم بزيارة الرابط التالي

http://pixlr.com/express/

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><b><span style="color: blue;"><a href="http://mdonti-n.blogspot.com/" target="_blank">لتحرير الصور أكثر من 600 أداة</a></span></b></div><iframe height="600" src="http://pixlr.com/express/" width="100%"></iframe> </div>

الأضافة الثالثة

Pixlr-o-matic

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

صورة للاضافة

صورة لبعض التأثيرات

وللمعاينة الموقع مباشرة

http://pixlr.com/o-matic/

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

<div dir="rtl" style="text-align: right;" trbidi="on"><div style="text-align: center;"><b><span style="color: blue;"><a href="http://mdonti-n.blogspot.com/" target="_blank">لتعديل وضبط الصورة وأضافة بعض التاثيرات عليها</a></span></b></div><iframe height="600" src="http://pixlr.com/o-matic/" width="100%"></iframe> </div>

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

تهيئة HTML/JavaScript

أو عمل صفحة خاصة بالاضافة

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

(الصفحات)

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

ونعمل كما في الصورة (توضيح)

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

سوف تجد في الاكواد كلمتين وبجانبها عدد

width العرض والمشار لها بلون الاحمر

height الارتفاع والمشار لها بلون الأزرق

أتمنى أن تنال الأضافات على أعجابكم

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

اضافة قائمة علوية مصغرات لمواضيع المدونة - أضافات بلوجر

P3MXXX@gmail.com (fahad) — Fri, 21 Feb 2014 09:29:00 +0300

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

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

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

وتقوم بعرض بعض مواضيع مدونتك المهمة أوحتى التي تريد أن يشاهدها ويقرأها زوار مدونتك

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

ورابط الموضوع

أي يمكنك عرضها بشكل مصغرات

صورة للمعاينة المثال

وللمعاينة المباشرة

الأضافة موجودة في أعلى صفحة مدونتي

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

الكود أولا وسوف أشرح طريقة تركيبه لاحقا

<style>
cat_title{color:#89343}
.category{width:182px;float:left;border-top:8px solid #CCC;display:block;background:#FFF;font-size:1.2em;font-family:georgia, times new roman, verdana;font-weight:700;cursor:pointer;text-shadow:0 0 2px #CCC;letter-spacing:inherit;margin:0;padding:6px 10px 15px}
.category p{font-family:Tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-size:11px;font-weight:400;color:#444;letter-spacing:.03em;margin:0}
#middle {
margin: 0 auto;
background: #FAFAFA;
width: 1010px;
border-left: 1px solid #F8F8F8;
border-right: 1px solid #F8F8F8;
}
#cat-4 {border-top: 8px solid #FF95F9;}
#cat-4:hover {background: #FF95F9;}
#cat-5 {border-top: 8px solid #9CFFB1;}
#cat-5:hover {background: #9CFFB1;}
#cat-6 {border-top: 8px solid #FF6767;}
#cat-6:hover {background: #FF6767;}
#cat-8 {border-top: 8px solid #9CDBFF;}
#cat-8:hover {background: #9CDBFF;}
#cat-9 {border-top: 8px solid #FFD29C;}
#cat-9:hover {background: #FFD29C;}
</style>
<div class='clearfloat' id='middle'>
<div class='category' id='cat-4' onclick='window.location.href='رابط الموضوع-1';'>
<span class='cat_title'>عنوان الموضوع-1</span><p>وصف الموضوع-1</p></div>
</div>
<div class='category' id='cat-5' onclick='window.location.href='رابط الموضوع-2';'>
<span class='cat_title'>عنوان الموضوع-2</span><p>وصف الموضوع-2
</p></div>
<div class='clearfloat' id='middle'>
<div class='category' id='cat-6' onclick='window.location.href='رابط الموضوع-3';'>
<span class='cat_title'>عنوان الموضوع-3</span><p>وصف الموضوع-3</p></div>
</div>
<div class='clearfloat' id='middle'>
<div class='category' id='cat-8' onclick='window.location.href='رابط الموضوع-4';'>
<span class='cat_title'>عنوان الموضوع-4</span><p>وصف الموضوع-4</p></div>
</div>
<div class='clearfloat' id='middle'>
<div class='category' id='cat-9' onclick='window.location.href='رابط الموضوع-4';'>
<span class='cat_title'>عنوان الموضوع-4</span><p>وصف الموضوع-4</p></div>
</div>

بعد التعديل على الكود

أتجه للوحة التحكم لمدونتك

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

وأخيرا أتمنى أن هذه الأضافة نالت على أعجابكم ورضاكم

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