نيكست للمعلوماتية NeXT

درس اضافة قالب ( تيمبلت) الى المدونة والتعديل على الاقسام

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

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

الادوات :

للذهاب الى لوحة التحكم لبلوكر:

أضغط هنا

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

أضغط هنا

شرح كيفية تغيير خط المدونة إلى خط أكثر جمالية و وضوحا

من المهم في المدونة أن يكون خطها جميلا و يظهر بوضوح للزائر

في هذا الدرس الجديد من دروس بلوجر سأقوم بشرح كيفية إستبدال خط مدونتك إلى خط جميل مثل tahoma أو Droid Arabic kufi أو Droid Arabic naskh

او احد الخطوط الموجوده وهي خطوط جميلة جدّاً وواضحة للزائر , أنا استعمل مثلاً خط droid arabic kufi و ساشرع في تطبيق الدرس في كيفية وضع هذا الخط الجميل في مدونتك بخطوات جد سهلة وبسيطة تابع معي الشرح

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

اضغط على Ctrl+F

و ابحث عن

<head>

ضع مباشرة بعده احد هذه الاكواد الاكواد التالية

1- هذا للخط نوع "amiri"

<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>

______________________________________________________

2- هذا للخط نوع Droid Arabic Kufi

<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

3- وهذا للخط نوع 'Droid Arabic Naskh'

<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>

4- وهذا للخط نوع 'Lateef'

<link href='http://fonts.googleapis.com/earlyaccess/lateef.css' rel='stylesheet' type='text/css'/>

ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

5- وهذا للخط نوع 'Scheherazade'

<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>

ــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

6- هذا للخط نوع 'Thabit'

ثم بعد ذلك ابحث عن

font-family

ثم نضع بعدها احد الاكواد التالية حسب نوع الخط المراد :

أما
font-family: 'Amiri', serif;

او

font-family: 'Droid Arabic Kufi', serif;

أو

font-family: 'Droid Arabic Naskh', serif;

او

font-family: 'Lateef', serif;

او

font-family: 'Scheherazade', serif;

أو

font-family: 'Thabit', serif;

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

الخط الاجمل من نظري هو droid arabic kufi .

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

بالتوفيق

قالب احترافي جدا يشبة قالب مجلة msry live

احترافي جدا يشبة قالب مجلة

msry live

قالب بلوجر جميل جدا و بحث عنة الكثير من الاشخاص

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

و يوجد علية العديد من الاضافات

الوان القالب

احمر

اسود

ابيض

تحميل

قالب مدونة التقنية رائع جدا

قالب مدونة التقنية رائع جدا

قالب مميز لمدونات التقنية و الكثير من المدونات الاخرى يتكون القالب من عمود

واحد فى السياؤ و ثلاثة اعمدة فى الاسفل

الوان القالب هى

رمادى

تركواز

ابيض

للتحميل

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

اسم القالب Evident

قالب بلوجر معرب بحث عنة القالب الكثير من الاشخاص

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

و الوان القالب هى

ازرق

لبني

للتحميل

احدث قوالب بلوجر معربة 2013

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

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

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

تحميل القالب

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

تحميل القالب

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

تحميل القالب

إضافة صندوق متابعي تويتر Twitter Fan Box

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

طريقة إضافة صندوق متابعي تويتر

أضف فقط الكود التالي في آداة HTML/JavaScript مع تغيير كلمة Username بإسم حسابك في تويتر

<div class="textwidget">
<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
<script type="text/javascript">fanbox_init("username");</script></div>
</div>
<style>
.FB_SERVER_IFRAME {
width: 300px !important; /*العرض*/
height: 300px !important; /*الإرتفاع*/
}
</style>

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

بسم الله الرحمن الرحيم والصلاة والسلام علي اشرف المسلمين

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

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

ندخل في الشرح

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

html وليس تأليف ثم نضف الكود التالي

<div dir="rtl" style="text-align: right;" trbidi="on">
<center>
<iframe align="middle" border="0" frameborder="0" height="600" name="ps" src="http://pixlr.com/editor/" width="600"></iframe></center>
</div>

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

ومبروك عليك الاضافة

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

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

والصلاة والسلام على اشرف الانبياء والمرسلين سيدنا محمد عليه وعلى اله وصحبه افضل الصلاة واتم التسليم

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

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

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

من لوحة التحكم -> قالب -> تحرير HTML -> تابع

خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

</body>

والصق الكود التالي قبله تمامآ :

<script src='http://softglad.at.ua/widgets/theme-style-cookie.js' type='text/javascript'/>
<script type='text/javascript'>
/**
* Theme Style Switcher by jetara undefinedalbaadani)
* URL: http://7loll.blogspot.com
*/
//<![CDATA[
var expiredStyle = 7000,
dbs = document.body.style;
// background switcher
function bgSwitchundefinedv) {
dbs.background = v;
createCookieundefined'bgstyle', v, expiredStyle);
}
// font switcher
function fontSwitchundefinedv) {
dbs.fontFamily = v;
createCookieundefined'fontstyle', v, expiredStyle);
}
// font sizer
function changeFontSizeundefinedv) {
dbs.fontSize = v + 'px';
createCookieundefined'fontsize', v, expiredStyle);
}
// color switcher
function fontColorundefinedv) {
dbs.color = v;
createCookieundefined'fontcolor', v, expiredStyle);
}
if undefinedreadCookieundefined'bgstyle')) {
dbs.background = readCookieundefined'bgstyle');
}
if undefinedreadCookieundefined'fontstyle')) {
dbs.fontFamily = readCookieundefined'fontstyle');
}
if undefinedreadCookieundefined'fontsize')) {
dbs.fontSize = readCookieundefined'fontsize') + 'px';
document.getElementByIdundefined'fontSizer').value = readCookieundefined'fontsize');
}
if undefinedreadCookieundefined'fontcolor')) {
dbs.color = readCookieundefined'fontcolor');
document.getElementByIdundefined'fontColorer').value = readCookieundefined'fontcolor');
}
function resetStyleundefined) {
eraseCookieundefined'bgstyle');
eraseCookieundefined'fontstyle');
eraseCookieundefined'fontsize');
eraseCookieundefined'fontcolor');
window.location.reloadundefined1);
}
//]]>
</script>

قم بحفظ القالب

انتقل إلى لوح تحكم مدونتك،

إختر "تخطيط" ثم إضافة أداة ثم اختر HTML/Javascript

الآن الصق داخل المستطيل الكود التالي

<style>
#stylechanger {
border:none;
margin:0 0;
padding:0 0;
width:98%;
text-align:left;
font:normal 11px Arial,Sans-Serif;
border-collapse:collapse;
}
#stylechanger th,
#stylechanger td {
vertical-align:middle;
border:none !important;
padding:2px 10px;
}
#stylechanger th.title {
background-color:#33AFE0;
padding:5px 10px;
margin:0 0 10px;
text-transform:uppercase;
font-size:12px;
font-family: Arial,Sans-Serif;
color: #FFF;
}
#stylechanger select,
#stylechanger input[type="text"] {
width:130px;
padding:2px;
font:bold 11px Arial,Sans-Serif;
display:block;
margin:0 0 0;
height:24px;
outline: 0;
}
#stylechanger select option {
padding:5px 10px;
cursor:pointer;
}
#stylechanger button {
font:normal 11px Arial,Sans-Serif;
padding:3px 5px;
cursor:pointer;
}
#stylechanger #bgColorer {
overflow:hidden;
margin:10px 0 10px;
}
#stylechanger #bgColorer span {
display:block;
float:left;
width:20px;
height:20px;
border:1px solid black;
margin:0 5px 0 0;
cursor:pointer;
}
#stylechanger input[type="text"] {
width:118px !important;
padding:4px !important;
height:auto !important;
}
</style>
<table border="0" id="stylechanger">
<tr><th class="title" colspan="2">Background Color Changer</th></tr>
<tr>
<td colspan="2">
<div id="bgColorer">
<span style="background-color:#523690;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
<span style="background-color:#248bcb;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
<span style="background-color:#fed100;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
<span style="background-color:#c91212;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
<span style="background-color:#3a9838;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
<span style="background-color:#36404a;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
<span style="background-color:#ffffff;" onclick="bgSwitchundefinedthis.style.backgroundColor);"></span>
</div>
</td>
</tr>
<tr><th>Font Type</th>
<td>
<select onchange="fontSwitchundefinedthis.value);">
<option selected />--
<option value="'Book Antiqua',Serif" />Book Antiqua
<option value="'Times New Roman',Serif" />Times New Roman
<option value="Georgia,Serif" />Georgia
<option value="Arial,Sans-Serif" />Arial
<option value="Tahoma,Verdana,Arial,Sans-Serif" />Tahoma
<option value="'Trebuchet MS',Arial,Sans-Serif" />Trebuchet
<option value="Verdana,Arial,Sans-Serif" />Verdana
<option value="'Century Gothic',Tahoma,Verdana,Arial,Sans-Serif" />Century Gothic
<option value="'Comic Sans MS',Serif" />Comic Sans
</select>
</td>
</tr>
<tr><th>Text Color</th>
<td><input type="text" id="fontColorer" value="#000000" onkeyup="fontColorundefinedthis.value);"/></td>
</tr>
<tr><th>Font Size</th>
<td><input type="text" id="fontSizer" value="12" maxlength="3" onkeyup="changeFontSizeundefinedthis.value);"/></td>
</tr>
<tr><th>Reset</th>
<td><button onclick="resetStyleundefined);">Reset</button></td>
</tr>
</table>
<a href="http://7loll.blogspot.com"></a>

الان قم بحفظ الاداه وعليك بالعافيه الاضافه

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

اضافة طائر تويتر بشكل ثابت في السايدبار

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

تركيب الاضافة :
1-من لوحة التحكم >>> تخطيط >>> اضافة اداة >>> javascript/html.
2-ادخل الكود التالي داخل صندوق الاداة :

<div align="center"><a href="http://twitter.com/ rydnet"><img src="http://twitterbuttons.sociableblog.com/images/Twitter_Bar_3.png" title="تابعني على تويتر" width="250" height="170" border="0" /></a><br /></div>

3-قم بتغيير rydnet باسم صفحتك في تويتر.
4-كما يمكنك تغيير جملة تابعني على تويتر باي جملة اخرى تراها مناسبة.
5-احفظ الاداة .
انتهت الاضافة .....مبرووووووك.

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

السلام عليكم ورحمة الله وبركاته
درسنا اليوم هو كيفية تغير إسم الكاتب الذي يظهر في المدونة فكلنا نعلم أن الإسم الذي يظهر في المدونة هو الإسم الذي سجلنا به في جوجل أثناء إنشاء حساب الجي ميل ولكن البعض يريد تغير هذا الاسم الي أخر وهذا التغير بسيط
جدا وهو عن طريق
1- نذهب الي لوحة تحكم المدونة من هنا
2-ثم نذهب الي قالب ثم تحرير html ثم نضع علامة صح لتوسيع الادوات
3- نبحث عن هذا الكود

مزيد من المعلومات »

نيكست للمعلوماتية NeXT

رَبِّ اشْرَحْ لِي صَدْرِي وَيَسِّرْ لِي أَمْرِي

درس اضافة قالب ( تيمبلت) الى المدونة والتعديل على الاقسام

شرح كيفية تغيير خط المدونة إلى خط أكثر جمالية و وضوحا

قالب احترافي جدا يشبة قالب مجلة msry live

قالب مدونة التقنية رائع جدا

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

احدث قوالب بلوجر معربة 2013

احدث قوالب بلوجر معربة 2013

إضافة صندوق متابعي تويتر Twitter Fan Box

إضافة صندوق متابعي تويتر Twitter Fan Box

طريقة إضافة صندوق متابعي تويتر

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

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

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

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

اضافة طائر تويتر بشكل ثابت في السايدبار

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

أرشيف الشروحات

اقسام الموقع

تحميل

المشاركات الشائعة