رواد بلوجر: اضافات بلوجر

‏إظهار الرسائل ذات التسميات اضافات بلوجر. إظهار كافة الرسائل

كيف تضيف ازرار لترجمة مدونتك للعديد من اللغات بشكل جديد

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

الاضافة رائعة جدا و سهلة الاضافة

تابعوا معي ....

اذهب الي لوحة تحكم بلوجر > الي التخطيط > اختر المكان المناسب للاداة و اضف اداة html جديدة .

ثم انسخ الكود التالي :

.exetranslate input{padding:5px;}

.exetranslate input:hover{

transform: rotate(360deg);

-webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg);

transition: transform 0.2s ease-out;

-webkit-transition: -webkit-transform 0.2s ease-out;

-moz-transition: -moz-transform 0.2s ease-out;

}

</style>

document.write ("<input name=u value="+location.href+" type=hidden>")

</script>

</form>

</div>

لا ابيح نقل الموضوع دون ذكر المصدر

Unknown

11:17 ص

اقرأ المزيد

كيف تقوم بعمل نوافذ منزلقة لمواقع التواصل الاجتماعي تظهر عند الاشارة اليها بالموس بطريقة جديدة؟

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

في البداية يجب ان يكون لديك صفحة علي فيسبوك و حساب علي تويتر و حساب تغذيات

اذهب الي لوحة تحكم بلوجر ثم الي التخطيط و اضف اداة جديدة html

HTML/JavaScript

ثم قم بنسخ الكود التالي :

استبدل الكلمات ذات هذا اللون بالمعطيات المطلوبة

كيف تحصل علي رابط صندوقك علي فيسبوك

تابعو معي بتدقيق ادخل علي الرابط التالي مطوري فيسبوك

.....الرابط هو النص ذو اللون الاصفر انسخة و اضفة للكون

قم بحفظ الاداءة و اعادة تحميل المدونة و استمتع بالاداة

لا ابيح نقل الموضوع دون ذكر المصدر

Unknown

6:53 ص

اقرأ المزيد

كيف تضيف تعليقات فيسبوك لمدونتك بسهولة جداً

كيف تضيف تعليقات فيسبوك لمدونتك بسهولة

طريقة جديدة و سهلة جداً لكيفية عمل صندوق تعليقات الفيس بوك لمدونتك علي منصة بلوجر ......
وجود صندوق التعليقات عبر فيس بوك يتيح لزوار مدونتك التواصل مع بعضهم البعض و ايضاً يتيح لمدير المدونة و المدون اجراء العديد و الاحصائيات كالمرحلة العمرية التي تتردد علي المدونة و غيرها من الاحصائيات التي لا يستطيع موقع بلوجر تقديمها اليك ...
الان ناتي للشرح تابعوا معي :
1- يجب عليك عمل تطبيق خاص بمدونتك علي فيس بوك
لعمل التطبيق ان لم تكن تمتلك واحداً انقر هنا

2- اخفاء صندوق تعليقات بلوجر القديم اذا لم تكن تريد الاحتفاظ بالاثنين معاً.
اذهب الي لوحة تحكم بلوجر , ثم الي الاعدادات ثم الي المشاركات و التعليقات .

3 - اخيرا اضافة صندوق التعليقات الجديد
اذهب الي لوحة تحكم بلوجر , ثم الي القالب , ثم الي تحرير html .

باستخدام ctrl+f . ابحث عن الكود

<b:skin><![CDATA[

و ضع الكود التالي قبلة مباشرتاً:

كما بالصورة:

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

<body>

ضع هذا الكود بعده مباشرتاً:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=149746665182728&xfbml=1"></script>.

لكن لاحظ معي هنا لم يظهر الوسم <body> في نتيجة البحث لاني قمت نتعديل بنيتة اثنا تصميمي للقالب فان لم تجدة عن طريق البحث مباشرتا ابحث عن body و حاول انت بنظرك ايجاد كود شبية لهاذا الكود حيث يبدا و ينتهي السطر بهذان<>.

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

<b:include data='post' name='comments'/>

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

<b:if cond='data:blog.pageType == "item"'>

<fb:comments expr:href='data:post.url' numposts='5' width='600'/>

</b:if>

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

كما بالصورة التالية

اخيراً ثمرة عملنا الطويل :

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

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

Unknown

10:58 ص

اقرأ المزيد

حصرياٌ كود لوضع اوسمة علي الصور تلقائيا من عنوان التدوينة

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

اليوم اتيت لكم باكواد لوضعها في مدونتكم لتقوم بعمل الاوسمة علي الصور تلقائياً

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

اذهب الي لوحة تحكم بلوجر > ثم الي القالب > ثم الي تحرير html

ابحث عن الوسم </body> عن طريق الضغط علي ctrl +f.

ضع الكود التالي قبلة مباشرتاُ:

//SEO SCRIPT POWERED BY www.alltechbuzz.in
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));

$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>>

قم بحفظ القالب
و ستجد اسم الصورة أي الوسم موجودا في كل التدوينات الجديدة تلقائيا.

Unknown

12:41 ص

اقرأ المزيد

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

ازرار مواقع التواصل الاجتماعي شبيهة بواجهة مترو

اذهب الى التخطيط >> اضافة اداة >> اختر HTML/JavaScript

</div>

<style>

/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs

Web link to gadget code: http://www.techprevue.com/2013/02/social-profile-gadget-metro-style.html

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}

</style>

<br>

Unknown

8:33 ص

اقرأ المزيد

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

اضافة رائعة لمدونتك ازرار تابعونا علي فيسبوك , rss , تويتر , delicious , youtube بشكل رائع سدادات تقفز من داخل سلة

الان ناتي للشرح

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

]]></b:skin>

2.ثم قم بلصق هذا الكود قبله :

.stack {
position: fixed;
bottom: -5px; right: 940px; }
.stack > img { position: relative;
cursor: pointer;
padding-top: 28px;
z-index: 2;
}
.stack ul { list-style: none;
position:absolute;
top: 5px;
cursor: pointer; z-index: 1;
}
.stack ul li { position: absolute;
}
.stack ul li img { border: 0;
}
.stack ul li span { display: none;
}
.stack .openStack li span { font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
display:block;
height: 0px;
position:absolute;
top: 17px;
right:60px;line-height: 14px;border: 0;background-color:transparent;padding: 0px 0px;
border-radius: 10px;-webkit-border-radius: 0px;
-moz-border-radius: 0px;color: #4F3939;text-align: center;
text-shadow: #000 1px 1px 1px;opacity: .85;filter: alpha(opacity = 85);
}/* IE Fixes */.stack { _position: absolute; }.stack ul { _z-index:-1; _top:-15px; }.stack ul li { *right:5px; }

يمكنك تبديل القياسات ذات اللون الأحمر لإختيار موضع الأداة في مدونتك .
3.انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي :

<div class="stack">
<img alt="stack" src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" ilo-full-src="http://nettuts.s3.amazonaws.com/082_leopard2/preview/images/stack.png" /><ul id="stack">

<li><a href="ضع رابط الفيس بوك هنا"><span></span><img alt="Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMnZZD0s4Yyh2ewrn3kVGR5Xk54ql6GH7FoelnpKWAKbXgOjuaTVBMkV4AqO_lAVKh-i3QpW08mZLKVgQSa2VfnBY-8Bm4MFMOMbF39kIKUZHlOcMehAi7sLW2XI0gMTLzwrJFAJppExo/s320/facebook.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMnZZD0s4Yyh2ewrn3kVGR5Xk54ql6GH7FoelnpKWAKbXgOjuaTVBMkV4AqO_lAVKh-i3QpW08mZLKVgQSa2VfnBY-8Bm4MFMOMbF39kIKUZHlOcMehAi7sLW2XI0gMTLzwrJFAJppExo/s320/facebook.png" /></a></li>

<li><a href="ضع رابط الفييد هنا "><span></span><img alt="RSS" src="http://www.trables.com/social_images/rss.png" ilo-full-src="http://www.trables.com/social_images/rss.png" /></a></li>

<li><a href="ضع رابط قناتك علي يوتيوب هنا"><span></span><img alt="youtube" src="https://easyjet.custhelp.com/euf/assets/images/youtube.png" ilo-full-src="https://easyjet.custhelp.com/euf/assets/images/youtube.png" /></a></li>

<li><a href="ضع رابط تويتر هنا"><span></span><img alt="technorati" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-eyZAuWRRgeNedaA4KpeTOn7xazT32Mu1E-MoVHAbt7FZNuu1xmm9GX1ky1HARVsxjrNFM1FHctabR12Wvi_VB60AclyrTABx0E-HaTMwPWtPfMDK9fTSw6onqdUPNC3DcHl-SiK9Ak/s320/twitter.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz-eyZAuWRRgeNedaA4KpeTOn7xazT32Mu1E-MoVHAbt7FZNuu1xmm9GX1ky1HARVsxjrNFM1FHctabR12Wvi_VB60AclyrTABx0E-HaTMwPWtPfMDK9fTSw6onqdUPNC3DcHl-SiK9Ak/s320/twitter.png" /></a></li>

<li><a href="رابط الدلسيوز هنا"><span></span><img alt="delicious" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeGOUBhyupVGw58jYetFQDMX0f53g23IPaP91LAvXQp2ae2-WVNngbaolwd0fIrrCT6AF6JHeK64lmjJ5mVjBS4zbn3LfljiwvouJcdSDvbP0VMAU_UEowUadg5qwk5FEbXdrNnkZ_77I/s320/delicious.png" ilo-full-src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeGOUBhyupVGw58jYetFQDMX0f53g23IPaP91LAvXQp2ae2-WVNngbaolwd0fIrrCT6AF6JHeK64lmjJ5mVjBS4zbn3LfljiwvouJcdSDvbP0VMAU_UEowUadg5qwk5FEbXdrNnkZ_77I/s320/delicious.png" /></a></li></ul></div>

<script src="https://sites.google.com/site/mohamedabuiyad/button/jquery.min.js" type="text/javascript"></script><script src="https://sites.google.com/site/mohamedabuiyad/button/fisheye-iutil.min.js" type="text/javascript"></script>

<span ><a href="http://www.monte-escalier-prix.org/" target="_blank"></a></span>

لا تنسى تبديل الروابط ذات اللون الأحمر بالروابط الخاصة بك .
1.رابط صفحة الفيسبوك لديك
2.رابط الخلاصات RSS
3.رابط قناتك الخاصة على التويتر
4.رابط التويتر
5.رابط الدلسيوز
ليس شرطا أن تكون لديك جميع هذه الروابط حتى تقوم بإضافتها ،يمكنك التحكم في عدد الأزرار

Unknown

2:09 ص

اقرأ المزيد

اضافة ادوات في الهيدر

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

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

ثم اطغط علي الزر ctrl+f

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

header

ستجده في هذا الكود

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

كل ما عليك هو تغيير الرقم 1 باللون الازرق إلي 2 أو 3 علي حسب عداد الادوات التي تريد إضافتها
كم في الصوره
وهنا تم اضافة الاداة يمكنك الان اضافة ماتريد في الهيدر بطريقه سهله واكثر احترافية بدون اي اخطأ

Unknown

3:15 ص

اقرأ المزيد