قوالب بلوجر معربة

الأحد، 22 سبتمبر 2013

افضل كود تابعنا على الفيسبوك لمدونات بلوجر

4 التعليقات
ساقدم لكم اليوم يا قراء مدونتي الاحباء كود اضافة صفحة الفيسبوك المنزلقه لمن يريد ان يقدم صفحة مدونته الخاصة على الفيسبوك و هي برأيي الأفضل لانها لا تزعج القارء ولا تجبره على الضغط بل تترك له حرية الاختيار بالاعجاب او اكمال القراءة دون ازعاج ..







كل ما عليك هو ان تقوم بالتالي ~
  1. الدخول الى لوحة تحكم المدونة
  2. الضغط على زر التخطيط
  3. اضافة اداة HTML/Javascript
  4. نسخ الكود التالي بها :: 
  5.   
<style>
img,a {
   border: 0;
}

#on {
   visibility: visible;
}

#off {
   visibility: hidden;
}

#facebook_div {
   width: 196px;
   height: 340px;
   overflow: hidden;
}

#twitter_div {
   width: 246px;
   height: 353px;
   overflow: hidden;
}

#google_plus_div {
   width: 152px;
   height: 97px;
   overflow: hidden;
   margin-left: 50px;
   margin-top: 10px;
}

#knfeedburner_div {
   width: 300px;
   height: 97px;
   overflow: hidden;
   margin-top: 5px;
   margin-left: -4px;
}

#kakinetwork_div {
   width: 300px;
   height: 97px;
   overflow: hidden;
}/* right side style */#facebook_right {
   z-index: 10005;
   border: 2px solid #3c95d9;
   background-color: #fff;
   width: 196px;
   height: 353px;
   position: fixed;
   right: -200px;
}

#facebook_right img {
   position: absolute;
   top: -2px;
   left: -35px;
}

#facebook_right iframe {
   border: 0px solid #3c95d9;
   overflow: hidden;
   position: static;
   height: 360px;
   left: -2px;
   top: -3px;
}

#twitter_right {
   z-index: 10004;
   border: 2px solid #6CC5FF;
   background-color: #6CC5FF;
   width: 246px;
   height: 353px;
   position: fixed;
   right: -250px;
}

#twitter_right_img {
   position: absolute;
   top: -2px;
   left: -35px;
   border: 0;
}

#google_plus_right {
   z-index: 10003;
   background-color: #F2F2F2;
   border: 2px solid #006ec9;
   border-top: 2px solid #0056a0;
   border-bottom: 2px solid #0056a0;
   border-right: 2px solid #0056a0;
   border-left: hidden;
   width: 152px;
   height: 97px;
   position: fixed;
   right: -154px;
}

#google_plus_right_img {
   position: absolute;
   top: -2px;
   left: -33px;
   border: 0;
}

#feedburner_right {
   z-index: 10003;
   background-color: #fefefe;
   border: 2px solid #5b5b5b;
   border-top: 2px solid #5b5b5b;
   border-bottom: 2px solid #5b5b5b;
   border-right: 2px solid #5b5b5b;
   border-left: hidden;
   width: 300px;
   height: 97px;
   position: fixed;
   right: -303px;
}

#feedburner_right_img {
   position: absolute;
   top: -2px;
   left: -33px;
   border: 0;
}

#kakinetwork_right {
   z-index: 10003;
   border: 2px solid #303030;
   background-color: #fff;
   width: 300px;
   height: 97px;
   position: fixed;
}

#kakinetwork_right img {
   position: absolute;
   top: -2px;
   left: -101px;
}/* left side style */#facebook_left {
   z-index: 10005;
   border: 2px solid #3c95d9;
   background-color: #fff;
   width: 196px;
   height: 353px;
   position: fixed;
   left: -200px;
}

#facebook_left img {
   position: absolute;
   top: -2px;
   right: -35px;
}

#facebook_left iframe {
   border: 0px solid #3c95d9;
   overflow: hidden;
   position: static;
   height: 360px;
   right: -2px;
   top: -3px;
}

#twitter_left {
   z-index: 10004;
   border: 2px solid #6CC5FF;
   background-color: #6CC5FF;
   width: 246px;
   height: 353px;
   position: fixed;
   left: -250px;
}

#twitter_left_img {
   position: absolute;
   top: -2px;
   right: -35px;
   border: 0;
}

#google_plus_left {
   z-index: 10003;
   background-color: #006ec9;
   border: 2px solid #006ec9;
   border-top: 2px solid #0056a0;
   border-bottom: 2px solid #0056a0;
   border-left: 2px solid #0056a0;
   border-right: hidden;
   width: 152px;
   height: 97px;
   position: fixed;
   left: -154px;
}

#google_plus_left_img {
   position: absolute;
   top: -2px;
   right: -33px;
   border: 0;
}

#feedburner_left {
   z-index: 10003;
   background-color: #fefefe;
   border: 2px solid #5b5b5b;
   border-top: 2px solid #5b5b5b;
   border-bottom: 2px solid #5b5b5b;
   border-left: 2px solid #5b5b5b;
   border-right: hidden;
   width: 300px;
   height: 97px;
   position: fixed;
   left: -303px;
}

#feedburner_left_img {
   position: absolute;
   top: -2px;
   right: -33px;
   border: 0;
}

#kakinetwork_left {
   z-index: 10003;
   border: 2px solid #303030;
   background-color: #fff;
   width: 300px;
   height: 97px;
   position: fixed;
}

#kakinetwork_left img {
   position: absolute;
   top: -2px;
   right: -101px;
}

.box-title1 {
   border: 1px solid #ddd;
/*border-radius*/
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
/*box-shadow*/
   -webkit-box-shadow: 5px 5px 5px #CCCCCC;
   -moz-box-shadow: 5px 5px 5px #CCCCCC;
   box-shadow: 5px 5px 5px #CCCCCC;
   padding: 10px;
   margin: 10px 0;
}

.enteryouremail {
   background: #fff !important;
   border: 1px solid #d2d2d2;
   padding: 0px 8px 0px 8px;
   color: #a19999;
   font-size: 12px;
   height: 25px;
   width: 165px;
/*border-radius*/
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   margin: 0px;
}

.submitbutton {
   background: #F2F2F2;
   border: 1px solid #F66303;
/*box-shadow*/
   -webkit-box-shadow: 3px 3px 3px #666;
   box-shadow: 3px 3px 3px #666;
   font: bold 12px Arial, sans-serif;
   color: #000000;
   height: 25px;
   padding: 0 12px 0 12px;
   margin: 0 0 0 5px;
/*border-radius*/
   -webkit-border-radius: 5px;
   border-radius: 5px;
   cursor: pointer;
}
</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><br />
<br />
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><br />
<br />
<script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); }); jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); }); jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); }); jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); }); });</script><br />
<br />
<div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjewGz42zyGKTo6NB2Yx3WttwtX8-somCkeEj6nUZ21Mp0ct8RScSbP_m7HN6nMAGfW2vOtHQW02LtIxELh7oke_KTdo-HzNOK9RGbjTO5i9zAtrYoX9_-lMIm5S75a4C-P6hg-wR8BSa8/s1600/helperblogger.com-facebook-icon.png" alt=""/><br />
<br />
<iframe src="//www.facebook.com/plugins/likebox.php?href=ضع هنا رابط الفيس بوك الخاص بك&width=200&height=346&colorscheme=light&show_faces=true&border_color&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:346px;" allowtransparency="true"><br />
<br />
</iframe><br />
<br />
</div></div></div><br />
<br />
     
     ولا تنسى وضع رابط صفحة الفيسبوك الخاصة بك في المكان المكتوب فيه ضع هنا رابط الفيسبوك الخاص بك ..

ومبروك عليكم الاضافة !

طريقة عمل أجمل شكل لتعليقات بلوجر

0 التعليقات
السلام عليكم



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

ومن ثم نقوم بالدخول الى مشاركات وتعليقات وهي تكون في تبويبة الاعدادات ايضاً و نقوم بالتأكد من ان موقع التعليقات  : مضمن

ونقوم بحفظ الاعدادات 

والآن نقوم بالدخول الى تبويبة القالب ونقوم بالضغط على تحرير HTML و نقوم بتوسيع القوالب و من ثم نقوم بالبحث عن الكود التالي و قد تجد اكثر من واحد و يجب استبدالهم جميعاً

<b:include data='post' name='comments'/>

و نقوم باستبدالها جميعها بالكود التالي 

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/></b:if> 

 والآن نقوم بالبحث مره أخرى عن الكود الآتي 

]]></b:skin>

ونقوم بوضع الكود التالي فوق الكود الذي وجدناه 

.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 14px;
margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:right;
line-height: 1.4em;
}
.comments .continue a, .comments .comment .comment-actions a {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding: 2px 5px;
text-decoration: none;
text-shadow:0 1px 1px rgba(0,0,0,.3);
color:#FFF;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-right: 10px;
border: 1px solid #3079ED;
background: #0066FF;
background: -webkit-gradient(linear, left top, left bottom, from(#0099FF), to(#009999));
background: -moz-linear-gradient(top, #0099FF, #009999);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#0099FF', endColorstr='#009999');
}
.comments .continue a:hover, .comments .comment .comment-actions a:hover {
text-decoration: none;
background:#0099FF;
background: -webkit-gradient(linear, left top, left bottom, from(#009999), to(#0099FF));
background: -moz-linear-gradient(top, #009999, #0099FF);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#009999', endColorstr='#0099FF');
}
.comments .continue a:active, .comments .comment .comment-actions a:active {
position: relative;
top:1px;
background: -webkit-gradient(linear, left top, left bottom, from(#0066FF), to(#0099CC));
background: -moz-linear-gradient(top, #0066FF, #0099CC);
filter: progid:DXImageTransform.Microsoft.gradient(startCo lorstr='#0066FF', endColorstr='#0099CC');
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em 0 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px 0px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px;
}
.comments .comments-content .comment {
padding-bottom:8px;
margin-bottom: 0px
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color: #444;
}
.comments .comments-content .user a:hover {
text-decoration: none;
color: #555;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 6px -4px;
}
.comments .comments-content .datetime {
margin-left:6px;
color: #999;
font-style: italic;
font-size: 12px;
float: left;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 19px;
}
.comments .comments-content .comment-content {
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 19px;
text-align:none;
margin: 15px 0 15px;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background:  url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc  AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;)  no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background:  url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA  AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB  JRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: right;
overflow: hidden;
}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-right: 48px;
position: relative;
padding: 20px 15px 20px 15px;
background: #F7F7F7;
border: 1px solid #E4E4E4;
overflow: hidden;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-image: initial;
}

ومبروك عليك ^_^ الآن نظام التعليقات في مدونتك نفس نظام التعليقات الموجود في مدونتي .. في أمان الله

الخميس، 5 سبتمبر 2013

أسرار استخدام الزنجبيل للشعر

4 التعليقات

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

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

 
.: فوائد الزنجبيل للشعر :.

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


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


    ضعي حوالي 1 ملعقة كبيرة من جذر الزنجبيل في وعاء صغير . إضافة الى 1 ملعقة كبيرة من زيت الجوجوبا ( أو زيت الزيتون ) وتخلط جيدا . افركي هذا الخليط في فروة الرأس مع التدليك ، حركات دائرية . اتركيه على شعرك لمدة 30 دقيقة أو أكثر. يجب أن تشعري بتأثير الحرارة على فروة رأسك فلا تخافي ولا تغسليه بسرعة .بعد الانتهاء يمكنك غسله بالشامبو أو اشطفيه جيدا .
   ثم قشري حوالي 180 جرام من الزنجبيل الطازج وضعيه في الخلاط مع ¼ كوب من الماء . امزجيه حتى يصبح جذر الزنجبيل مثل اللب او الكوكتيب . يبطن وعاء صغير مع اثنين أو ثلاث طبقات من القماش القطني وتصب الخليط المهروس على القماش القطني . جمع حواف القماش القطني معا ، وتلف و تعقد كما انك تضغط على عصير في قماش قطني في وعاء . ثم توضع العصارة مباشرة على فروة الرأس ، ويترك الأمر لمدة 5 إلى 10 دقائق ومن ثم يغسل بالشامبو كالمعتاد.
افلام اون لاين

لا تدع الإنترنت يلهيك عن عباداتك ولا تنسى ذكر الله

لا تدع الإنترنت يلهيك عن عباداتك ولا تنسى ذكر الله
 
© 2014 جميع حقوق النشر محفوظة لدى المعرفة Blog | تصميم قوالب بلوجر