اضف زر LIKE FACEBOOK للمدونات والمنتديات

اقدم لكم اليوم شرح حصري لطريقة اضافة زر LIKE FACEBOOK

لمستعملين مدونات بلوجر

اولا نذهب الى تعديل القالب 

ثم نبحث عن 

<data:post.body/>

واضف معها 

<p><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;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>

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

الكاتب : Unknown في السبت، 28 سبتمبر 2013

0

اقرء المزيد

اضافة هيدر مميز بتقنية مدهشة لمدونات بلوجر

قبل البدأ بالبرنامج ارجوا الا تبخلونا بتعليق في المدونة 

كلمة شكرا تكفي لا تقرأ وترحل

نبدأ اخواني مباشرة بالنتيجة النهائية 

اولا ندخل الى القالب 

ونبحث عن 

]]></b:skin>

ونضيف فوقه 

#jsddm {
margin: 0;
padding: 15px;
z-index:1000000000;
position:relative;
}
#jsddm li {
float: left;
list-style: none;
font: 12px Tahoma, Arial;
}
#jsddm li a {
display: block;
white-space: nowrap;
margin:1px 3px;
border: 1px solid #AAAAAA;
background: #cccccc;
background: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#cccccc));
background: -moz-linear-gradient(top, #ebebeb, #cccccc);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: #ffffff 0 1px 0;
color: #363636;
font-size: 15px;
font-family: Helvetica, Arial, Sans-Serif;
text-decoration: none;
vertical-align: middle;
}
#jsddm li a:hover {
background: #C8C8C8;
}
#jsddm li ul {
margin: 0;
padding: 0;
position: absolute;
visibility: hidden;
border-top: 1px solid white;
}
#jsddm li ul li {
float: none;
display: inline;
}
#jsddm li ul li a {
width: auto;
background: #CAE8FA;
}
#jsddm li ul li a:hover {
background: #A3CEE5;
}

ثم نبحث عن 

</head>

ونضيف قبله او فوقه 

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js' type='text/javascript'/>
  <script type='text/javascript'>
  //<![CDATA[
var timeout    = 500;
  var closetimer = 0;
  var ddmenuitem = 0;
function jsddm_open()
  {  jsddm_canceltimer();
  jsddm_close();
  ddmenuitem = $(this).find('ul').css('visibility', 'visible');}
function jsddm_close()
  {  if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}
function jsddm_timer()
  {  closetimer = window.setTimeout(jsddm_close, timeout);}
function jsddm_canceltimer()
  {  if(closetimer)
  {  window.clearTimeout(closetimer);
  closetimer = null;}}
$(document).ready(function()
  {  $('#jsddm > li').bind('mouseover', jsddm_open)
  $('#jsddm > li').bind('mouseout',  jsddm_timer)});
document.onclick = jsddm_close;
  //]]>
  </script>

بعدها نحفظ القالب ونتوجه الى تخطيط

ونضيف التالي 

<ul id="jsddm">
  <li><a href="#">Home</a>
  <li><a href="#">Link 1</a>
  <ul>
  <li><a href="#">Drop 1-1</a></li>
  <li><a href="#">Drop 1-2</a></li>
  <li><a href="#">Drop 1-3</a></li>
  </ul>
  </li>
 <li><a href="#">Link 2</a>
  <ul>
  <li><a href="#">Drop 2-1</a></li>
  <li><a href="#">Drop 2-2</a></li>
  </ul>
  </li>
 <li><a href="#">Link 3</a>
  <ul>
  <li><a href="#">Drop 3-1</a></li>
  <li><a href="#">Drop 3-2</a></li>
  <li><a href="#">Drop 3-3</a></li>
  <li><a href="#">Drop 3-4</a></li>
  </ul>
  </li>
 <li><a href="#">Link 4</a></li>
  <li><a href="#">Link 5</a></li>
  <li><a href="#">Link 6</a></li>
  </li></ul>

ونحفظ 

والنتيجة النهائية تكون مبشرة 

ارجوا ان تستفيدوا من هذا الدرس القيم 

ارجوا الا تبخلونا بردودكم وتشجيعاتكم

الكاتب : Unknown في الخميس، 5 سبتمبر 2013

0

اقرء المزيد

اضافة اداة تابعني على ايميل مميزة

السلام عليكم

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

بكود مميزة 

النتيجة النهائية

 

والآن ننتقل الى طريقة التركيب

نذهب الى الادارة 

1- نذهب الى تخطيط

2- نفتح اداة جديدة html/java script

3- نضيف الكود الذي في الملحقات 

 

ملاحظة : قم بتغيير http://www.the-creativ.blogspot.com الى رابط

 'http://feedburner.google.com الخاص بك

ونحفظ العمل

لتحميل الملحقات

اضغط هنا

الكاتب : Unknown في السبت، 31 أغسطس 2013

0

اقرء المزيد

طريقة اضافة خانة آخر تعليقات لبلوجر

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

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

وهي ضاافة مميزة يبحث عنها الكثيرين 

واليكم النتيجة النهائية

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

1- نذهب الى تخطيط

2- نختار اضافة جديدة html/java script

3- نضيف الكود الذي نجده في الملحقات ونحفظ

4- نتوجه الى القالب 

ونبحث عن احد هذه الثلاثة 

<div class='post-footer-line post-footer-line-1'>

او

<p class='post-footer-line post-footer-line-1'>

او

<data:post.body/>

 

نضيف اليها الكود الموجود في الملحقات 

 

 

تحميل الملحقات 

اضغط هنا

الكاتب : Unknown في

0

اقرء المزيد

افضل 10 ادوات مفيدة لبلوجر

السلام عليكم

نظرا لان كل جديد في عالم التدوين يبحث عن كيفية تنظيم مدونته 

لذا جئتكم اليوم بافضل 10 ادوات مفيدة لبلوجر 

1- اداة المفضلة للمواقع الاجتماعية اسفل كل تدوينة 

2- مواضيع ذات صلة 

3- انشاء نمودذ راسلني

4- زر العودة الى الاعلى 

5- اضافة ازرار تابعني على 

6- المواضيع الاكثر مشاهدة

7- آخر مواضيع

8- تعريف الكاتب اسفل كل تدوينة

9- ترقيم الصفحات 

10- ادارة آخر تعليقات

الكاتب : Unknown في الأربعاء، 21 أغسطس 2013

0

اقرء المزيد

شرح اضافة مربع بحث ممميز

بدون اطالة عليكم 

هذه النتيجة النهائية

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

1- ندخل الى الادارة 

2- نتوجه الى تخطيط

3- نضغط على اضافة اداة

4- نختار HTML/ JAVASCRIPT

5/ نضيف الكود 

6/ نحفظ

الكود

الكاتب : Unknown في

0

اقرء المزيد

شرح اضافة مدونتك الى 120 محرك بحث وتسريع الارشفة

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

اخواني الكرام اقدم لكم اليوم شرح حصري ومميز لمدونة المبدع 

وهو شرح نشر المدونة على اكثر من 120 محرك بحث وايضا تسريع الارشفة 

وكلن نعرف اهمية نشر المدونة الى محركات البحث فهي طريقة لجلب الزوار

المهم سوف نبدأ 

 وبدون اطالة الخطوات 

ندخل الى هذاا الموقع اضغط هنا

ثم نضيف رابط المدونة + نضيف الايميل

نختار محركات البحث المراد الاضافة عليها

نضغط على submit my site

 

صورة توضح كل شيء

موضوع خاص وحصري بمدونة المبدع 

شكرا لكم 

الكاتب : Unknown في

0

اقرء المزيد