اضافة شريط الاشتراك باليوتيوب الى مدونة بلوجر

اضافة شريط الاشتراك باليوتيوب الى مدونة بلوجر

اضافة شريط الاشتراك باليوتيوب الى مدونة بلوجر

لإضافتها اتبع الخطوات التالية :

1- اذهب الى لوحة التحكم تم اضغط على تخطيط

2- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

الكوووود:

<div class="simoelmaachi" style="clear: both; text-align: center;">
<a href="http://www.youtube.com/subscription_center?add_user=drek7the" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSrkAAjJ2WNW5gXlGtOao6TaeC8b2uFnZofzBYAiV6TWqVtEyslPM1QimW8wKwgLLlxWuStpuPriuns6emuOX3vHTunXPMJRX8J5_1FkHEwMoEMXSTZJzjnwHvwiNITFRqqdAy2grbTIQG/s1600/fvgv.png" /></a></div>

تغييرdrek7the باسم قناتك

كيفية تغيير الخط في مدونة البلوجر إلي خط رائع وجذاب

youtube

Amiri

Droid Arabic Kufi

Droid Arabic Naskh

Lateef

Scheherazade

Thabit

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

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

لتركيب الكود

من تحرير القالب نبحث عن

كود بلغة HTML:

       <head>

نحدف جميع الاكواد الموجودة أسفله حتى تصل للكود <b:skin>
وضع الكود التالي مياشرة بينهما و غير ما هو مشار إليه باللغة العربية

كود بلغة 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='2014' 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>

أنهي معكم هذه التدوينة انتضرو جديد تدويناتي

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

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

موضوع جديد في المدونة سيظهر في الشريط مباشرة.

والميزة الثانية لهذه الاضافة هو التحكم الكامل فيها من حيث عدد

المواضيع التي تظهر فيها بالاضافة إلى لون الخط و أشياء كثيرة أخرى.

لإضافة هاته الميزة ما عليك إلا الذهاب إلى لوحة تحكم مدونتك والضغط على التخطيط ثم إضافة أداة ، ثم الضغط على HTML/JavaScript، وقم بلصق هذا الكود في المربع مع تغيير الرابط باللون الأحمر إلى رابط مدونتك وقم بالحفظ ومبروك عليك الإضافة.

شكرا على الاضافة
لكن لتعمل الاضافة يجب تغير
http://www.drek7.blogspot.com
برابط مدونتك

اولا توجه الى هذا الموقع
اضغط على Sign up

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

ثم اضغط على الشبكة الاجتماعية التي تريد و فعل التطبيق
و شكرا

إضافة آخر المواضيع المتحركة مع الصور إضافة جميلة لكل المطورين و المدونين ، حيث ان هذه الإضافة تعرض عدد من المواضيع التي تحددها أنت و تتحكم فيها ، كما تتيح لك التحكم في سرعة حركة المواضيع كما أنها لا تأخذ حيزا كبيرا من تنسيق مدونتك ، و تضيف إليها جمالية كبيرة تتير انتباه متابعيك.

لإضافتها اتبع الخطوات التالية :

1- اذهب الى لوحة التحكم تم اضغط على تخطيط

2- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

<script type="text/javascript">
jQuery.noConflict();
</script>
<style>img.recent_thumb {padding:1px;width:55px;height:55px;border:0;float :left;margin:0 0 5px 10px;}.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}.recent_posts_with_thumbs a {text-decoration:none;}.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://glitter-text.googlecode.com/files/recentpostticker.js"></script>
<script src="http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js"></script>
<script>
var numposts = 15;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
jQuery(document).ready(function($) {$('#sai').vTicker({
speed: 500,
pause: 3000,
showItems: 7,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'down'
});});
</script>
<br />
<div id="sai">
<script src="http://th3xd.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs"></script>
</div>
<a href="http://th3xd.blogspot.com" target="_blank"> <span style="font-size: xx-small;">Get it here </span></a><br/>

3- الأن قم بتغير :
paus
http://drek7.blogspot.com/ إلى برابط مدونتك

var numposts = 15; إلى عدد المواضيع

- : showItems: 7, إلى عدد المواضيع المعروضة

speed: 500, إلى سرعة حركة المواضيع
pause: 3000

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

فى البداية أتمنى أن تكونوا بأفضل حال جميعاً اقدم لكم فى هذة التدوينة البسيطة كود إضافة لأزرار المشاركة بشكل إحترافى وجزاب بتقنية الـ css3 وبتقنية الجى كويرى .

والآن مع شرح التركيب وهى سهلة جداً

لتركيب الجزء الخاص بالـ css إبحث عن الكود التالى

كود PHP:

  ]]></b:skin>

وضع قبلة مباشرة الكود التالى

كود PHP:

  div.shr-bookmarks{margin:20px 0  8px;clear:both !important;display:block  !important}div.shr-bookmarks  ul.shr-socials{width:100%  !important;margin:0 !important;padding:0  !important;float:left  !important}div.shr-bookmarks  ul.shr-socials{background:transparent none  !important;border:0 none  !important;outline:0 none  !important}div.shr-bookmarks ul.shr-socials  li{display:inline  !important;float:left !important;list-style-type:none   !important;padding:0 !important;height:29px !important;width:60px   !important;cursor:pointer !important;margin:3px 0 0   !important;background-color:transparent !important;border:0 none   !important;outline:0 none !important;clear:none   !important}div.shr-bookmarks ul.shr-socials li:before,div.shr-bookmarks   ul.shr-socials li:after,div.shr-bookmarks ul.shr-socials li   a:before,div.shr-bookmarks ul.shr-socials li a:after{content:''   !important;}div.shr-bookmarks ul.shr-socials a,div.shr-bookmarks   ul.shr-socials a:hover{display:block !important;width:60px   !important;height:29px !important;text-indent:-9999px   !important;background-color:transparent !important;text-decoration:none   !important;border:0 none !important}div.shr-bookmarks ul.shr-socials   a:hover,div.shr-bookmarks ul.shr-socials   li:hover{background-color:transparent !important;border:0 none   !important;outline:0 none !important}.shareaholic-show-on-load{display:   block !important;}div.shr-bookmarks div.shr-getshr{line-height:20px   !important;padding-left:8px !important;float:left   !important;}div.shr-bookmarks div.shr-getshr a{width:auto   !important;font-size:10px !important; text-indent:0px   !important;text-decoration:none !important;}div.shr-count{font:12px   bold,arial !important;position: relative   !important;}div.shr-count-outline{position: absolute !important;color:   white !important;}div.shr-count-center{position: absolute   !important;color: blue !important;}li.shr-2{background-position:-120px   bottom !important}li.shr-2:hover{background-position:-120px top   !important}li.shr-3{background-position:-180px bottom   !important}li.shr-3:hover{background-position:-180px top   !important}li.shr-5{background-position:-300px bottom   !important}li.shr-5:hover{background-position:-300px top   !important}li.shr-7{background-position:-420px bottom   !important}li.shr-7:hover{background-position:-420px top   !important}li.shr-10{background-position:-600px bottom   !important}li.shr-10:hover{background-position:-600px top   !important}li.shr-38{background-position:-2280px bottom   !important}li.shr-38:hover{background-position:-2280px top   !important}li.shr-40{background-position:-2400px bottom   !important}li.shr-40:hover{background-position:-2400px top   !important}li.shr-43{background-position:-2580px bottom   !important}li.shr-43:hover{background-position:-2580px top   !important}li.shr-52{background-position:-3120px bottom   !important}li.shr-52:hover{background-position:-3120px top   !important}li.shr-74{background-position:-4440px bottom   !important}li.shr-74:hover{background-position:-4440px top   !important}li.shr-88{background-position:-5280px bottom   !important}li.shr-88:hover{background-position:-5280px top   !important}li.shr-106{background-position:-6360px bottom   !important}li.shr-106:hover{background-position:-6360px top   !important}li.shr-201{background-position:-12060px bottom   !important}li.shr-201:hover{background-position:-12060px top   !important}li.shr-219{background-position:-13140px bottom   !important}li.shr-219:hover{background-position:-13140px top !important}

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

كود PHP:

  <div class='post-footer'>

ملحوظة : إن لم يعمل معك الكود الأول جرب الثانى لانها تختلف فى بعض القوالب

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

كود PHP:

 <b:if cond='data:blog.pageType == "item"'> <div class='shr_class shareaholic-show-on-load'> </div> <script type='text/javascript'> var SHRSB_Settings = {"shr_class" :{"src":"http://www.shareaholic.com/media/ css/styles/sb","link":"" ,&88,74,10,106,45,40,210,78,39","apikey":"6ffe2cbf1 quot;service":"5,7,2,38,3,219,43,52,201, 42c45bd4cd03b01ec46b8658","localize" :true,"shortener":"google","; ,"designer_toolTips" :true,"twitter_template":"Some fancy post title - http://goo.gl/dbqlx via @mdwan-blogger"}}; </script> <script type='text/javascript'> (function() { var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true; sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-sb.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s); })(); </script><a href='http://www.spiceupyourblog.com/' target='_blank'>Blogger Social Bookmark Gadget</a></b:if>

ملاحظات هامة

الإسم المحدد باللون الأحمر هو إسم الحساب على تويتر غيرة بإسم حسابك إذا كان ليس لديك حساب اتركة فارغاً

حلقة حصرية عن إنشاء دومين و ربطه بمدونة بلوجر

رابط الدومين

domaine

.

7887

!

سجل بريدك الإلكتروني وتوصل بمواضيعنا :

ماوس

تعديل

الأربعاء، 13 نوفمبر 2013