الخميس، 18 أبريل 2013

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

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

الارشفة ...الارشفة هي من اكبر المشاكل التي تعترض مشوارنا على بلوغر فكثير ما نجد اكواد لصداقة محركات البحث و..و..و.. لكن دائما يكون مفعولها ضعيفا جدا هذا اذا كان لديها مفعول أصلا لكن اليوم تغير الحال مع هذا الكود لست انا من يقول هذا بل كل من جرب هذا الكود لاحظ تقدما مفاجئا في في نتائج مدونته سواءا على مستوى غوغل او على اليكسا الكود وجدته على موقع اجنبي ولكني لم أره على اي موقع عربي داعم للمنصة يعني اعتقد انه حصري لبلوجر بالعربي
لن اطيل عليكم احبائي كل ماعليكم هو البحث عن هذا الكود بعد حفظ و توسيع القالب
كود بلغة 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>



ملاحظة:

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


تابع القراءة Résuméabuiyad

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

0 التعليقات

نذهب الى قالب > تحرير 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/AVvXsEjKwJtoweMNu4s-NS6UlJwKCJKQXMEqdRUrOv5whrM9ktThyNSIKPpMRJOm41_hZZcRTZjPwb8W8UBHNyrZXnT0KcMf2HS1070VvtCkEvJJeWnPR27T2AltkIrjU9UmmlQbKruL4n00bBsT/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 برابط صفحتك على الفيس بوك.


تابع القراءة Résuméabuiyad

إضافة أزرار "Like" و "Send" من الفيسبوك لمدونة البلوجر blogger

0 التعليقات

اضافة أزرار الاعجاب من الفايسبوك
قالب > تحرير HTML > توسيع القالب > البحث عن الكود التالي
<data:post.body/>

ستجد أن الكود مكرر المقصود هو الثاني
اذا رغبت أن تظهر الأزرار في بداية التدوينة فأضف الكود التالي قبل الوسم السابق، أما
اذا أردتها في آخر التدوينة فأضفه بعده
كود:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:like colorscheme='light' action='like' layout='standard' expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/></b:if>

لتخصيص الأزرار نقوم بعمل الآتي:
-light هو لون الزر الفاتح يمكنك استبداله بآخر داخر بتغييره الى dark
-standard هو شكل زر Like يمكنك تغييره بآخر من الأشكال التالية

standard

button_count

box_count


يمكنك استبدال اسم الشكل بالذي تريده
تابع القراءة Résuméabuiyad

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

0 التعليقات

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

للإضافة هذه الأداة اتبع الخطوات التالية:
في لوحة تحكم المدونة توجه الى التخطيط > إضافة أداة > 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/AVvXsEgeCQ3zJ7z12JGugXkl21gJwo6tGgunzNVXSZknqRUj69_8nlzSJGcZorrQ-KlnQUY5Z_4Vg3btwTc5SIKfPSnczruPUHOrUXbjlWqCgtrPCF7L8YkMaAZQhkcUITD2g2adoC5hQbszVSCh/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/AVvXsEiIONnVxw85ptL6ia27xyjaTpwllXoHDb91vKm_YRU0bim6dXbuLNYh71fFQk5zKCNA3-n8zwpmauK2zqPcH4AUnlFQEeJ1Bbo8r79qsBGDoM8ZNBQRGOg426VWh9BExstJ1rnc-P93HSPt/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/AVvXsEjHcF5WOu3QsCcjy_8AdsRr1UvkjO8b9vq7i9mmmXraBoEoE5UZyo-pZsA70AdHy4dW1v9kJThVW3Nq4P6qF7adnTv9HPQk0SHN1DDNRHFiwP2OW3Wi7hVBS2Ai3MklgMic46ykQ38ig8D6/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/AVvXsEi3Imvfliewt7lH4upx8VFhr9CjZrqTRGfJrlbFsIjWSfWSHWg9uUOnMOyjywOTaZJIekqpxQHUEtpet_YichCEygj7FXwJmAv2ZMtnzsuH5KM6r-FYxO4ANzTfN_NdbrAK6ckFoL7WiIho/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/AVvXsEilieAVV0kl6jeZWAyUy9LOPxcDKigbR-RBIhqn7FAtFP71OdTx-vzFiesPYeV78AY2WPOrscXncP1tz_z-StJ8pcdXfuOFteaCz3sNeqqYfbhA8de7Kp9PUh3dMI-XwKk6NrKpXSzXpy7e/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);
}

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



تابع القراءة Résuméabuiyad

الاثنين، 15 أبريل 2013

شرح تركيب قالب لمدونة البلوجر احترافي blogger

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




اهداء لأخ 
Karime Elmers
تابع القراءة Résuméabuiyad

البرامج المهمة

التسميات


جمسع الحقوق محفوضة لموقع نجوم الضحك Starfunny.com ©2010-2013 | جميع المواد الواردة في هذا الموقع حقوقها محفوظة لدى ناشريها ، نقل بدون تصريح ممنوع . Privacy-Policy| اتفاقية الاستخدام|تصميم : ألوان بلوجر