دروس مدونة بلوجر 2013

طريقة اضافة ازرار شريط ايقونات المواقع الاجتماعية

noreply@blogger.com (طبيبك) — Mon, 12 Dec 2016 16:51:00 +0000

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

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

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

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

ادهب الى
لوحة التحكم
التخطيط
إضافة أداة
Html/javascript
الصق الكود التالي

</ul>

</div>

وغير مايلي حسب حساباتك

https://twitter.com/xxx
https://plus.google.com/xxx
http://www.tumblr.net/xxx
https://www.facebook.com/xxx
http://feeds.feedburner.com/xxx

مبروك عليك

شرح طريقة الحصول على احصائيات مدونتك عبر موقع statcounter

noreply@blogger.com (طبيبك) — Mon, 12 Dec 2016 16:31:00 +0000

بالصور شرح طريقة الحصول على احصائيات مدونتك عبر موقع statcounter

ندخل اولا في الموقع statcounter

تم نتبع الشرح

بعدها يعطينى كود ننسخه

تم ادهب الى

لوحة التحكم

التخطيط

إضافة أداة

Html/javascript

ونلصقه

بعدها يبدا الموقع في احصائته

طريقة عمل الصفحات الاجبارية في مدونة بلوغر

noreply@blogger.com (طبيبك) — Mon, 12 Dec 2016 16:23:00 +0000

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

اذهب الى
لوحة التحكم
التخطيط
إضافة أداة
Html/javascript

و انسخ الكود التالي


<script language="JavaScript1.1">
var popunder
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
popfrequency="0 minutes"
function resetcookie(){
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()-0)
document.cookie = "popunder=;path=/;expires=" + expireDate.toGMTString()
}
function loadornot(){
if (get_cookie('popunder')==''){
loadpopunder()
var expireDate = new Date()
expireDate.setMinutes(expireDate.getMinutes()+parseInt(popfrequency))
document.cookie = "popunder="+parseInt(popfrequency)+";path=/;expires=" + expireDate.toGMTString()
}
}
function loadpopunder(){
document.write('<body onclick="rwmrgfdq_Popup()" >');
}
if (get_cookie('popunder')!=parseInt(popfrequency))
resetcookie()
loadornot()

</script> <script type="text/javascript">  </script>


و استبدل رابط http://meftahbloger.blogspot.com برابط مدونتك

شرح طريقة الاشتراك في خدمة FeedBurner

noreply@blogger.com (طبيبك) — Mon, 12 Dec 2016 16:09:00 +0000

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

نبدا ولا في الدخول الى موقعها

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

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

/feeds/posts/default

متال

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

تم اضغط next

تم نضغط skip directly to feed management

تم سوف جديدة اضغط على

publicize

email subscriptions

activate

تم انسخ الكود

واختر بلوجر

واضغط GO!

تم سوف تظهر لك صفحة جديدة

اختر عنوان للاضافة تم اضغط تحرير محتوى

والصق الكود

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

noreply@blogger.com (طبيبك) — Mon, 12 Dec 2016 16:06:00 +0000

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

2/إضافة أداة مواضيع جديدة بسهولة

3/كيفية إضافة أداة أخر التعليقات مع صور المعلقين

4/إضافة صندوق للمتابعة بشكل جديد و احترافي

5/كيفية إضافة فهرس جميل لمدونتك

6/كيفية استبدل رسائل أقدم و أحدت و الرئيسية إلى صورة جميلة

7/اضافة صندوق الاشتراك المصحوب مع المواقع الاجتماعية

8/كيفية إضافه تعليقات الفيس بوك بسهولة

9/اداة صعود الى اعلى

10/طريقة اضافة ترقيم صفحات بلوجر

11/كيفية اضافة صفحة اتصل بنا بسهولة في بلوجر

12/إضافة أداة المشاركات الشائعه بالوان رائعة

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

noreply@blogger.com (طبيبك) — Sat, 12 Oct 2013 16:38:00 +0000

طريقة تنسيق قائمة التسميات في مدونة بلوغر شرح مصور

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

أولا تنسيق القائمة

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

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

ثم فوق الوسم </b:skin> أضف الكود التالي

#Label1 li {
float: right;
background:#fafafa url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;
padding: 5px 25px 7px 9px;
font-size: 12px;
margin: 0 4px 10px 0;
display: inline-block;
border: 1px solid #d7d7d7;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#aeaeae;
width:108px;
}
#Label1 li a{color:#000;}
#Label1 li:hover { background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7sfGNHAuWkC-gEybTiMhfLnC9hkZXieZH0S2GpZL7t4Jad6v6BjxZmEbNCyqmtkRcjp3tXiSdLTeUKhUnp4qBZ3b-wUIZLLEphJf7LwY-kozgGiP06jUEHC10cyOMUqtsvhItZQY-49-i/s16/folder.png)no-repeat scroll 121px 9px;}

ولتنسيق الشكل غير التالي

هذا اللون هو لون الأزرار #fafafa
وهذا اللون هو لون الأزرار عند تمرير الماوس #ffffff
وهذا هو لون الإطار #d7d7d7
وهذا لون الخط #aeaeae
وهذا لون الخط عند تمرير الماوس #000
والرقم 5 هو درجة استدارة الزر قم بالزيادة أو الإنقاص حتى تصل للنتيجة التي ترضيك
الرابط المعلم بالأحمر هو رابط الأيقونة الصغيرة على الأزرار قم بتغيرها بأى رابط أيقونة أخرى تنسابك مع مراعاة أن يكون المقاس 16x16
في حالة أردت تعديل حجم الأزرار قم بزيادة الأرقام المعلمة بالأزرق بنفس النسبة ان زدت أحدها 10 زد الآخرين كذلك

ثانيا تنسيق السحابة

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

هذا معاينة للنتيجة اولا

وهذا هو الكود

.label-size{
background: #DAD8D9;
background: -moz-linear-gradient(top, #F0F0F0 , #DAD8D9 );
background: -webkit-linear-gradient(top, #F0F0F0 ,#DAD8D9 );
margin:0 4px 7px 0;
padding: 2px 7px 2px 7px;
text-transform: uppercase;
border: solid 1px #777;
float:right;
text-decoration:none;
font-size:14px;
font-weight:bold;
box-shadow: 0 1px 2px #999;
border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;
text-align:center;
}
.label-size:hover {
background: #D1E0E5;
background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);
background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);
}

طرقة تنسيق السحابة

هاذين اللونين هما الوان التدرج الخاص بأزرار التسميات #F0F0F0 , #DAD8D9
قم بتبديل كل لون بالمرات المتكرر بها
أما هاذين اللونين هما اوان التدرج عند مرور الماوس #EEF3F6,#D1E0E5
غيرها بنفس الطريقة
هذا اللون هو لون الإطار #777
والرقم 20 هو درجة استدارة الزر

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

noreply@blogger.com (طبيبك) — Sat, 12 Oct 2013 16:08:00 +0000

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

http://feeds.feedburner.com/feedburner/simo

توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.المرحلة الاولى :

المرحلة الثانية :

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

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

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة. المرحلة الرابعة : بعدها سوف تظهر لك صفحة مثل التي ظهرت لك في المرحلة الثانية،والتي سوف نختار فيها هذه المرة "خدمة الفيسبوك" ,وباتباع نفس الطريقة التي قمنا بها بتفعيل خدمة تويتر. المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"
واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

شرح محرر هتمل HTML في لوحة تحكم بلوجر الجديدة 2013 آخر التحديثات

noreply@blogger.com (طبيبك) — Tue, 11 Jun 2013 15:17:00 +0000

بالصور شرح تفصيلي لمحرر هوتمل HTML في لوحة تحكم بلوجر الجديدة 2013 آخر التحديثات

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

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

أول شيء ستلاحظه هو أن بلوجر أضافت خاصية Syntax highlighter لعرض الأكواد.

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

خاصية أخرى انضافت داخل محرر HTML في البلوجر و هي ِCode Folding هذه الخاصية عملها إخفاء الأكواد, و هذه صورة توضيحية :

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

معاينة النموذج : أظن أن الجميع يعرف دور هاته الخاصية إلا أن التحديث الجديد جعلها لا تظهر في نافذة جديدة و إنما في مكان محرر HTML.

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

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

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

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

noreply@blogger.com (طبيبك) — Tue, 11 Jun 2013 14:56:00 +0000

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

الخطوة الاولى لانشاء خريطة لمدونتك افتح هذا الموقع http://ctrlq.org/blogger لتكوين خريطة لمدونة بلوجر .

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

http://all4blog2013.blogspot.com/

الأن سوف يظهر لك كود بهذه الشكل :

# Blogger Sitemap generated on 2013.06.11
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://all4blog2013.blogspot.com/atom.xml?redirect=false&start-index=1&max-results=500

الخطوة الثانية

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

ومن لوحة تحكم المدونة إختر إعدادات > ثم تفضيلات البحث > بعدها أنقر على تحرير لملف robots.txt مخصص ثم إختر نعم.

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

ومبروووك عليكم

صورة تعبيرية لعناكب محركات البحث

روبوتات وعناكب البحث

في الدرس القادم سوف نشرح طريقة اضافة الخريطة بادوات مشرفي المواقع webmasters tools الخاص بقوقل

طريقة اضافة اداة سلايد شو مميز + كود السلايد شو جاهز

noreply@blogger.com (طبيبك) — Wed, 05 Jun 2013 17:03:00 +0000

درس اضافة سلايد شو لبلوجر

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

كيفية اضافة الأداة ؟

من لوحة التحكم للمدونة نختار التخطيط ثم نختار اضافة أداة ثم نختار اداة HtmlJavaScript
نقوم بلصق الكود التالي

<style type="text/css">

/* JavaScript Image Slider By http://mdonti-n.blogspot.com/ */

#mcis {

display: none;

}

#sliderFrame {

position: relative;

width: 468px;

margin: 0 auto;

border:3px solid #E1E0E2;

}

#ribbon {

width: 111px;

height: 111px;

position: absolute;

top: -4px;

right: -4px;

}

#slider {

width: 468px;

height: 260px;

background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR_UVp-R7AGEwFY9ceTTsEa0gi4rm0CfqoUzvv26DLxO_YJ_yReDiRrjC7kY8m4dxI_LAKiFLcN7QfDl6hg_PsmlTkxUV7shab7f9MKHU9OpoFS_kFZ4mYtKae18hUNikjGBUrcZNAnQ/h120/mdonti-n.blogspot.com-loading.gif) no-repeat 50% 50%;

position: relative;

margin: 0 auto;

box-shadow: 0px 1px 5px 010007;

}

#slider img {

position: absolute;

border: none;

display: none;

}

#slider a.imgLink {

z-index: 2;

display: none;

position: absolute;

top: 0px;

right: 0px;

border: 0;

padding: 0;

margin: 0;

width: 100%;

height: 100%;

}

div.mc-caption-bg, div.mc-caption-bg2 {

position: absolute;

width: 100%;

height: auto;

padding: 0;

right: 0px;

bottom: 0px;

z-index: 3;

overflow: hidden;

font-size: 0;

}

div.mc-caption-bg {

background-color: #0066CC;

}

div.mc-caption {

font: bold 25px/21px traditional arabic ;

color: #0000;

z-index: 4;

padding: 10px 0;

text-align: center;

}

div.mc-caption a {

color: #FB0;

}

div.mc-caption a:hover {

color: #DA0;

}

div.navBulletsWrapper {

top: 250px;

right: 190px;

width: 150px;

background: none;

padding-right: 20px;

position: relative;

z-index: 5;

cursor: pointer;

}

div.navBulletsWrapper div {

width: 11px;

height: 11px;

background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6N5vUFVsu11ia2YMOz_MUenowizcJ5D8FuAXhAW4WLm2aruP-XCJYER4_g75XmmC2NfvDkED-uSw-ePPo5eozzDNxY8C03-tQ7-i7uO11cOfyfS853BXYDmnpB5_Y64DdbEWg1Hot_A/h120/mdonti-n.blogspot.com-bullet.png) no-repeat 0 0;

float: right;

overflow: hidden;

vertical-align: middle;

cursor: pointer;

margin-left: 11px;

_position: relative;

}

div.navBulletsWrapper div.active {

background-position: 0 -11px;

}

#slider {

transform: translate3d(0,0,0);

-ms-transform: translate3d(0,0,0);

-moz-transform: translate3d(0,0,0);

-o-transform: translate3d(0,0,0);

-webkit-transform: translate3d(0,0,0);

}

</style>

<script src="http://my-mdonti.googlecode.com/files/js-image-slider.js" type="text/javascript"></script>

<div id="sliderFrame">

<div id="ribbon"></div>

<div id="slider">

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

<a href="xxxxxx"><img src="ppppp"alt=" ttttt"/></a>

</div></div>

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

نضع مكان الرمز xxxxx رابط الموضوع (الرابط الإلكتروني للموضوع )
نضع مكان الرمز ppppp رابط الصورة (الرابط الإلكتروني لصورة الموضوع)
نضع مكان الرمز ttttt عنوان الموضوع (أو نختار عنوان أخر للموضوع )

ثم نقوم بحفظ الإضافة

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

1- اذا أردنا زيادة عدد المواضيع المعروضة نقوم بزيادة عدد الأكواد التالية

<a href="xxxxxx"><img src="ppppp" alt="ttttt"/></a>

اي نقوم بنسخها ولصقها الواحدة تلو الأخرى حسب عدد المواضيع التي نريد عرضها على السلايد شو (Slideshow ).

2- التحكم في ارتفاع وعرض الأداة (الإطار الخارجي) نقوم بالبحث عن الكود التالي :

#slider {

width: 468px;

height: 260px;

لتغيير عرض الأداة width

لتغيير ارتفاع الأداة height

3- تغيير لون السلايدشو الصغيرة (التي يتم بها عرض عنوان الموضوع ) نبحث عن الكود التالي :

background-color: #0066CC;

ونقوم بتغيير الرمز 0066cc (للحصول على الألوان بصيغة html انتقل للصفحة التالية )

4- تغيير حجم ولون خط عنوان الموضوع (عناوين المواضيع المعروضة على السلايد شو) ابحث عن الكود التالي :

font: bold 25px/21px traditional arabic ;

الرمز traditional arabic لإستبدال نوع الخط

الرمز 25px حجم الخط .

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

شرح بالفيديو طريقة تغيير حجم قوائم مدونة بلوجر دون تغيير القالب

noreply@blogger.com (طبيبك) — Wed, 05 Jun 2013 14:21:00 +0000

شرح بالفيديو تغيير حجم قوائم مدونة بلوجر دون تغيير القالب

الشرح بالفيديو يوتيوب

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

noreply@blogger.com (طبيبك) — Wed, 05 Jun 2013 00:43:00 +0000

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

اليوم درس في كيفية تثبيت قالب مدونة بلوجر والطريقة سهلة
بعد تحميل قالب مدونة جديد لجهاز الكمبيوتر الخاص بك. إذا كان القالب في ملف مضغوط، قم باستخراج قالب ليصبح على امتداد XML.
1. تسجيل الدخول إلى حساب Blogger الخاص بك.
2. ادخل على المدونة المراد تغيير القالب لها .

صورة توضيحية على مدونتك

3- اضغط على "قالب"

4- اضغط على "نسخ إحتياطي/استعادة "

بعد الضغط على "نسخ إحتياطي/استعادة" سوف تظهر نافذة التالية

5. اضغط على "Browse"وعين ملف القالب الذي قمت بتحميله في بداية الأمر XML ثم اضغط "Open"

6. في الأخير قم بالضغط على "تحميل"

إنتهاء

اذهب إلى "تخطيط" لإعادة ترتيب الادوات الخاصة بك لتتوافق بشكل صحيح مع مدونتك

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

noreply@blogger.com (طبيبك) — Tue, 28 May 2013 16:51:00 +0000

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

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

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

صورة توضح ظهور ايقونات شبكات التواصل الاجتماعية Facebook , Twitter , Google + , Feed Rss

لإضافتها اتبع الخطوات التالية :

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

http://blogger.com/

2- اذهب الى لوحة التحكم تم اضغط على تخطيط

3- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي :

<a href="https://www.facebook.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHA_i01n4lbbUr18cFuoXt0M4kpxKdGOmcPfHMkoTtqjiwVtCLtOL9_MvN6NzxvD4sPven5-Uxw2JR8sbkRHUyTIlAaVLo-Swwai_dBgAfxQmUlVu4K6CnzcZcldWRnYskrvWYMiw49uE/s1600/facebook-30x43.png" /></a>
<a href="https://twitter.com/anasnokri" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMCo2oayXUh2XQt_7JCyhyphenhyphenmU1l9a1pQzxlV0b2vh1z0L9J6z0xUNLImFtTPWHyShXnY7eZHqxFDumo09Y-XT13sXWqJRuWtepLTT_FamG7QuveO2x0eKN7Kn7_E46AyWfSSgPoR56WZZQ/s1600/twitter-30x43.png" /></a>
<a href="https://plus.google.com/117554884515213827524/posts" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNaG82__OL_a7UpOrsuhknR3Ggj70ocdSdnyQDltjEVQRw-A_axBFwkG0_YQR6wkiU1k5tNQbax8A0WzK5ym4kphRhDE1PhItVFcpTIlvV9Cw9xrIKvaV6ghRVyW6cy8OYI353JJRpq14/s1600/googleplus-30x43.png" /></a>
<a href="http://feeds.feedburner.com/th3xd" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN1ajiEuYNw3pT5Ye9t0QsTNWeaENjQzJKGg8zcrVzOuVoXc2mA8yuIjttIcQiDL45DckaXkqjyZWr6VSNLvhEmOi7kVn69zXflhnQ1Ow2QAvkKsBQQXBQYSqUlWVwF3YOPk13VzU-Fxw/s1600/rss-30x43.png" /></a>
<a href="http://www.th3xd.blogspot.com/"></a>

4- الأن قم بتغير ما لون بالأزرق بحساباتك

و أخيرا قم بالضغط على حفظ

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

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

noreply@blogger.com (طبيبك) — Tue, 28 May 2013 16:23:00 +0000

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

شرح تفصيلي بالصور لطريقة تركيب قوالب بلوجر

اولاً : قم بالدخول الي لوحة تحكم مدونة بلوقر الخاصة بك ثم الي قسم القالب انظر للصورة ادناه

ثانيا ً اضغط علي كلمة نسخ احتياطي / استعادة الموجودة في اعلي يسار الصفحة كما توضح الصور ادناه

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

ب - وهو Choose File ( اختيار ملف ) لرفع القالب الجديد وهو المطلوب في هذا الشرح .

الخطوة الثالثة : بعد الضغط علي Choose File اختر القالب وحمله من جهازك

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

بعد تحميل القالب اتجه الي مدونتك واعمل تحديث Refresh للصفحة وهتلاقي القالب الجديد موجود علي المدونة وبذلك انتهيت من عملية تركيب القالب الجديد على مدونتك .

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

noreply@blogger.com (طبيبك) — Tue, 28 May 2013 16:04:00 +0000

شرح مصور اضافات بلوجر 2013

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