شرح اضافة خاصية اقرا المزيد لمدونات بلوجر

هل تريد سهولة تصفح موضوعات مدونتك ؟
اذاً فالحل معنا !
الاداه من الادوات المستخدمة حديثا والتى تساعد على إظهار مدونتك بشكل انيق وجميل ويُسَهل على الزوار تصفخ مدونتك عن طريق تلخيص التدوينات .

اول خطوة ادخل الى لوحة تحكم بلوجر

اذا كنت من مستخدمى الواجهة القديمة اضغط على تصميم >> تحرير HTML
اذا كنت من مستخدمى الواجهة الحديثة اذهب الى "قالب">> تحرير HTML
تتبع الخطوات التالية :-

• قم بحفظ نسخة احتياطية من القالب لأستعادتها في حالة الطوارئ

• قم بـ"توسيع قوالب عناصر واجهة المستخدم"

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

<b:if cond='data:post.hasJumpLink'>

ستجده على هذا الشكل :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

قم بتحديده ولصق هذا الكود مكانه :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'>إقرأ المزيد<data:post/></a>
</div>
</b:if>

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


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

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


كيفية اضافة صورة بدلا من جملة "إقرأ المزيد "
اتبع الشرح التالى :-


ابحث عن هذا الكود :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

وضع هذا الكود بدلا منه :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img alt='إقرأ المزيد' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeRrTyWdEqWRWoQDMa7tXRCak1pRVeJWMoyHLTUmPEGU4qfKFlMJ0yzmKM0XO0GTvoRtApEYv-HDG1ylLtJErll7ALRl4_b6X-y4gg0vUqi6ZB7BzH1k2xIjyH6YAJerfDqyP4LA5ZGOH/s1600/redmore2.png'/></a>
</div>
</b:if>

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

الموضوع الاصلى

Unknown

7:03 ص

اقرأ المزيد

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

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


طريقة التركيب : 
ادخل مدونتك . 
ثم التخطيط . 
ثم إضافة أداة HTML\JavaScrpt.
الان انسخ هذا الكود والصقه مع تعديل رابط مدونتك . 

كود بلغة HTML:

<script language='JavaScript'>
aBold = true;
numposts=200;
maxshowresult=6;
home_page = "هنا ضع رابط مدونتك";
</script>
 <script type="text/javascript" src="http://raay-arab.4ulike.com/15391.js"></script>
<script src='https://jetara.googlecode.com/files/7loll-blogger-yacine-soft-for-blogger.js' type='text/javascript'></script>

ضع رابط مدونتك لتفعيل الإضافه .
وأذا كنت ترغب في اكثر من 6 مواضيع فقم بتغير الرقم

Unknown

7:01 ص

اقرأ المزيد

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

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

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

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

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

ادخل مدونتك .

التخطيط .

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

انسخ هذا الكود والصقه : 

<style>
.category {
width: 182px;
float: left;
border-top: 8px solid #CCC;
display:block
margin: 0px;
padding: 6px 10px 15px 10px;
background: #FFF;
font-size: 1.2em;
font-family: georgia, times new roman, verdana;
font-weight: bold;
cursor: pointer;
text-shadow: 0 0 2px #CCC;
letter-spacing: inherit;
}
.category p {
margin: 0px;
font-family: Tahoma, 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-size: 11px;
font-weight: normal;
color: #444;
letter-spacing: .03em;
}
#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;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #gallery h3 {
text-transform: lowercase;margin: 0;}
    </style> 
<div class='clearfloat' id='middle'>
<div class='category' id='cat-4' onclick='window.location.href=&apos;http://www.alta3alom.blogspot.com/&apos;;'>
<span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div>
<div class='category' id='cat-5' onclick='window.location.href=&apos;http://www.alta3alom.blogspot.com/&apos;;'>
<span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div>
<div class='category' id='cat-6' onclick='window.location.href=&apos;http://www.alta3alom.blogspot.com/&apos;;'>
<span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div>
<div class='category' id='cat-8' onclick='window.location.href=&apos;http://www.alta3alom.blogspot.com&apos;;'>
<span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div>
<div class='category' id='cat-9' onclick='window.location.href=&apos;http://www.alta3alom.blogspot.com/&apos;;'>
<span class='cat_title'>اسم-الموضوع</span><p>وصف-الموضوع</p></div></div>

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

استبدل ( اسم-الموضوع ) بالعنوان القسم الذي ترغب فيه 

استبدل ( وصف-الموضوع ) بفقرة صغيرة تكون هي وصف القسم

استبدلhttp://www.alta3alom.blogspot.com برابط القسم

Unknown

6:47 ص

اقرأ المزيد

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

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

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


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

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

http://blogger.com/

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

3- تم اضغط على اضافة أداة*




ثم*، HTML/JavaScript






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

كود:

<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://raay-arab.4ulike.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/" target="_blank">
<span>Twitter</span>
</a>
</li>
<li>
 <a class="entypo-gplus" href="http://dribbble.com/" target="_blank">
<span>google+</span>
</a>
</li>
<li>
<a class="entypo-tumblr" href="http://www.tumblr.net/" target="_blank">
<span>tumblr</span>
</a>
</li>
<li>
 <a class="entypo-facebook" href="https://www.facebook.com/" target="_blank">
<span>facebook</span>
</a>
</li>
<li>
 <a class="entypo-rss" href="http://feeds.feedburner.com/" target="_blank">
<span>feedburner</span>
 </a>
</li>
</ul>
 </div>

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

Unknown

6:43 ص

اقرأ المزيد

عمل قائمة جانبية للمواضيغ المختارة خاص ببلوجر روعة

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




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

تحميل الكود
تحميل

http://www.mediafire.com/download/sndf54xb0j1pf67/blogger.txt
وبعد ان تنسخص فقم بتغيير روابط و اسماء القوائم او الصفحات

ومبروك لك 

Unknown

6:40 ص

اقرأ المزيد

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

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

.

Unknown

4:13 ص

اقرأ المزيد

الدرس الثاني من دورة احتراف الحماية

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

Unknown

11:07 ص

اقرأ المزيد

الدرس الاول من دروس الحماية

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

لتحميل المرفقات .

Unknown

2:39 ص

اقرأ المزيد

شرح زيادة المعجبين على صفحتك بالفيسبوك يومياً إلى الآلاف

شرح زيادة المعجبين على صفحتك بالفيسبوك يومياً إلى مئات الآلاف

Unknown

8:50 ص

اقرأ المزيد

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

طريقة تفعيل برنامج avast لمدة سنة واحدة مجانا
برنامج مضاد الفيروسات Avast من البرامج المشهورة التي هي توفر لك حماية تامة لحاسوبك , يحميك هذا الاخير من التروجات و الفيروسات التي تادي للضرر الى حاسوبك .

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

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

رابط تحميل افاست :
ftp01net.telechargement.fr/avast_free_an­tivirus_setup.exe
----------------------------------------­----------------------------------------­----
رابط تفعيل افاست :http://www.avast.com/ar-ww/registration-free-antivirus.php

شرح طريقة الحصول على كود التفعيل

ادخل الى الموقع
http://www.avast.com/ar-ww/registration-free-antivirus.php
املأ الستمارة جيدآ
.
هده اجابات ضرويية على  بعض الاسئلة
لمادا اخترت الافاست؟
ستجيب:عترت عليه من الانترنت
هل لديك مضاد فيروسات على هدا الحاسوب؟
ستجيب:افاست هو اول مضاد فيروسات
العمر؟
ستجيب:18/24 ضروري
المهارة الحاسوبية؟
ستجيب:مستخدم عادي
.
وبعدهآ ادخل تلك الحروف
تم تضغط على التسجيل للحصول على مفتاح الترخيص المجاني
و بعد ان تظهر لك لقد تم التسجيل بنجاح
سيبعتون لك رسالة الى ايمايلك تحتوي على رسالة القبول وبها سيريآل تفعيل الافاست
قم بنسخ الكود
تم ادخل الى برنامج الافاست
قم بالاضغط على  ENREGISTé
 بعدها  SAISISSEZ VOTRE CLé DE LICENCE
قم بنسخ السيريال  تم اضغط   بعدها سيتم تفعيل الافاست لمدة سنة كاملة بالتمام
تهانينا و اتمنى ان يكون الموضوع قد نال اعجابكم و لا تنسو لي بخالص الدعاء
.
.
ادا اعجبتكم  مدونة اقرأ و تعلم فاستحلفك الله ان تدعو ولو صديق واحد وشكرآOK

Unknown

8:59 ص

اقرأ المزيد