-
اتبعني
تابعني على تويتر
-
التدوينات RSS
اشترك في خدمة RSS
-
فيس بوك
انضم للمعجبين في FACEBOOK
مدونة الدعم الفنى | نتعب من اجل راحتكم
1 شرح اظهار صورة بروفايلك بجانب مواضيعك في نتائج البحث فى Google
التسميات:
جوجل,
جوجل بلس,
دعم بلوجر,
صداقة محركات البحث,
Google,
Google Plus,
Google+
السلام عليكم ورحمة الله وبركاته
في هذا الموضوع باذن الله سوف نتطرق إلى طريقة جديدة وبسيطة لكيفية إظهار صورة بروفيلك الخاص فى بلوجر فى نتائج محرك البحث الشهير Google , وسوف تجدها طريقة سهلة وجميلة باذن الله بحيث لو بحث شخص ما عن أي شى وهوا موجود فى مدونتك وظهرت رابط مدونتك فى Google فسوف تظهر بشكل جديد وبه صورة بروفايلك وهدا يجلب بعض الأنظار الى موقعك , وفي هذا الشرح يلزمك فقط أن يكون لديك حساب في Google Plus و صفحة في مدونك تصف فيها نفسك وتكتب عن نفسك , ولعمل حساب Google Plus جديد من هنا 
أولا : تبديل بروفيلك العادى على بلوجر ببروفيلك على جوجل بلس
من لوحة التحكم الرئيسية افعل كما في الصورة
ثم إختر المدونات التي تريد عرضها في بروفيلك على جوجل بلس ثم إضغط إضافة مدونات
ألان انتهينا من تبديل بروفايلك على بلوجر ببروفايلك على جوجل بلس .
ثانيا : في هذه المرحلة سنقوم بربط بروفايلك على جوجل بلس بمدونتك
توجه إلى قالب مدونتك ثم اضغط تحرير html ثم متابعة ثم توسيع القالب
ثم اضغط ctrl+f وقم بالبحث عن الكود التالي :
<head>ثم ضع الكود التالي تحته مباشرة :
<link href='https://plus.google.com/12345678910' rel='author'/>
مع تغير 12345678910 بال ID الخاص ببروفيلك على جوجل بلس
تالثا وضع كود في صفحة التعريف بك
بمعنى انشاء صفحة جديدة في مدونتك ثم تقوم بكتابة معلومات عنك ثم ثم تضع الكود التالي فيها في تبويب .Html ثم الآن قم بوضع الكود التالي في تبويب html في صفحتك
<a href="https://plus.google.com/12345678910" rel="author" target="_blank">تابعني على Google+</a>مع تغير 12345678910 ال ID الخاص ببروفايلك على جوجل بلس
المرحلة الأخير : إختبار كل الاعدادات التي قمنا بها
توجه إلى هذا الرابط ثم ضع رابط مدونتك
0 اضافة كود دخولك الى التدوينة [ انت الان فى ] لمدونات بلوجر Blogger
التسميات:
دعم بلوجر,
صداقة محركات البحث
السلام عليكم ورحمة الله وبركاته
كل عام وانتم بخير ورمضان كريم اليوم معى تدوينة جديدة وباذن الله هتفيدكم
1- ابحث عن
]]></b:skin>
2- انسخ الكود التالي والصقه فوقها مباشرة
/* Breadcrumb Navigation: Start */
/* Developed By Rayk Cool */
.breadcrumbs{
padding:5px 0px 5px 5px; margin:0;
font-size:14px; line-height:1.4em; border-bottom:4px double #cadaef;
}
/* Breadcrumb Navigation: Ends */
اللون الاحمر يمثل حجم الخط
اللون الازرق يمثل ارتفاع الخط
اللون الاخضر يمثل المحاذاة الخاصة بالاداة
اللون الازرق يمثل ارتفاع الخط
اللون الاخضر يمثل المحاذاة الخاصة بالاداة
3- الان ابحث عن
<div class='post-header'>
4- ضع الكود التالى فوقه مباشرة
<b:if cond="data:blog.homepageUrl == data:blog.url"><b:else /><b:if cond="data:blog.pageType == "item""><div id="sd" align="right" style="position:absolute; right:0px; top:0px; width:2px; height:2px"><a href="http://raykcool.blogspot.com"><img border="0" src="http://sites.google.com/site/javacodehtml/px.png" width="2" height="2" alt="Rayk Cool for blogger tutorial" /></a></div><div class="breadcrumbs">انت تقرأ .. » <a expr:href="data:blog.homepageUrl">الرئيسية</a> »<b:if cond="data:post.labels"><b:loop values="data:post.labels" var="label"><a expr:href="data:label.url" rel="tag"><data:label.name /></a><b:if cond="data:label.isLast != "true""> , </b:if></b:loop></b:if> » <data:post.title /></div></b:if></b:if>
5- اضغط حفظ
وهذا مثال على التطبيق
 |
| مثال توضيحى للطريقة الموجودة بالشرح |
1 شرح كود iframe وطريقه ادراج صفحة بداخل صفحة
التسميات:
اضافة صفحة بداخل صفحة,
دعم المواقع والمنتديات,
شرح iframe,
كود iframe,
iframe
السلام عليكم ورحمة الله وبركاته ...
كيف حالكم اليوم شرحنا عن كود iframe وهوة كود يامكانك ادراج صفحة بداخل صفحة اخري من خلاله وشرحنا اليوم هيكون كامل للكود دا
وهذا مثال توضيحي
اولا التعريف بـiframe
iframe هوة كود من خلاله تقدر تحط صفحة بداخل صفحة اخري وهوة مجرد كود html
ثانيا شرح كود iframe
اولا هذا هوة الكود
<iframe src="http://D3mfny.blogspot.com" name="NameCod" scrolling="auto" frameborder="no" align="center" height = "150px" width = "100px"></iframe>
والان تغيير الكلام باللون الاحمر
1- قم بتغيير عنوان المدونة http://D3mfny.blogspot.com الى عنوان الموقع
2- قم بتغيير NameCod الى اى شى اخر او اتركه كما هوا
3-ركز شوية فى دى ... اولا قم بتغيير ارتفاع الصفحة من خلال رقم 150px
4- قم بتغيير عرض الصفحة من خلال رقم 100px
ملحوظة :- قم بتغيير رقم 150 و 100 فقط بدون حذف px
انتهاء الدرس اليوم ونشوفكم فى درس اخر ..
وهذا مثال توضيحي
سبحان الله وبحمده سبحان الله العظيم ...
والسلام عليكم ورحمة الله وبركاته
0 اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة
التسميات:
دعم بلوجر,
صداقة محركات البحث
درسنا اليوم يتكلم عن طريقة اضافة كود Like و +1 و Tweet فيس بوك وجوجل وتوتير متحرك مع الصفحة فى بلوجر
وغير مزعج للزائر بتاتا
وهذا مثال
بسم الله نبدا
1- اذهب الى الصفحة الرئيسية لبلوجر
2- اضغط على كلمة تصميم
3- إضافة أداة ثم اختار HTML/JavaScript
ثم قم بوضع الكود التالى بها واحفظ واغلقها
4 - قم بتغيير كلمة d3mfny.blogspot.com برابط مدونتك<style>
/*-------MBT Floating Counters------------*/
#floatdiv {
position:absolute;
width:94px;
height:229px;
top:0;
left:0;
z-index:100
}
#mbtsidebar {
border:1px solid #ddd;
padding-left:5px;
position:relative;
height:220px;
width:55px;
margin:0 0 0 5px;
}
</style>
<div id="floatdiv">
<div id="mbtsidebar">
<table cellpadding="1px" cellspacing="0">
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0 2px 0;">
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="false" layout="box_count" show_faces="false" font=""></fb:like>
</td>
</tr>
<tr>
<td style="border-bottom: 1px solid #E8E8E8; padding:5px 0px;">
<g:plusone size="Tall" expr:href="data:post.url">
</g:plusone></td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:5px 0 0px 0;">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="d3mfny.blogspot.com">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</td>
</tr>
<tr>
<td style="border-bottom: 0px solid #E8E8E8; padding:0px 0 0px 0;">
<p style=" font-size:10px; text-align:center; color:#ddd;"><a style="color:#ddd;" href="http://www.MyBloggerTricks.com" target="_blank">Widgets</a></p>
</td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
// JavaScript Document
<!--
/* Script by: www.jtricks.com
* Version: 20071017
* Latest version:
* www.jtricks.com/javascript/navigation/floating.html
*/
var floatingMenuId = 'floatdiv';
var floatingMenu =
{
targetX: 0,
targetY: 300,
hasInner: typeof(window.innerWidth) == 'number',
hasElement: typeof(document.documentElement) == 'object'
&& typeof(document.documentElement.clientWidth) == 'number',
menu:
document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId]
};
floatingMenu.move = function ()
{
floatingMenu.menu.style.left = floatingMenu.nextX + 'px';
floatingMenu.menu.style.top = floatingMenu.nextY + 'px';
}
floatingMenu.computeShifts = function ()
{
var de = document.documentElement;
floatingMenu.shiftX =
floatingMenu.hasInner
? pageXOffset
: floatingMenu.hasElement
? de.scrollLeft
: document.body.scrollLeft;
if (floatingMenu.targetX < 0)
{
floatingMenu.shiftX +=
floatingMenu.hasElement
? de.clientWidth
: document.body.clientWidth;
}
floatingMenu.shiftY =
floatingMenu.hasInner
? pageYOffset
: floatingMenu.hasElement
? de.scrollTop
: document.body.scrollTop;
if (floatingMenu.targetY < 0)
{
if (floatingMenu.hasElement && floatingMenu.hasInner)
{
// Handle Opera 8 problems
floatingMenu.shiftY +=
de.clientHeight > window.innerHeight
? window.innerHeight
: de.clientHeight
}
else
{
floatingMenu.shiftY +=
floatingMenu.hasElement
? de.clientHeight
: document.body.clientHeight;
}
}
}
floatingMenu.calculateCornerX = function()
{
if (floatingMenu.targetX != 'center')
return floatingMenu.shiftX + floatingMenu.targetX;
var width = parseInt(floatingMenu.menu.offsetWidth);
var cornerX =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageXOffset
: document.documentElement.scrollLeft) +
(document.documentElement.clientWidth - width)/2
: document.body.scrollLeft +
(document.body.clientWidth - width)/2;
return cornerX;
};
floatingMenu.calculateCornerY = function()
{
if (floatingMenu.targetY != 'center')
return floatingMenu.shiftY + floatingMenu.targetY;
var height = parseInt(floatingMenu.menu.offsetHeight);
// Handle Opera 8 problems
var clientHeight =
floatingMenu.hasElement && floatingMenu.hasInner
&& document.documentElement.clientHeight
> window.innerHeight
? window.innerHeight
: document.documentElement.clientHeight
var cornerY =
floatingMenu.hasElement
? (floatingMenu.hasInner
? pageYOffset
: document.documentElement.scrollTop) +
(clientHeight - height)/2
: document.body.scrollTop +
(document.body.clientHeight - height)/2;
return cornerY;
};
floatingMenu.doFloat = function()
{
// Check if reference to menu was lost due
// to ajax manipuations
if (!floatingMenu.menu)
{
menu = document.getElementById
? document.getElementById(floatingMenuId)
: document.all
? document.all[floatingMenuId]
: document.layers[floatingMenuId];
initSecondary();
}
var stepX, stepY;
floatingMenu.computeShifts();
var cornerX = floatingMenu.calculateCornerX();
var stepX = (cornerX - floatingMenu.nextX) * .07;
if (Math.abs(stepX) < .5)
{
stepX = cornerX - floatingMenu.nextX;
}
var cornerY = floatingMenu.calculateCornerY();
var stepY = (cornerY - floatingMenu.nextY) * .07;
if (Math.abs(stepY) < .5)
{
stepY = cornerY - floatingMenu.nextY;
}
if (Math.abs(stepX) > 0 ||
Math.abs(stepY) > 0)
{
floatingMenu.nextX += stepX;
floatingMenu.nextY += stepY;
floatingMenu.move();
}
setTimeout('floatingMenu.doFloat()', 20);
};
// addEvent designed by Aaron Moore
floatingMenu.addEvent = function(element, listener, handler)
{
if(typeof element[listener] != 'function' ||
typeof element[listener + '_num'] == 'undefined')
{
element[listener + '_num'] = 0;
if (typeof element[listener] == 'function')
{
element[listener + 0] = element[listener];
element[listener + '_num']++;
}
element[listener] = function(e)
{
var r = true;
e = (e) ? e : window.event;
for(var i = element[listener + '_num'] -1; i >= 0; i--)
{
if(element[listener + i](e) == false)
r = false;
}
return r;
}
}
//if handler is not already stored, assign it
for(var i = 0; i < element[listener + '_num']; i++)
if(element[listener + i] == handler)
return;
element[listener + element[listener + '_num']] = handler;
element[listener + '_num']++;
};
floatingMenu.init = function()
{
floatingMenu.initSecondary();
floatingMenu.doFloat();
};
// Some browsers init scrollbars only after
// full document load.
floatingMenu.initSecondary = function()
{
floatingMenu.computeShifts();
floatingMenu.nextX = floatingMenu.calculateCornerX();
floatingMenu.nextY = floatingMenu.calculateCornerY();
floatingMenu.move();
}
if (document.layers)
floatingMenu.addEvent(window, 'onload', floatingMenu.init);
else
{
floatingMenu.init();
floatingMenu.addEvent(window, 'onload',
floatingMenu.initSecondary);
}
//-->
</script>
5- اذهب الى تصميم ثم تحرير HTML ثم قم بتوسيع القالب
</head>7- اضف بعدها الكود التالى
الان قم بحفظ القالب والف مبروك<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: 'en-US'} </script>
5 تسريع مدونات ووردبريس بضغط Gzip افضل طرق التسريع فقط كود HTAccess
التسميات:
تسريع المواقع,
دعم ووردبريس,
صداقة محركات البحث,
css
بهذه الطريقة يمكنك ضغط الموقع الخاص بك بنسبة 70 الى 90% ويسرع وقت استجابة الموقع الخاص بك جدا
مع هذا الاسلوب يمكن للزائر فتح موقعك فى وقت قصير جدا جدا جدا لا تتخيله
ويسرع حركة الانتقال فى موقعك بين الصفحات والاخرى
0 شرح اضافة أزرار مفضلات بلوجر إلى القوالب
التسميات:
دعم بلوجر,
صداقة محركات البحث
السلام عليكم ورحمة الله وبركاته
يكون من السهل إظهار أزرار المفضلات الاجتماعية فى مدونات بلوجر ولاكن المشكلة التى تواجه الكثيرين هى الطريقة
الان على مدونة الدعم الفنى شرح الطريقة بالتفصيل الممل
الخطوة الاولى : تفعيل الازرار من مدونة بلوجر
اولا توجه الى لوحة التحكم الرئيسية فى بلوجر
ثانيا اضغط على "تصميم" ثم "عناصر الصفحة" ثم فى مربع "رسائل المدونة الإلكترونية" نضغط "تحرير" في النافذة المنبثقة نفعل الخيار بوضع علامة في الخانة التي تظهر جنب أزرار المفضلات كما يبدو في الصورة أسفله ثم نضغط زر الحفظ.
2 اهلا بكم فى مدونة الدعم الفنى هذه اول تدوينة
التسميات:
اخبار المدونات,
تسريع المواقع,
دعم المواقع والمنتديات,
دعم بلوجر,
دعم ووردبريس,
صداقة محركات البحث
اهلا بكم فى مدونة الدعم الفنى
