1
تحميل قالب Blogger Games



تحميل قالب Blogger Games المعرب لمدونات ألعاب الفلاش على بلوجر

قالب Blogger Games المعرب للبلوجر : قالب أبيض وأزرق احترافي لمدونات ألعاب الفلاش بعمود للإضافات على اليمين وبثلاثة أعمدة فوتر.

تعديلات ضرورية :

لإضافة ألعاب فلاش جديدة على بلوجر :

اذهب إلى تحرير رسالة جديدة ثم تحرير HTML والصق الكود التالي مع تغيير ما يلزم تغييره :

السلام عليكم ورحمة الله تعالى وبركاته في الدرسين السابقين تحدثنا عن كيفية إنشاء مدونة بلوجر ووردبريس أنا في هذا الدرس فسنتحدث عن الفرق بين هاتين المنصتين الرائدتين في مجالهما وذلك لنختصر الطريق على اللذين يريدون إنشاء مدونات ولايعرف ماذا يختار ففي هذا الموضوع سنقوم بوضع أهم الخصائص التي تمتاز بها هاتين المنصتين وأتمنى أنك بعد قراءتك لهذا الموضوع أن تحدد على أي منصة ستشتغل 1_مصممون قليلون يتيحون قوالب مجانية والغالبية يقدمون خدماتهم بمقابل مادي 2_تستخدم أنواع متقدمة من سكربت مثل PHP والتي لايقوى على إستيعابها سوى المتخصصين 3_واجهتها معقدة نوعا ما وتحتاج لوقت حتى تألفها 4_تتضمن أكتر من 70 قالبا 5_الإضافات عدد رسمي محدود وعدد نادر من الغير الرسمية 6_1-يمكن تعديل التعليقات ذاتها.2-وقاية جيدة من تعليقات السبام.3-واجهة جيدة لنمودج التعليق 7_حدود تخزين الصور 3 جيجا 8_أنواع الملفات القابلة للرفع odt .pdf. ppt .doc بالإضافة لملفات الصور 9_إستيراد المدونة متاح من أي مصدر آخر ك BLOGGER ,TYPEPAD , LIVEJOURNAL 1_عدد لايحصى من القوالب المجانية على مئات المعارض على الأنترنيت 2_لغة التكويد المستخدمة هي HTML و CSS و XML وهي سهلة الإستيعاب حتى لغير المتخصصين 3_ملائمة للمستخدم العادي وسهلة التنقل بين أقسامها 4_عددها محدود وغير إحترافية المظهر 5_عدد ضخم منها سواء رسمية أو غير رسمية 6_1-لايمكن تعديل التعليقات ذاتها.2-الوقاية من تعليقات السبام ضعيفة.3-نموذج التعليق سيء المظهر 7_ 1 جيجا مع خدمة PICASA 8_الصور فقط 9_فقط متاح من مدونة BLOGSPOT أخرى

المصدر: http://arabs-c.blogspot.com/2012/07/blog-post_9989.html

1
إضافة أزرار التنقل لصفحات بلوجر

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


قم بالبحث عن الكود التالي :

<div class='blog-pager' id='blog-pager'>
ثم قم بلصق هذا الكود بعده مباشرة :

<span id='blog-pager-top-link'>
      <a class='blog-pager-top-link' href='#' title='إلى الأعلى'>إلى الأعلى</a>
      </span>

      <span id='blog-pager-bottom-link'>
      <a class='blog-pager-bottom-link' href='#bottom' title='إلى الأسفل'>إلى الأسفل</a>
      </span>
الآن إبحث عن الوسم :
</body>
ثم قم بلضق هذا الكود قبله :
<a name='bottom'/>
وأخيرا قم بالبحث عن الوسم :
]]></b:skin>
وضع الكود التالي قبله :

#blog-pager {
  position: fixed;
  bottom: 10px;
  right: 50px;
  width: 120px;
  height: 120px;
  display: block;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ccc;
  -moz-box-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 1px 1px 3px #666666;
  box-shadow: 1px 1px 3px #666666;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  z-index: 9;
}
#blog-pager  a {
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-indent: -99999px;
  position: absolute;
  padding: 5px;
}
a.blog-pager-top-link {
  background: url(https://lh5.googleusercontent.com/-hSHWhg9kGg0/T2MugFnRreI/AAAAAAAAHw8/Htfa78EMsoQ/s30/arrow_up2.png) no-repeat center center;
  top: 0px;
  left: 40px;
}
a.blog-pager-bottom-link {
  background: url(https://lh6.googleusercontent.com/-YBE6uU6Hs9A/T2Muc7lPfII/AAAAAAAAHw8/MEwsNC6GORY/s30/arrow_down2.png) no-repeat center center;
  top: 80px;
  left: 40px;
}
a.blog-pager-newer-link {
  background: url(https://lh3.googleusercontent.com/-x2iM_Ehd97o/T2Muc2KIN9I/AAAAAAAAHw8/NsKA5zQvepo/s30/arrow_left2.png) no-repeat center center;
  top: 40px;
  left: 0px;
}
a.blog-pager-older-link {  
  background: url(https://lh4.googleusercontent.com/-yHMoNLjW5Eg/T2MudH-o1FI/AAAAAAAAHw8/kmXGiY_ztZI/s30/arrow_right2.png) no-repeat center center;
  top: 40px;
  left: 80px;
}
a.home-link {
  background: url(https://lh4.googleusercontent.com/-Ud-NZ0D_WgI/T2MvUcqLnXI/AAAAAAAAHw8/5aeH4DguMgc/s30/home.png) no-repeat center center;
  top: 40px;
  left: 40px;
}
.blog-mobile-link {
  display: none;
}
ثم قم بحفظ القالب

0
اضافة زر الصعود السلس نحو الأعلى

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

  إن أهم ما في هذه الإضافة أنها تظهر بعد عدة سطور أسفل الصفحة وتختفي في كل مرة يصعد الزائر ويقارب سطح المدونة - إن صح التعبير - وكذلك عند الضغط على الزر للصعود ترتفع الصفحة بسلاسة كأنك تستمل المصعد، إنها حقا جديرة بالإضافة !
    إذا اقتنعت بإضافتها بعد هذا العرض المفصل والكلمات المغرية ( رائعة، جميلة، مهمة، جيدة...) فاتبع الخطوات الآتية.

تركيب الإضافة :

  1. لوحة التحكم >عناصر الصفحة > إضافة أداة HTML/JavaScript
  2. قم بلصق الكود التالي :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Modified by www.m5tar.blogspot.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
    //startline: Integer. Number of pixels from top of doc scrollbar is scrolled before showing control
    //scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to scroll document up when control is clicked on (0=top).
    setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
    controlHTML: '<img src="رابط الصورة" />', //HTML for control, which is auto wrapped in DIV w/ ID="topcontrol"
    controlattrs: {offsetx:5, offsety:5}, //offset of control relative to right/ bottom of window corner
    anchorkeyword: '#top', //Enter href value of HTML anchors on the page that should also act as "Scroll Up" links
    state: {isvisible:false, shouldvisible:false},
    scrollup:function(){
        if (!this.cssfixedsupport) //if control is positioned using JavaScript
            this.$control.css({opacity:0}) //hide control immediately after clicking it
        var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
        if (typeof dest=="string" && jQuery('#'+dest).length==1) //check element set by string exists
            dest=jQuery('#'+dest).offset().top
        else
            dest=0
        this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
    },
    keepfixed:function(){
        var $window=jQuery(window)
        var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
        var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
        this.$control.css({left:controlx+'px', top:controly+'px'})
    },
    togglecontrol:function(){
        var scrolltop=jQuery(window).scrollTop()
        if (!this.cssfixedsupport)
            this.keepfixed()
        this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
        if (this.state.shouldvisible && !this.state.isvisible){
            this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
            this.state.isvisible=true
        }
        else if (this.state.shouldvisible==false && this.state.isvisible){
            this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
            this.state.isvisible=false
        }
    },
   
    init:function(){
        jQuery(document).ready(function($){
            var mainobj=scrolltotop
            var iebrws=document.all
            mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not IE or IE7+ browsers in standards mode
            mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
            mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
                .css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
                .attr({title:'إصعد إلى الأعلى !'})
                .click(function(){mainobj.scrollup(); return false})
                .appendTo('body')
            if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='') //loose check for IE6 and below, plus whether control contains any text
                mainobj.$control.css({width:mainobj.$control.width()}) //IE6- seems to require an explicit width on a DIV containing text
            mainobj.togglecontrol()
            $('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
                mainobj.scrollup()
                return false
            })
            $(window).bind('scroll resize', function(e){
                mainobj.togglecontrol()
            })
        })
    }
}
scrolltotop.init()
</script>

تخصيص الإضافة :
  أقترح عليك اختيار أيقونة من بين الأيقوانات التالية :

 وبالطبع فاللون الأصلي هو البرتقالي لكن الألوان الأخرى فهي ناتجة عن تعديل الأيقونة الأصلية. فـبـإمكانك الآن اختيار إحدى الأزرار أعلاه أو البحث عن أزرار أخرى وتعديل رابط الصورة  بالأيقونة التي أعحبتك !
   كما بإمكانك تغيير العنوان إصعد إلى الأعلى ! كيفما تشاء !
أما 100 فهي تشير إلى عدد الأسطر نحو السطح التي تظهر بعدها الإضافة.


إن اصبت فمن الله وإن أخطأت فمني ومن الشيطان .

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

1
شرح الحصول على زوار من موقع الفيسبوك لموقعك أو مدونتك

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

1. إضافة العديد من الأصدقاء في فيسبوك :

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

2. إربط صفحتك في فيسبوك بموقع تويتر :
وكما نعلم أن موقع التغريد تويتر هو مفضلة التدوين المصغر , وتستطيع أن تتصل بحسابك في موقع فيسبوك بموقع تويتر من أجل إنتاج أحسن وأفضل حيث عند تحديث حسابك في فيسبوك أو تويتر سيظهر التحديث تلقائيا في فيسبوك وتويتر ولكي تفعل هذه الخطوة أتبع الآتي
  • ادخل الى حسابك في فيسبوك .
  • ادخل الى هذا اللينك :  http://apps.facebook.com/twitter
  •  إضغط على السماح بالدخول
  • إضغط بعد ذلك على " Allow " 
  • الآن ادخل الى حسابك في تويتر وقم بعمل سماح لربط حسابك في تويتر بفيسبوك
  • الحمد لله
3. قم بعمل إستيراد لمحتوى مدونتك :  
 إضافة مهمة حيث ستتمكن من إضافة جميع مواضيع موقعك او مدونتك تلقائيا في حسابك في فيسبوك عن طريق إنشاء صفحة ووضع رابط خلاصات موقعك أو مدونتك في هذه الصفحة التي أنشأتها .
4. إستخدم صفحة المعجبين بموقعك أو مدونتك في فيسبوك :
أنصح كل صاحب موقع أو مدون باستخدامه فهو يفيد كثيرا في جلب الزوار وهذه الإضافة عن تجربة وقد أزلته من مدونتي هنا مدونة عرب ماستر لأنني بصدد تحديث حسابي في فيسبوك . ولإنشاء هذه الصفحة الخاصة بموقعك ادخل الى هذا الرابط

5. إستخدام إضافة " Facebook share button " :
ولإضافتها أولا ابحث عن هذا الكود
<div class='post-header-line-1'/>
ثم أضف بعده هذا الكود مباشرة
<b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</span></b:if>
تم بحمد الله ..

1
شرح الحصول على زوار من موقع الفيسبوك لموقعك أو مدونتك

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

1. إضافة العديد من الأصدقاء في فيسبوك :

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

2. إربط صفحتك في فيسبوك بموقع تويتر :
وكما نعلم أن موقع التغريد تويتر هو مفضلة التدوين المصغر , وتستطيع أن تتصل بحسابك في موقع فيسبوك بموقع تويتر من أجل إنتاج أحسن وأفضل حيث عند تحديث حسابك في فيسبوك أو تويتر سيظهر التحديث تلقائيا في فيسبوك وتويتر ولكي تفعل هذه الخطوة أتبع الآتي
  • ادخل الى حسابك في فيسبوك .
  • ادخل الى هذا اللينك :  http://apps.facebook.com/twitter
  •  إضغط على السماح بالدخول
  • إضغط بعد ذلك على " Allow " 
  • الآن ادخل الى حسابك في تويتر وقم بعمل سماح لربط حسابك في تويتر بفيسبوك
  • الحمد لله
3. قم بعمل إستيراد لمحتوى مدونتك :  
 إضافة مهمة حيث ستتمكن من إضافة جميع مواضيع موقعك او مدونتك تلقائيا في حسابك في فيسبوك عن طريق إنشاء صفحة ووضع رابط خلاصات موقعك أو مدونتك في هذه الصفحة التي أنشأتها .
4. إستخدم صفحة المعجبين بموقعك أو مدونتك في فيسبوك :
أنصح كل صاحب موقع أو مدون باستخدامه فهو يفيد كثيرا في جلب الزوار وهذه الإضافة عن تجربة وقد أزلته من مدونتي هنا مدونة عرب ماستر لأنني بصدد تحديث حسابي في فيسبوك . ولإنشاء هذه الصفحة الخاصة بموقعك ادخل الى هذا الرابط

5. إستخدام إضافة " Facebook share button " :
ولإضافتها أولا ابحث عن هذا الكود
<div class='post-header-line-1'/>
ثم أضف بعده هذا الكود مباشرة
<b:if cond='data:blog.pageType == &quot;item&quot;'><span style="text-align: right;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

</span></b:if>
تم بحمد الله ..

0
[ للمبتدئين ] نصائح مهمة لجلب الزوار لمدونتك أو موقعك

 أحدثك أخي الحبيب وقد أنشأت مدونتك لرغبة في نفسك فمنا من أنشأها شيقة منوعة مفيدة مثلي في عرب ماستر ومنا من أنشأها لغرض آخر , المهم إن المدونة قد أنشأت وبدأنا في نشر المواضيع ومنها ما هو حصري ومنها ما قو منقول أو منقيل على رأي أخي عبدالرحمن إسحاق , المهم كل شيئ على ما يرام من إنشاء المدونة ونشر المواضيع , ولكن لحظة أين هم القراء الذين سيقرأون مواضيعك , نحن نعلم جميعا أنه لكي نحصل على أي فرصة من النجاح لابد أن نحصل على عدد ليس بقليل من الزوار , ولعلي اقولها أن الزوار هم مفتاح حصولك على ارباح من مدونتك ولن يأتي الزوار بغير الحصول على محتوى جيد ومواضيع مفيدة والأهم من ذلك هو إشهار هذه المواضيع . وفيما يلي بعض النصائح لك لكي تحصل على زوار لمدونتك أو موقعك .

1 . أكتب في مدونات الآخرين : 
نعم كن ضيفا في مدونات الآخرين وهي خدمة يقدمها أصحاب المدونات المشهورة لكي تكتب عندهم وأعتقد أن أخي أحمد صاحب مدونة العازمي هو من سمح بهذه الخاصية والفائدة من كتابتك عند الآخرين هو وضع لينك لمدونتك لكي يعرفها الزوار .

2 . قم بنشر مقاطع الفيديو على اليوتيوب :
وسيلة من وسائل جذب الزوار ولو نجحت في عملها سأضمن لك النجاح الباهر والحصول على زوار كثر , والطريقة هي قم برفع مقطع فيديو على اليوتيوب وقد بوضع رابط مدونتك على الفيديو .
ملحوظة : لا تقم برفع أي فيديو مخالف للشريعة الإسلامية , ومن يفعل ذلك أنا بريء منه .

3 . علق في مدونات الآخرين :
نعم علق في مدونات الآخرين تعليق يعبر عن شخصيتك العظيمة ومن تعليقك سيحب أن يتعرف الزوار عليك وسيأتون الى مدونتك لا محالة .

4 . الخدمات المجانية :
نعم خدمات مجانية . بمعنى مثلا دعم فني أو تركيب أو تعديل أو تصميم قالب للبلوجر ولو مؤقتا حتى تحصل على الكثير من الزوار .

5 . المنتديات :
الوسيلة الأقوى في عالم جذب الزوار الى موقعك أو مدونتك .. فمن المنتديات تستطيع الحصول على سيل من الزوار الى مدونتك ويتأتى ذلك عن طريق نشر رابط مدونتك عن طريق الأنشور تكست , وتستطيع الحصول على باك لينكس جيد من مواقع الدوفولو مثل موقع ترايدنت .

0
إضافة إقرأ المزيد على شكل زر في مواضيع المدونة للبلوجر Read More

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , هناك عدة طرق لاضافة اقرا المزيد و معضمها تتم يدويا و البعض يستخدم الاضافة الموجودة اصلا مع محرر بلوقر الحديث او المحرر القديم باستخدام read more بسبب بعض المشاكل التي تحدث في بعض القوالب كانحراف العمود الى الاسفل و لكن هذا الامر كان سابقا فقد عالجت بلوقر هذا الخلل و هي الان تعمل بدون هذه المشكلة و لاضافة اقرا المزيد اتبع الخطوات التالية :

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
اضف بعده مباشرة الكود التالي:
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>
في بعض القوالب تجد الكود اعلاه موجود اي انه مضاف مسبقا ففي حال وجوده لا يحتاج الى اضافته مرة اخرى و لكن اتبع الخطوة التالية :
ابحث عن الكود التالي :
]]></b:skin>
اضف فوقه مباشرة الكود التالي :
.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}
بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;
و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة أو تابع القراءة .

0
إضافة عن المدون أسفل التدوينة

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


ولشرح تركيب الإضافة تابع معي
من لوحة تحكم مدونتك , ثم التصميم ثم تحرير html ثم قم بتوسيع القالب , ولا تنسى بأخذ نسخة احتياطية من قالبك .
ابحث عن
<div class='post-footer-line post-footer-line-1'>
ثم قم بوضع هذا الكود بعده مباشرة
<div class='bio-socials noprint' style='height: 260px;padding-top:50px;'>
<!--author bio-->
<style>
.author-bio{
border-right:3px #5D7D91 solid;
margin-right:10px;
marin-bottom:40px;
text-align:justify;
padding:10px;
width:300px;
float:right;   
}
.author-photo{
float:right;
text-align:center;
width:74px;
padding:2px 2px 2px 2px!important;
margin:0 10px 10px 10px;   
}

</style>
<div class='author-bio' style='height: 180px'><div class='author-photo' style='height: 180px'>
    <img alt='كاتب الموضوع' height='70' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7oBLDo2_6M4f050BnVj-wjiKbFngtiSb6RAL8TWewRGJ68lNeNSPnQkZnIw_7DMdEmXTuz6STLgAd-dEAknAEu-Egc9htvROf2Kn4_0BxsnqmMRJ4pEbw45PlQCoEFU0IHVOi0ZW6nMA/' width='70'/>
</div><h3>بقلم باسم</h3>م&#1615;دو&#1613;ن م&#1616;صري , يعشق التدوين عبر منصة بلوجر , يهتم بمتابعة أخبار التكنولوجيا الحديثة ولغات البرمجة وتطوير المواقع .</div>

<!--end author bio-->
<style>
.socialbox{
border-right:3px #5D7D91 solid;
margin-left:10px;
width:190px;
float:left;
padding:10px 0 10px 0!important;
}
.sociallist{
margin:10px 0 10px 0;
width:190px;
list-style:none!important;   
}
.twitter, .facebook, .delicious, .rss, .print{
padding:5px 40px 5px 0!important;
background-repeat:no-repeat;
background-position:160px 6px!important;   
}
.twitter{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAkce2cm4BxXvW3bIWvA4LgSQ730WaIAxZfWFMUtngOmf35DlROm1_U3iPhdeVLGo2-iHbZ5FbUP46df2TDv8ATODs9sFxQvxXtQKmGqUHPWU6-ZIS5DxFULSaMdhaewWcFNvj27goaLo/&#39;);
}
.facebook{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIXzZAZicSxjijlmiFmmSTmeH_dnR9_v1xOuez1bJvDxJHIGnbXugPjt7SApeapmUWO2zMJj5bPWnVfkfzld_nB08UGO2vp33e_hqfpiC8h1vCzNsScbUgm2KUSj3d8gg-xJsJ0twv0eg/&#39;)   
}
.delicious{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPy1UY1orFYc9Y4qlJUFO4ukgeSSmlwTvCHMDM_CKol3YsmOvpAjV27dc4q7fgckfrNuxsBc65S_leFyclxj2BW8hWJeqajNhP4Q9-DibUFK8PFUlxsR2UouaIikeUDv9On7zuiKoZNa4/&#39;);

}
.print{
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcxFQ9zaXpPYVEIzNKU5Sk4Aajs8BQEC7ovFMFr-hMbhIK2pmov8n_dFasUd_vuAIyyQsUK4f8SKtXqlfIpM3G0VYcpL_5WaLyxq4UDChLBZFpoorA5NnRgIslszB9Lvy79FUMcokgNNI/&#39;);

}
.rss{   
background-image:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkwsdL4GDR-f_pbORx1zhVSuqniC3M1pAzVgli7ht4yxa1cGEPziLIJ6EDlaNjZ_dbTvwAtz0Q105xiYqPl1ZJJRdbHymitM37rMDmI57JNpuwhyYYUfsZtMGcyTYe3G8ka2Biujzyyn8/&#39;);

}
</style>
<div class='socialbox' style='height: 180px'><h3 style='margin-right:10px;'>شارك أصدقاءك</h3>
<ul class='sociallist'>
<li class='twitter'><a expr:href='&quot;http://twitter.com/share?text=&quot; +data:post.title+ &quot;&amp;url=&quot; + data:post.url + &quot;&amp;via=doaibblog&amp;related=اسم مدونتك&quot;' target='_blank'>عبر تويتر</a></li>
<li class='facebook'><a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'>عبر فيسبوك</a></li>
<li class='delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'>أضفه إلى مفضلتك</a></li>
<li class='print'><a href='javascript:window.print()'>اطبع الصفحة</a></li>
<li class='rss'><a href='رابط خلاصات مدونتك' target='_blank'>تابع الخلاصات</a></li>
</ul>
<div class='fblike' style='float:left;' width='100'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' float='left' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:40px;'/>
</b:if></div>
</div>

</div>
احفظ قالبك .
تم بحمد الله
 
تعريب وتطوير مدونة علي شار
مدونة علي شار © 2012 | عودة الى الاعلى
by Blogger