, ,

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


صورة الاضافة






طريقة الاضافة!

اذهب الى لوحة التحكمفي مدونتك > تخطيط > اضافة اداة ثم اختر HTML/Javascript بعدها الصق الكود التالي حيث تشاء

<div class='clear'></div><div class='widget HTML' id='HTML1'><div class='widget-content'><style type='text/css'>#info-JmK{z-index:1000;background:-moz-linear-gradient(top,#1F2326,#000);background:-webkit-gradient(linear,left top,left bottom,from(#1F2326),to(#000));box-shadow:-2px -2px 8px #FF0000,2px 2px 20px #f00;-moz-box-shadow:-2px -2px 8px #FF0000,2px 2px 20px #f00;-webkit-box-shadow:-2px -2px 8px #FF0000,2px 2px 20px #f00;width:400px;position:fixed;top:50px;left:0;margin-left:-330px;border:1px solid #444;background-position:top right no-repeat;height:35px;font:11px Arial;color:#eee;border-top-right-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-topright:8px;-moz-border-radius-bottomright:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-right-radius:8px}#info-JmK{-o-transition:all 1s ease-in;-moz-transition:all 1s ease-in;-webkit-transition:all 1s ease-in}#info-JmK:hover{width:400px;opacity:1.0;margin-left:0}.JmKinbox{border:1px solid #444;width:290px;margin:0 90px 10px 10px;background:transparent;color:#fff;border-radius:20px;padding:5px 0;-moz-border-radius:20px;-webkit-border-radius:20px;-o-transition:all 2s ease-in;-moz-transition:all 2s ease-in;-webkit-transition:all 2s ease-in;opacity:.2}.JmKinbox:hover{opacity:1.0;box-shadow:1px 1px 15px #000;-moz-box-shadow:1px 1px 15px #000;-webkit-box-shadow:1px 1px 15px #000;background:#000;-moz-opacity:1.0;opacity:.8;-khtml-opacity:.0;-moz-border-radius-bottomleft:30px;-moz-border-radius-bottomright:30px}.JmKinbox2{margin:5px 10px;padding:0 8px 10px;color:#fff;overflow:hidden;height:450px}.JmK15{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}.JmK2 ul.bom{margin:0;padding:0}.JmKinbox2 li{margin-left:20px}.JmKinbox2 li a{color:#FFFFF;line-height:4px;font-size:11px;font-weight:bold;text-decoration:none}.JmKinbox2 li a:hover{color:red;text-shadow:0 1px 1px #000}.JmKinbox2 h2{font:18px Droid Serif;font-weight:bold;padding:0 8px;color:#f00;text-shadow:0 1px 1px #ddd;border-bottom:1px solid #f00}.JmKtouch{font-size:22px;font-weight:bold;font-family:Arial Narrow;float:right;margin:3px 10px 0 0;-o-transition:all .5s ease-out;-moz-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;text-decoration:blink}.JmKtouch:hover{-o-transform:scale(2) rotate(720deg) translate(0px);-moz-transform:scale(2) rotate(720deg) translate(0px);-webkit-transform:scale(2) rotate(720deg) translate(0px);color:red}</style><div id='info-JmK'><span class='JmKtouch'>تعليقات</span><div class='JmKinbox'><div class='JmKinbox2 JmK15'><h2>اخر التعليقات</h2><p style='text-align:justify'><div style='overflow:auto;width:ancho;height:330px'><style type="text/css">#komentar{background:#fff;border:1px solid #8181f7;-moz-border-radius-bottomright:10px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin:5px 0;padding:5px}#komentar ul{margin:0;padding:0;list-style:none}#komentar ul li:first-child{border-top:0}#komentar ul li{height:46px;background:#a9d0f5;list-style-type:none;margin:0 0 5px 0;padding:5px 5px 5px 5px!important;font-size:12px!important;font-weight:550;border:1px solid #8181f7;-moz-border-radius-bottomright:10px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin:5px 0;padding:5px}#komentar ul li:last-child{border-bottom:0}#komentar ul li:hover{background:#cff;-moz-border-radius-bottomright:10px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;margin:5px 0;padding:5px}#komentar a,#komentar a:link,#komentar a:visited{clear:both;color:#222;display:block;text-decoration:none}#komentar .gamen{display:block;float:left;height:42px;left:4px;margin-right:15px;position:relative;width:42px}#komentar .gamen>img{border:2px solid #fff;-webkit-border-radius:22px;-moz-border-radius:22px;border-radius:22px;box-shadow:0 1px 2px #222;background:url(http://tipstrikblogging.googlecode.com/files/Avatar%20Blogger%20Comments.jpg)repeat-x}#komentar ul li div.ismen{color:#333;text-shadow:-1px -1px 1px #ccc}#komentar .ismen{display:block;font-size:1em;font-style:italic;line-height:1.2;padding:2px 4px 2px 0}#komentar .gamen>span{width:150px;height:auto;line-height:20px;padding:5px;left:115px;margin-left:-64px;font-size:1em;font-weight:bold;color:#212121;text-shadow:1px 1px 1px rgba(0,0,0,0.1);text-align:center;border:4px solid #5858fa;background:rgba(255,255,255,0.7);text-indent:0;border-radius:5px;position:absolute;pointer-events:none;bottom:100px;opacity:0;box-shadow:1px 1px 2px rgba(0,0,0,0.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#komentar .gamen>span:before,#komentar .gamen>span:after{content:'';position:absolute;bottom:-15px;left:50%;margin-left:-9px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,0.1)}#komentar .gamen>span:after{bottom:-14px;margin-left:-10px;border-top:10px solid #5858fa}#komentar .gamen:hover>span{opacity:.9;bottom:55px}</style><div id="komentar"><ul><script type="text/javascript">var jmlkomentar=100;var jmlkarakter=60;</script><script src="http://tipstrikblogging.googlecode.com/files/RecentComment-W-Gravatar-Tooltip.js" type="text/javascript"></script><script src="http:/3alamihtiraf.co.vu/feeds/comments/default?alt=json&callback=tampilkankomentar" type="text/javascript"></script></ul></div></div>CREATED BY : <a href="http://3alamihtiraf.co.vu/"><blink>RB&#8482;</blink></a></p></div></div></div></div></div>

الخطوة الاخيرة غير رابط مدوناتي  ذا اللون الاحمر برابط مدونتك ثم اختر حفظ وشاهد النتائج!
, ,



فوتر الموقع أو footer يقع أسفل كل مدونة أو مواقع الويب الأخرى ولا بد أن يكون منسق بشكل جميل حتى يعطي المدونة شكل أكثر فاعلية وجمالاً ولهذا اليوم سوف أقدم لكم طريقة تركيب فوتر إحترافي لمدونات بلوجر له فوائد عديدة وهو سلس وجميل تم تنسيقه وإعادة هيكلته حتى يكون جزء من كل مدونة

 

مميزات الفوتر:

  • شكل إحترافي منسق تماماً
  • أزرار مواقع التواصل الإجتماعي مع تأثيرات خاصة
  • متوافق مع جميع الأجهزة اللوحية, المكتبية, المحمولة

كيفية تركيب الفوتر على مدونة بلوجر:

أولا توجه إلى لوحة التحكم في مدونتك أختر القالب ثم أنقر على زر   تحرير html
  بعد ذلك قم بالبحث عن الرمز ]]></b:skin> الآن أضف الكود التالي فوقه مباشرةً



 

#footerr {
  background-color: #3E454C;
  bottom: 0;
  color: #7C8EA1;
  font: normal .9em 'Open Sans', sans-serif;
  right: 0;
  padding: 18px 0;

  width: 100%;
}

#footerr a {
  color: #7C8EA1;
  text-decoration: none;
}

#footerr a:hover {
  color: #FFF;
}

.inner-wrapper {
  margin: auto;
  max-width: 1200px;
  width: 90%;
}

#copyright {
  display: inline-block;
  padding: 10px 0;
}

#footer-logo {
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.site-name {
  font-weight: 600;
  color: #FFF;
}

.social-menu {
  display: inline-block;
  float: left;
  /* by: www.madad2.com */
  line-height: 0;
  margin: 0;
  padding: 0;
}

.social-menu > li {
  background-color: #353B41;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 34px;
  margin: 3px;
  transition: background-color .5s;
  width: 34px;
}

.social-menu > li:hover {
  background-color: #F2762E;
}

.clear {
  clear: both;
}

@media (max-width: 767px) {
  #footer-container {
    text-align: center;
  }

  #copyright {
    display: block !important;
  }

  .social-menu {
    float: none !important;
  }
}

الخطوة الأخيرة قم بالبحث عن الرمز <footer>

أو <footer أو أسفل حقوق القالب قم بمسح جميع الروابط أسفل مدونتك ثم أستبدلها بالفوتر الجديد مع الكود التالي:
<footer id='footerr'>

  <div class='inner-wrapper' id='footer-container'>
    <div id='copyright'>
 
      <span class='site-name'>جميع الحقوق محفوظة</span>
      &#169; 2014 | <a href='#'>سياسة الخصوصية</a>
    </div>
    
    <ul class='social-menu'>
      <li title='Facebook'>
        <a href='#'><img alt='Facebook' height='34' src='http://s26.postimg.org/bee0b3p1h/facebook.png' target='_blank' width='34'/></a>
      </li>
      <li title='Twitter'>
        <a href='#'><img alt='Twitter' height='34' src='http://s26.postimg.org/addrlz81x/twitter.png' target='_blank' width='34'/></a>
      </li>
      <li title='Feed'>
        <a href='#'><img alt='Feed' height='34' src='http://s26.postimg.org/shgs6m5qd/feed.png' target='_blank' width='34'/></a>
      </li>
      <li title='Google+'>
        <a href='#'><img alt='Google+' height='34' src='http://s26.postimg.org/jnpvpiirp/google.png' target='_blank' width='34'/></a>
      </li>
    </ul>
    
    <div class='clear'/>
  </div>
</footer>
ضع رابط سياسة الخصوصية أو نموذج الأتصال بدلاً من إشارة المربع #
ولا تنسى أيضا إضافة روابط صفحاتك على مواقع التواصل الإجتماعي بدلا من المربع # فيدبرز, فيس بوك, تويتر, جوجل بلس

بعد أن تنتهي إضغط حفظ القالب.

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


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

                                                                         صور قالب





للمعاينة مباشرة

للتحميل
او على موقع اخر
من هنا



الاشتراك في: الرسائل (Atom)

نموذج الاتصال

الاسم

بريد إلكتروني *

رسالة *

lm7a © جميع الحقوق محفوظة
Powered by v4.1 lam7a

MARI themes

يتم التشغيل بواسطة Blogger.