Archive for مارس 2014

قالب مدونة افادات (efedat.eu) المميز والرائع مجانا

أضف تعليق
السلام عليكم
اقدم لكم مجانا قالبي لمدونة افادات المميز
مميزات القالب:
1- انيق جدا
2- جميل اضافات جميلة
3- مؤرشف بعناية
4- يحتوي على ميتا تاج رائعة
5- سريع الارشفة
7- صديق محركات البحث
8- خفيف في التصفح
9- جيد للاعلانات
10- مربح للادسنس
قالب مدونة افادات (efedat.eu) المميز والرائع مجانا

الموقع للمعاينة : مدونة افادات | عالم المعلومات و المعارف
رابط التحميل :اضغط هنا

جدول البث المباشر لموقع Aflam4You على البلوجر

12 تعليقات

السلام عليكم ورحمة الله وبركاته ،
مرحبا بكم زوار مدونة سكيمو في درس جديد و حصري . موقع Aflam4You من المواقع العربية الكبيرة التي تقوم بالنقل الحي للمباريات  و الاحداث الرياضية ، الموقع يتوفر على جدول للبث جد جد إحترافي و هائل جدول بالتقنية CSS و JQUERY ، جدول متحرك و متناسق الألوان ، جدول جذاب يحتوي على أربعة إختيارات و ثلات قائمات "مميز ، قنوات الرياضة و قنوات أخبار" .

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

جدول البث المباشر لموقع Aflam4You على البلوجر

  • نتوجه إلى المدونة >>>   قالب .
  • تحرير HTML  >>> ثم نبحث عن  </Head>
  • ثم نضيف الكود التالي فوقه  


<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
 <script src='http://yourjavascript.com/43213721222/1.js' type='text/javascript'/>
 <script src='http://yourjavascript.com/82714233122/2.js' type='text/javascript'/>
 <script src='http://yourjavascript.com/21467325221/3.js' type='text/javascript'/>
<script>
$(document).ready(function(){
$(&#39;#tabs div&#39;).hide();
$(&#39;#tabs div:first&#39;).slideDown();
$(&#39;#tabs ul li:first&#39;).addClass(&#39;active&#39;);

$(&#39;#tabs ul li a&#39;).click(function(){
$(&#39;#tabs ul li&#39;).removeClass(&#39;active&#39;);
$(this).parent().addClass(&#39;active&#39;);
var currentTab = $(this).attr(&#39;href&#39;);
$(&#39;#tabs div&#39;).slideUp();
$(currentTab).slideDown();
return false;
});



});
</script>


  • الآن نبحث عن الوسم     ]]></b:skin>
  •  نضيف الكود الثالي فوقه مباشرة 
/*--- HUKMAT   Tableau --- */

.htab li {
    background: none repeat scroll 0 0 #F6F6F6;
    border-radius: 5px 5px 0 0;
    float: right;
    height: 30px;
    line-height: 30px;
    list-style: none outside none;
    margin: 0 3px 0 0;
    padding: 0 10px;
    width: auto;
}
.htab li:hover {
    background: none repeat scroll 0 0 #5C6B7F;
    color: #fff;
}
.htab li:hover a {
    color: #fff;
}
.htab li.active {
    background: none repeat scroll 0 0 #146B7F;
    color: #5C6B7F;
}
.htab li.active a {
    color: #EB8F00;
}
.htab li a {
    text-decoration: none;
}
.htab {
    clear: both;
    height: 30px;
    margin: 0;
}
.ctab {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #146B7F;
    display: none;
    margin: 0 0 10px;
}
.ddd {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #146B7F;
}
.ddd2 {
    background: url("http://s29.postimg.org/je64cldf7/image.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #146B7F;
    color: #146B7F;
    line-height: 30px;
}
.rowa {
}
.rowa:hover {
    background: none repeat scroll 0 0 #FCFCFC;
}
.span8 {
    float: left !important;
}
  • ثم نضغط على حفظ .
المرحلة الثالية

  • نضع الكود الثالي للجدول في خاصية    "HTML"   عند كتابة موضوع . تابع الصورة التالية :


    • الكود التالي :
شارك الموضوع لظهور الكود المخفي

اضافة القران الكريم الي المدونة

أضف تعليق

القرآن الكريم نور القلوب وحياة النفوس ووجوده في أى مكان رحمه وثواب واجر عظيم ولن تجد مكان يجلب لك حسنات مثل المواقع والمدونات عندما تضيف بها القرآن الكريم فكل زائر سيستمع للقرآن عن طريقك لك به أجر


هذه  إضافة خفيفة جداً حتى لا تثقل على الزائر 
وإضافتنا هي إذاعة القرآن العامه وهي إضافة خفيفة للغاية وتقوم بعرض تلاوات طوال الوقت بأصوات قراء متعددين
كود الإضافة 
  
كل ما عليك هو إضافة اداة جديدة ثم ضع فيها هذا الكود
 <center>
<div id="container-main">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> حمل مشغل الفلاش </div>
<script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmu-player.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("https://cnmu.googlecode.com/svn/trunk/cnmu-player.swf","ply","160","20","9","#FFFFFF");
s1.addParam("allowfullscreen","false");
s1.addParam("allowscriptaccess","always");
s1.addParam("flashvars","file=http://50.22.217.209:9998/;stream.nsv&type=mp3&volume=70&autostart=false");
s1.write("container-main");
</script>
</center>

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

كيفية اضافة طائر تويتر إلى مدوناتكم

أضف تعليق
اليوم بمشيئة الله تعالى سوف اشرح لكم 

كيفية اضافة طائر تويتر إلى مدوناتكم 


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

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

و من المهم أن تكون الاضافة الخاصة بالشبكات الاجتماعية جذابة حتى تجذب الزائر للضغط عليها و الاشتراك بها.

اليوم أتيت اليكم بأداة (( طائر تويتر )) و هى جذابة بما فيه الكفاية لكى تجعل الزوار يتتبعونك فى تويتر 

كيفية اضافة طائر تويتر

1-بلوجر >> قالب >> تحرير html

2-ابحث عن
    </body>  
ثم أضف الكود التالى بعده مباشرة 
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ

<script src='http://yourjavascript.com/1523826141/Flying twitter bird.js' type='text/javascript'>
</script> 
<script type='text/javascript'> var twitterAccount = "manssouri05"; var tweetThisText = " <data:blog.pageTitle/>: <data:blog.url/> "; tripleflapInit(); </script> 
<span style='font-size:11px;position:absolute;'/><a href='http://arabetutorial.blogspot.com/' target='_blank'>Twitter Bird Gadget</a> 
ـــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــــ
* استبدال manssouri05 بإسم المستخدم الخاص بك فى تويتر
 *احفظ القالب الخاص بك
.* اذهب الى مدونتك وستجد الطائر يحلق فى أرجائها
* إذا كنت تواجه أى صعوبة فى تركيب الاداة أو الاستفسار عن شىء فلا تترد فى ترك تعليقك فى الاسفل و سيتم الرد عليه سريعا إن شاء الله

 

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


نصائح و تحذير في إطار إحترافي على مدونات البلوجر

أضف تعليق

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

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

المثال الثالت للإضافة على شكل تحذير:
لا تقوم بالنسخ المواضيع و التدوينات و تقوم بالوضعها في المدونة، و لا تجعل نفسك عبارة عن ألة ، بل جعل نفسك مبدع يقدم دائما الجديد .
طريقة إدراج الإضافة إلى المدونات و المواقع
أولا نتوجه إلى لوحة التحكم >>>> قالب. 
ثم تحرير HTML و نبحث عن
]]></b:skin>
إذا كنت تتوفر على مدونة باللغة العربية فأضاف الكود التالي قبل الوسم 
]]></b:skin>
.....................................................

.info, .tips, .warning {
 line-height: 22px;
 min-height: 38px;
 padding: 10px 12px 12px 68px;
 margin: 5px 0;
}
.info {
 background: #e0e5eb url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8x1h79KVIBtNdE2U1eb3N1JNdQiRXrTOCC3WIPXSvuIgdR4Pu-fbDshGZ1FdLDGVi7HemYLBGSLTiWNwOpvsDbHTF5v1iOLyMsbiKCelDf8snpAW70g-zcSAalVo-ThJLXEK3nBVluoY/s1600/info.png') no-repeat 12px 8px;
 color: #222
}
.tips {
 background: #7CADDE url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCGtUzhIjIOSDvk6n43FCZQEF_CQjqcrmMBqYruSe5NfRWEeW9dZJFc2-VnDD4C81p8SI9lwkW0O5FvpVXrHkUZmOGagIQbCgmmwLqF-zdGSWPBHmP_WBICOAfn4EzCeaphTkMOQBShOY/s1600/tips.png') no-repeat 12px 8px;
 color: #fff;
}
.warning {
 background: #db6161 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-R0MCpJoVRL0pr_Y-ZvcVIyCFSXHlvVYzIJP9dHbVR_Dom4Tyq2e3hDwdjijBffprebz1nZkK45TGBulaIGYti74dzQiqIhsIz5RT9ooWUjMktxiJEiO12NH13FAaQkM8rasJPo_pVXo/s1600/warning.png') no-repeat 12px 8px;
 color: #fff;
}
........................................................
علاوة عن ذلك، إذا كنت تريد ان تضيف الصنف الخاص ب "المعلومات" فأضاف الكود التالي (كتابة التعليمات البرمجية في وضع HTML)


<div class='info'>
يمكنك تغيير هذا النص بما تريده !!
</div>
إضافة الصنف الخاص ب "النصائح" أضف الكود التالي (كتابة التعليمات البرمجية في وضع HTML)

<div class='tips'>


يمكنك تغيير هذا النص بما تريده !!


</div>


إضافة الصنف الخاص ب "التحذير" أضف الكود التالي في الوضع HTML


<div class='warning'>
يمكنك تغيير هذا النص بما تريده !!
</div>


أتمنى ان تفيدكم الإضافة، لا تقرأ و ترحل

قالب بلوجر على شكل صفحة فارغة

أضف تعليق

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

  تحميل قالب فارغ على البلوجر


في حالة عدم إستغال القالب قم بنسخ و وضعه في HTML

     <?xml version="1.0" encoding="UTF-8" ?>
    <!DOCTYPE html>
    <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
      <head>
        <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>
        <b:if cond='data:blog.isMobile'>
          <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
        <b:else/>
          <meta content='width=1100' name='viewport'/>
        </b:if>
        <b:include data='blog' name='all-head-content'/>
        <title><data:blog.pageTitle/></title>

        <b:skin><![CDATA[/*
    -----------------------------------------------
    Blank Blogger Template by Abdov
    Name:        Blank Blogger Template
    Designer:        Abdov Chbani
    URL:        http://ckimo.blogspot.com/
    ----------------------------------------------- */



    ]]></b:skin>

      
      </head>

      <body>
      <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
    </b:section>


    <div style='margin-top:700px; '>
    <br/>
    <center><b><font color='#ffffff'>&#169; All Rights Resrved by <a href='http://ckimo.blogspot.com/' style="color: #ffffff">CKIMO</a> 2014.</font></b></center>
    </div>
      
    </body>

    </html>


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