Affichage des articles dont le libellé est اضافات. Afficher tous les articles
Affichage des articles dont le libellé est اضافات. Afficher tous les articles

jeudi 18 avril 2013

إجعل ارشفة مدونتك قوية جدا بواسطة هذا الكود meta blogger

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

الارشفة ...الارشفة هي من اكبر المشاكل التي تعترض مشوارنا على بلوغر فكثير ما نجد اكواد لصداقة محركات البحث و..و..و.. لكن دائما يكون مفعولها ضعيفا جدا هذا اذا كان لديها مفعول أصلا لكن اليوم تغير الحال مع هذا الكود لست انا من يقول هذا بل كل من جرب هذا الكود لاحظ تقدما مفاجئا في في نتائج مدونته سواءا على مستوى غوغل او على اليكسا الكود وجدته على موقع اجنبي ولكني لم أره على اي موقع عربي داعم للمنصة يعني اعتقد انه حصري لبلوجر بالعربي
لن اطيل عليكم احبائي كل ماعليكم هو البحث عن هذا الكود بعد حفظ و توسيع القالب
كود بلغة HTML:
<head>
وضع بعده مباشرة هذا الكود مع استبدال الكلمات في الكود بمعلومات مدونتك


كود بلغة HTML:
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>اسم مدونتك</title>
<meta content='وصف مدونتك' name='description'/>
<meta content='ضع هنا كلماتك المفتاحية ' name='keywords'/>
<meta content='اسمك' name='author'/>
<meta content='ar' name='language'/>
<meta content='بلدك' name='country'/>
<meta content='2011' name='copyright'/>
<meta content='index,follow,all' name='robots'/>
<meta content='blogger' name='generator'/>
<meta content='index, follow, ydir, odp, imageindex' name='googlebot'/>
<meta content='index, follow, ydir, odp, archive' name='slurp'/>
<meta content='2 hours' name='revisit-after'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + data:blog.title' name='Keywords'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
<meta expr:content='data:blog.pageName + &quot; by &quot; + data:blog.title' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='author'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='ROBOTS'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='generator'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='googlebot'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='slurp'/>
</b:if>
<b:skin>



ملاحظة:

يجب عليك حذف أي كود له خاص بالارشفة حتى لايحدث اي خلل و لن اتحمل انا او المنتدى اي سوء استخدام الكود شغال وانا مركبه في مدونتي 


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


نذهب الى قالب > تحرير HTML > توسيع القالب > البحث عن الوسم التالي
كود:
 </head>
ثم قبله مباشرة أضف الكود التالي:

كود:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
ثانيا: توجه الى تخطيط إضافة أداة > HTML/JavaScript

كود:
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".w2bslikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.w2bslikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyI14YbTRoR8-WsfdRvKOIEybejzKomrfxxlNIfrzoXATIttyl6l3YVR0O-qXCZfv70fYxsKfqkcHr_1EGK6BqfnTkJ_KVEDPYdFN6pkPEkKl9WI2pzexwyEZ0TEU1XYXeMbQChyphenhyphenXtD6jK/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div class="w2bslikebox" style=""><div><iframe src="http://www.facebook.com/plugins/likebox.php?href=*Your_Page_URL&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe></div></div>
استبدل Your_Page_URL برابط صفحتك على الفيس بوك.


إضافة أزرار المواقع الاجتماعية


هذه الأداة تظهر أزرار المواقع الاجتماعية عائمة في صفحة مدونتك بتاثيرات جميلة عند التأشير

للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > HTML/JavaScript
ثم ضع هدا الكود
كود:
<div class="flt-wdt">

<style>#floatingbookmarks {
right:25px;
top:40px;
margin-top:10px;
position:fixed;
width:40px;
}

#floatingbookmarks .float {margin:7px}
.FBConnectButton_Text
{
font-size: 8px;
padding:2px 4px 3px !important;
}
</style>

<b:if cond='data:blog.pagetype == &quot;item&quot;'>
<div id='floatingbookmarks'>

<a style="text-decoration:none;" href="http://www.facebook.com/YourLink" rel="nofollow" onclick="window.open('http://www.facebook.com/YourLink');return false;" title="تابعيني عبر الفايسبوك "> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر الفايسبوك" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-p5efXvgffl1MlutKiPxAHkhePOwRvh2lZ9S-z2_NJp-LG_u5-m-oyQBHkK_gIVHCD6H0cmUqw0FqNHVdMMVwvK8Zz1hoGsNJVXW-ZdkYB8DfVDMAx-2twkFeneao9wrLFF6vX9ujxr2F/s1600/facebook.png" name="Facebook"/> </a>

<a style="text-decoration:none;" href="https://twitter.com/YourLink" rel="nofollow" rel="nofollow" target="_Blank" rel="nofollow" onclick=" window.open('https://twitter.com/YourLink'); return false;" title="تابعني على توتير"> <img border="0" id="Twitter" style="padding-bottom:1px;" alt="تابعني عبر تويتر" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCARBXrOzMK7Os2DwJ9n0oO8tpO5BXp2r8x3AIaYkcqM7T5GjO6oWrOlf1GxhEA_adchvArFTIa7PFT5pq1_TPuYCSuTRspyWOt94lD-i31rZbegeNIZ99rExmpWq-thyphenhyphen45lUwrvEbyYsb/s1600/twitter.png" name="Twitter"/> </a>

<a style="text-decoration:none;" href="http://YourLink/feeds/posts/default" rel="nofollow" onclick="window.open('http://YourLink/feeds/posts/default');return false;" title="تابعني عبر خلاصات المدونة"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8sGHURMNxE3mIFbPnt4L7KICQI0NdPwdwOP-8CbbbXtDRcG_3ls3np6tSNjIPceWg6FhQEoplM4i0pbVSLvelimtrqwayjTlK3KcXjDHhIPcdwrDzzTyc40W-3FSPy-65fvD-CFulyD4h/s1600/rss.png" name="RSS"/> </a>

<a style="text-decoration:none;" href="https://plus.google.com/YourLink" rel="nofollow" onclick="window.open('https://plus.google.com/YourLink');return false;" title="تابعني عبر جوجل +"> <img border="0" id="Facebook" style="padding-bottom:1px;" alt="تابعني عبر جوجل +" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidh_z4Td2xVzqpIWGC1Zty-uHD0gP8FLVG3ubts0cPvnFK5jbYKKRony0hgRGbdr-b94OXUV7XdGicIYcO_glczA-Y5AzusY1S5rV78JyUNq-oGtQPpYQ406F9hAiZOEHAYaBhu_kJMH8x/s1600/google.png" name="Google +"/> </a>

<a href="javascript:window.external.AddFavorite('http://YourLink/', 'اسم المدونة');" title=" أضف المدونة لمفضلتك"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOFKEJl1GHp2OwM3brat_Y__1MeYuRfFDl1k8MgM4_8YplBNgng5IedLDZ8lfwbLEhDQ2fW2pbiBetW_lFNVhPLjPujt353hxq3DaQt6a7chXaLtjQNX8dHqDIDtje9XJGeaQaZgJdikEQ/s1600/favorite.png" /></a>

</div>
</b:if>
</div>

لا تنسى تغغير الروابط التي باللون الأحمر الى الحسابات الخاصة بك

بعد ذلك توجه الى قالب > تحرير HTML و ابحث عن

كود:
 ]]></b:skin>

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

كود:
.flt-wdt{
position:fixed; right:10px; top:40%;
}
.flt-wdt img{
float:right;
clear:right;
margin:5px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}

قم بحفظ التغييرات على قالبك
واستمتع بأزرار المواقع الإجتماعية على مدونتك