طريقة اضافة أقرا المزيد على شكل زر رائع

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

 

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

من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم " تحرير HTML 

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

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

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

صورة توضيحية :

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

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

]]></b:skin>

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

.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}

بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة .. اتبع التالي:

ادخل الى لوحة التحكم ثم الى تخطيط ثم اتبع الشرح في الصورة التالية :

 

تم نقل الموضوع للأفادة

اقــرأ المزيــد

التسميات: اضافات بلوجر

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

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

  

 

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

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

بعد الضغط على " اضافة اداة " ستظهر لك نافذة تحتوي على جميع الادوات اختر منها اداة HTML/java script كما في الصوره التاليه :

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

 

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

<script src="http://cdn.jquerytools.org/1.2.4/full/jquery.tools.min.js"></script>
<script>
$(document).ready (function() {
$("#social2 img[title]").tooltip({offset: [6, 2],tip:'.add',effect:'slide'})
.dynamic({ bottom: { direction: 'down', bounce: true } });
});
</script>
<style>
.tooltip {
    display:none;
    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png);
    font-size:12px;text-align:center;
    height:70px;
    width:160px;
    padding:25px;
    color:#fff;   
}
.tooltip.bottom {
    background:url(http://flowplayer.org/tools/img/tooltip/black_arrow_bottom.png);
    padding-top:40px;
    height:55px;
}

.tooltip.bottom {
    background:url(http://flowplayer.org/tools/img/tooltip/black_arrow_bottom.png);
}
#social2 img
{
width:83px;
height:74px;
}
</style>


<div id="social2" align="center">
<a href="twitter.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKjeFilmBNvizCbAgJgjiXPFuKmmukssr12xuGlOn_a4V8Ui9aROBiBRrrnTSwld4cSgsA54SWUDJq0wF1sYjtZCGZdp3JMvCca3VPMbO7mLUkeke1F8N3kplVz_L6g9hml1LopKWTNT8/" title=" تابعني على تويتر واحصل على اخر التحديثات" /></a>
<a href="rss.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfn4CCvHwAXDsRtFLFpZs_q7w7-fwlkbbIRmIUhWU38dDmtzgN9zR4Exs_Lc1DBEaTPzT5w_6AzugVMVvcluStq0YjltNCX69CENyT3iasGejuNUsPw7HCvElXI9ZVqB3DARQV3s-Ivys/" title="اخر الاخبار والمواضيع عبر خدمة الخلاصات" /></a>
<a href="facebook.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcRPmCYsP531nuMuBreH9vAcPpUQ5Idv7fpru8ARbIEsaptC1YW4PIsINkFnGQa_hnatXjSEOtyIfHNVbl5wjdzyjsOr1qi35KIppaTcv_Lg1H3IY9kfhvwLK-dLTlV3_NTHvEg7qGLEQ/" title=" كن معجبا بصفحتنا على الفيس بوك واطلع على اخر التحديثات" /></a>
</div>

في الكود اعلاه قم بتغيير المؤشر عليه باللون المدادي  برابط صفحتك على الفيس بوك والمؤشر عليه باللون البحري ( سماوي فاتح ) قم بتغييره برابط تويتر  الخاص بك اما المؤشر عليه باللون البرتقالي فقم بتغييره برابط الخلاصات الخاص بمدونتك , اما الارقام الملونه باللون الاحمر فهي الخاصة بعرض الصور ( شعارات تويتر وفيس بوك وrss) والارقام باللون الاخضر خاصة بارتفاع الصور .

اما العبارات الظاهره باللغه العربيه فهي العبارات التي ستظهر داخل اداة التلميح ( الفقاعة ذو الخلفيه السوداء ) يمكنك تغييرها كيفما تشاء .
وعند الانتهاء من كتابة الكود السابق داخل الاداة في خانة " المحتوى " اضغط على زر " حفظ " وستجد الاداة على مدونتك ,,,,,, 

تحياتى للجميع

Al3@miD: AboNageh 

اقــرأ المزيــد

التسميات: اضافات بلوجر

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

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

سأشرح اليوم طريقة سريعة للتعريب، وأتبعها أنا شخصياً وهي في الغالب لا تستغرق أكثر من 10 دقائق. 

والتعريب هذا لا يقوم بتعريب القالب كاملاً إذ سيلزمك أيضاً أمور أخرى لإكمال التعريب:

كقلب الصور، وتغيير النصوص، وغيرها من الأمور. لكنها ستكون مفيدة للمبتدئين ومختصرة للمحترفين.


الطريقة:

الخطوة الأولى:

2) اذهب إلى تصميم >> تحرير HTML >> اضغط على "توسيع قوالب عناصر واجهة المستخدم"

3) انسخ جميع أكواد القالب يمكنك الضغط على Ctrl + A لتحديد جميع الأكواد. 4) الصق الأكواد في برنامج المفكرة. 1) افتح برنامج المفكرة (notepad)

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

 ) من قائمة الأدوات في برنامج المفكرة اذهب إلى (تحرير) ثم (استبدال).

  2) اكتب في الخانة الأولى right وفي الخانة الثانية left ثم اضغط على استبدال الكل

3)ثم اكتب من جديد في الخانة الأولى left وفي الخانة الثانية right ثم اضغط على استبدال الكل

هذه الخطوة ستقوم بها يدوياً، لكنها سهلة وكل ماتحتاج إليه هو الانتباه جيداً إلى الشرح.

  الآن اعتبر أنك انتهيت من تعريب أجزاء كبيرة في القالب، وبقيت خطوة أخيرة وهي تغيير الأبعاد بين الحاشية (margin) والحشو (padding).

الخطوة الرابعة:

1) عليك البحث الآن في أكواد CSS عن مثل الكودين في الاسفل، وستقوم ببعض التغييرات على كل واحدة

.

margin: 100px 40px 10px 70px;
padding: 20px 20px 20px 80px;

- ملاحظة: يجب أن تحتوي على 4 أعداد مثل:

100px 40px 10px 70px
ونهمل ما لا يحتوي على أربع أعداد.

  - ملاحظة أخرى: ليس من المهم أن تتطابق الأرقام مع المثال السابق، فقد تتغير هذه الأرقام.


مثال:
2) عندما تجد أي كود مثل السابق، قم باستبدال العدد الثاني بالعدد الرابع، والعدد الرابع بالعدد الثاني.

كود:

margin: 100px 40px 10px 70px;

نقوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:

كود:

margin: 100px 70px 10px 40px;

نعيد نفس الأمر مع الكود padding:

مثال:

كود:

padding: 20px 20px 20px 80px;

نقوم بتغيير العدد الثاني بالعدد الرابع، فتصبح هكذا:

كود:

padding: 20px 80px 20px 20px;

3) نكرر البحث ونكرر العملية مع جميع أكواد CSS، وتذكر يجب أن تحتوي على 4 
أعداد.

4) بعد الانتهاء: انسخ جميع الأكواد التي في المفكرة واستبدل الموجود في القالب بها.

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

التعديل على القالب يبدا من بداية القالب /* begin Page */

وينتهي بـ





و الان اضغط ctrl + f و ابحث عن كلمة float .. اينما تجد بجانبها left استبدلها ب right


اي انه عندما تجد float: left استبدلها بـ float: right .


بشرط ان لا تتعدى هذا الكود









اي لا تغير ما بعده اي تحته .




و الان اعد البحث عن text-align .. اينما تجد بجانبها left استبدلها ب right


اي انه عندما تجد text-align:left استبدلها بـ text-align:right .




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


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







لذا يجب ان نضيف كود بسيط جدا الى القالب و هو كما يلي :


قبل هذا الكود مباشرة





نضيف هذا الكود

.comment-body


{


background: #302217;


border: 1px dashed #BA8736;


padding: 5px;


}

مع تغير الالوان حسب ما يلائم شكل المدونة .




ليصبح كما في الصورة:

اما بخصوص تغيير اسم زر الصفحة الرئيسية للمدونة

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

وهذا يظهر فى الازرار المصممه مع القالب فقط

تقوم بتوسيع القالب

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

          menuitems.push(new Array(&#39;Home&#39;,&#39;<data:blog.homepageUrl/>&#39;));

تقوم بتغيير كلمة Home الى الرئيسية او حسب ماتريد

انتهى الموضوع تمنياتى لكم بالتوفيق. 

اقــرأ المزيــد

التسميات: اضافات بلوجر

كيف تمنع النت كت netcut عنك بدون برامج

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

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

الطريقه مجربه وتعمل 100%

لمنع النت كت عن جهازك

1- نذهب الى run

2- نكتب الامر cmd

3- نكتب الايبى الخاص بك ثم مسافه ثم الماك ادرس الخاص بالروتر

مسبوقين بامر arp -s

ويجب كتابه هذا الامر ثم مسافه ثم الاى بى ثم مسافه ثم الماك ادرس ويجب كتابته كما يلى :

arp -s 10.0.0.16 00-19-DB-65-1F-99

 الفواصل او المسافات موضحه باللون الاخضر فى المثال

ثم للتاكد من تجاح العمليه اكتب arp -a

ستجد امام الاى بى واالماك ادرس الخص بك كلمه ستاتك اى اتصالك بالروتر اصبح ثابت وليس متغير

تحياتى للجميع 

Al3@miD: AboNageh

اقــرأ المزيــد

التسميات: برامج الكمبيوتر والانترنت

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

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


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


وبالطبع لايشترط فى هذه الحاله مقاسات للصوره ولكنها ستعدل اوتوماتيكيا بالمتصفح على عكس المنتديات التى يشترط ان تكون بمقاس 16×16 أو 32×32

الان قم بالدخول للوحة تحكم مدونتك على جوجل واختر تصميم ثم html
ثم ضع علامة صح على توسيع القالب.

ابحث داخل القالب عن :- 

<b:skin>

ثم اعلاه بسطر ضع الكود التالى :-  

<link href='ضع هنا لينك الصورة المرفوعة' rel='shortcut icon'
type='image/vnd.microsoft.icon'/>

ثم قم برفع الصوره التى اخترتها على موقع رفع الصور مثلا

مركز تحميل الهابى لاند

http://www.hpyland.com/up/

أوجرب 

حضرموت
http://www.hdrmut.net/up/
لان هذه ايقونة بصيغه ico ولن تجد مواقع كثيره تقبلها


  

ثم ضع لينك الصوره المباشر داخل الكود السابق بدلا من كلمة :-

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

ثم حفظ للقالب


اتمنى لكم التوفيق  

اقــرأ المزيــد

التسميات: اضافات بلوجر

طريقة حذف او ازالة او اخفاء الشريط العلوي في مدونتك

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

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

وطبعا فى طرق عديده لاخفاء او ازاله هذا الشريط من مدونات بلوجر ولكن اغلب الطرق غير نافعه

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

الطريقة سهله جدا فقط اتبع التالى

 

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

أضغط على Ctrl+F

وأبحث عن الكود دا

/* Variable definitions

فوقة مباشرة تضع هذا الكود

#navbar-iframe { display: none !important; }

وكدا انتهينا فقط قم بحفظ التغييرات ثم حدث صفحة مدونتك 

وان شاء الله تجد الشريط اختفى

تحياتى للجميع

Al3@miD :AboNageh

 

اقــرأ المزيــد

التسميات: اضافات بلوجر