سلايدر إحترافي لمدونات بلوجر

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

أولاً : ندخل للوحة التحكم ببلوجر .
ثانياً : نضغط على "قالب" .
ثالثاً : نضغط على "تحرير html" .
رابعاً : قم بالبحث عن هذا الكود عن طريق ctrl+f :
]]></b:skin>
خامساً : ضع فوقه هذا الكود :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
.ei-slider{position:relative;width:100%;max-width:995px;height:498px;margin:0 auto 35px;-moz-box-shadow:0 1px 2px rgba(0,0,0,0.7);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.7);box-shadow:0 1px 2px rgba(0,0,0,0.7);}
.ei-slider-loading{width:100%;height:100%;position:absolute;top:0;left:0;z-index:990;background:#000 url('http://3.bp.blogspot.com/-IK-I72W0pxE/UnJbImSyENI/AAAAAAAABho/ToPm8X9R2ec/s1600/black-loader.gif') no-repeat 50% 48%;color:#fff;text-align:center;line-height:520px;}
.ei-slider-large{height:100%;width:100%;position:relative;overflow:hidden;}
.ei-slider-large li{position:absolute;top:0;left:0;overflow:hidden;height:100%;width:100%;}
.ei-slider-large li img{width:100%;}
.ei-title{position:absolute;right:10%;margin-right:0;margin-left:2%;bottom:25%;color:#fff;opacity:0.8;}
.ei-title h2,.ei-title h3{text-align:right;}
.ei-title h2{color:#b5b5b5;font-size:35px;font-family:BebasNeueRegular,arial,Georgia,serif;background:#000;float:right;padding:5px;margin-bottom:5px;}
.ei-title h3{clear:both;font-size:14px;line-height:20px;width:835px;background:#000;padding:5px;}
.ei-slider-thumbs{height:13px;margin:0 auto;position:relative;max-width:100%!important;}
.ei-title a{color:#FFF;}
.ei-slider-thumbs li{position:relative;float:left;height:100%;}
.ei-slider-thumbs li.ei-slider-element{top:0;left:0;position:absolute;height:100%;z-index:10;text-indent:-9000px;background:#F88C00;}
.ei-slider-thumbs li a{display:block;text-indent:-9000px;background:#666;width:100%;height:100%;cursor:pointer;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);box-shadow:0 1px 1px 0 rgba(0,0,0,0.3),0 1px 0 1px rgba(255,255,255,0.5);-webkit-transition:background 0.2s ease;-moz-transition:background 0.2s ease;-o-transition:background 0.2s ease;-ms-transition:background 0.2s ease;transition:background 0.2s ease;}
.ei-slider-thumbs li a:hover{background-color:#f0f0f0;}
.ei-slider-thumbs li img{position:absolute;bottom:50px;opacity:0;z-index:999;width:100%;max-height:100px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease;-ms-transition:all 0.4s ease;transition:all 0.4s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-box-reflect:below 0px -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(50%,transparent),to(rgba(255,255,255,0.3))           );}
.content .ei-slider-thumbs li img{max-height:65px;}
.ei-slider-thumbs li:hover img{opacity:1;bottom:13px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
سادساً : قم بالبحث عن هذا الكود :

1
</head>
سابعاً : ضع فوقه هذا الكود : (مع تغيير ما لونه أحمر بالتصنيف أو القسم الذي تريده)

1
2
3
4
5
6
7
8
9
10
11
<script type='text/javascript'>
  /*عدد المواضيع المرجو تركها كما هي */
      var numposts2 = 6;/*السليدر*/
  /*التصنيفات : المرجو إضافة كل تصنيف و التأكد من أن أخره لا يحتوي على فراغ*/
      var label1 = &quot;
كل&quot;;/*السليدر*/
    </script>
<script src='https://3rab-help.googlecode.com/files/jquery.js' type='text/javascript'/>
<script src='https://3rab-help.googlecode.com/files/tie-scripts.js' type='text/javascript'/>
ثامناً : قم بالبحث عن هذا الكود :
1
<b:section class='main' id='main' showaddelement='no'>

تاسعاً : والآن ضع هذا الكود فوقه :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
3233343536
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='ei-slider' id='ei-slider'>
<script src='http://yourjavascript.com/3411331121/slide1.js'/>
<script type='text/javascript'>
var showpostsummary = true;
var numchars = 100;
</script>
<ul class='ei-slider-large'>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs2\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</ul>
<script src='http://yourjavascript.com/1134333271/slide2.js'/>
<script type='text/javascript'>
  document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?published&amp;alt=json-in-script&amp;callback=labelthumbs22\&quot;&gt;&lt;\/script&gt;&quot;);
                    </script>
</div>
<script type='text/javascript'>
            jQuery(function() {
                jQuery(&#39;#ei-slider&#39;).eislideshow({
                    animation           : &#39;center&#39;,
                    autoplay            : true,
                    slideshow_interval  : 3000,
                    speed               : 750
                    titlesFactor        : 0.60,
                    titlespeed          : 1000,
                    thumbMaxWidth       : 100
                });
            });
        </script>
<div style='clear: both;'/>
    </b:if>


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


أكمل القراءة

حصري : كيف تضاعف عدد زوار مدونتك أو موقعك :

بسم الله الرحمن الرحيم
إن كنت تعاني من قلة الزوار بموقعك أو مدونتك وتريد زيادتهم فاعلم أنك محظوظ كونك وصلت لهذا الموضوع المميز والحصري 
الموضوع عبارة عن كود عمله جعل الزائر كأنه زار المدونة أو الموقع مرتين , أي أنك ستضاعف عدد الزوار ×2 ,,
والكود غير مخالف لجوجل وغير مخالف لأدسنس ولا لغيرها :)
لتعرف الكود تابع الشرح :
visitors

حصري : كيف تضاعف عدد زوار مدونتك أو موقعك :

كل ما عليك هو إضافة هذا الكود بأي مكان بموقعك أو مدونتك مع تعديل رابط مدونتي برابط مدونتك :



<iframe frameborder="0" height="1px" src="http://www.techno-tech.com/" width="1px"></iframe>




المصدر : http://www.techno-tech.com/2014/01/1-visitor-be-2-visitors.html
أكمل القراءة

إضافة مواضيع ذات صلة لمدونات بلوجر

السلام عليكم ورحمة الله وبركاته
متابعين مدونة تكنو تيك اليوم أتيت لكم بإضافة مهمة جداً وهي إضافة مواضيع ذات صلة
تلك الإضافة التي تفيد لجعل الزائر يتصفح أكبر كم من التدوينات الموجودة بمدونتك :)
هكذا تضمن سيو أفضل وزيادة الزيارات .
وهذه صورة لتلك الإضافة :
إضافة مواضيع ذات صلة لمدونات بلوجر


طريقة تركيب إضافة مواضيع ذات صلة لمدونات بلوجر :

هذه الإضافة يتم وضعها عن طريق الـ html في القالب بشكل مباشر وليس في تخطيط .

1- قم بالدخول لبلوجر :
2- إضغط على قالب .
3- إضغط على " تحرير Html " .
4- إبحث عن : </head> عن طريق ctrl + f .
5- ضع فوقه مباشرة هذا الكود :
<style> #related-posts { float : left; width : 600px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 14px DroidKufi-regular; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; }#related-posts .widget h2, #related-posts h2 { font-size : 11px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; padding-right:2px;} #related-posts ul { border : medium none; margin : 10px; padding : 0; }
#related-posts ul li { display : block; background : url(&quot;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&quot;) no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #000000; } </style> <script src='http://yourjavascript.com/250120301911/related.js' type='text/javascript'/> 
6- إبحث <data:post.body/> .
(إذا وجدت أكثر من واحدة فالثانية هي المطلوبة وإذا لم تنجح جرب كل واحدة على حدا)
7- ضع هذا الكود أسفلها :
<!-- http://www.techno-tech.com/ --><div id='related-posts'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast != &quot;true&quot;'></b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=6&quot;' type='text/javascript'/></b:if></b:loop><img alt='Related Posts Widget for Blogger' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a> <br/> <br/> <h2 style='color: #fff; font: 20px droidkufi-bold; padding: 5px 8px; background: #1D94C8 ; display: inline-block; border: none;'>تــدويـنـات ذات صـلـة :</h2> <script type='text/javascript'> var maxresults=10; removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if>
إذا لم ينجح قم بإزالة ما لونه أحمر بالكود .

أتمنى أن أكون قد أفدتكم بهذه التدوينة :) 

المصدر : مدونة تكنو تيك | إضافة مواضيع ذات صلة لمدونات بلوجر
أكمل القراءة

كيف تضع مشغل mp3 في مدونتك | إضافة بلوجر

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

مميزات الاضافة:

1. تقوم الإضافة بتحميل المقطع الصوتي مرة واحدة فقط.
2. تستطيع التحكم بمستوى إرتفاع الصوت ويمكنك إيقافه.

كيف تضع مشغل mp3 في مدونتك:

اذهب الى لوحة تحكم بلوجر ثم تخطيط ثم إضافة أداة ثم Html/javascript 
ثم قم بكتابة هذا الكود وإضغط حفظ
<script type="text/javascript" src="http://scmplayer.net/script.js" data-config="{'skin':'skins/aquaBlue/skin.css','volume':12,'autoplay':true,'shuffle':true,'repeat':2,'placement':'top','showplaylist':false,'playlist':[{'title':'%u064A%u0627 %u0646%u0628%u0649 %u0633%u0644%u0627%u0645 %u0639%u0644%u064A%u0643 %u0645%u0627%u0647%u0631 %u0632%u064A%u0646 ','url':'link.mp3'}]}" ></script>
ثم قم بتغيير الرابط باللون الأزرق برابط الملف الصوتي (المباشر) المراد تشغيله.


إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

إضافات بلوجر

بلوجر

أكواد

كود لبلوجر

أكمل القراءة

إضافة تابعنا عبر البريد الإلكتروني بلونين لبلوجر

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

إضافة تابعنا عبر البريد الإلكتروني بلونين لبلوجر:

الإضافة الزرقاء: 

<div id="sleek-subscribe"> <div class="ins">
<form action =" http://feedburner.google.com/fb/a/mailverify
?uri=يوزر
" '="" class="signform" method="post" target="_new">
<input class="txt2
" name="email" onblur="if (this.value == '') {this.value = 'ضع ايميلك هنا';}" onfocus="if (this.value == 'ضع ايميلك هنا') {this.value = '';}" value="ضع ايميلك هنا" />
<input class="btn2" type="submit" value=" " /> </form>
</div>
</div>
</div>
<style>
.sub{width:300px;height:130px; background-image:url(http://goo.gl/wx65ht);
background:url(http://4.bp.blogspot.com/-B-E9yn3qUCw/UT-6nhPMInI/AAAAAAAAA-4/kHduUYkRIxQ/s1600/Cadre.png);}.sub h5{color:#2d2d2d;font:22px arial;margin:0;padding:25px 0 0 0;text-align:center;}.sub .ins{width:261px;height:35px;margin:12px auto 0;}.sub .ins .txt2{border:1px solid #E1E1E1;background:white;font:12px Tahoma,Geneva,sans-serif;color:silver;padding:10px 7px 9px 7px;margin:0px;float:right;text-align:right;width:136px;}.sub .ins .btn2{background:url(http://3.bp.blogspot.com/-9ZQ_8h_yNyI/UT--QL0endI/AAAAAAAAA_E/y-Jbrs6Spo0/s1600/send.png);
float:left;border:none;width:104px;height:33px;
cursor:pointer;margin-top:1px;}
</style>


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


<div id="sleek-subscribe"> <div class="ins"><form action =" http://feedburner.google.com/fb/a/mailverify
?uri=يوزر
'="" class="signformmethod="posttarget="_new">
<input class="txt2
name="emailonblur="if (this.value == '') {this.value = 'ضع ايميلك هنا';}onfocus="if (this.value == 'ضع ايميلك هنا') {this.value = '';}value="ضع ايميلك هنا" />
 <input class="btn2type="submitvalue=" " /> </form>
</div>
</div>
</div>
<style>
.sub{width:300px;height:130px; background-image:url(http://goo.gl/wx65ht);
background:url(http://im39.gulfup.com/ThnWu.png);}.sub h5{color:#2d2d2d;font:22px arial;margin:0;padding:25px 0 0 0;text-align:center;}.sub .ins{width:261px;height:35px;margin:12px auto 0;}.sub .ins .txt2{border:1px solid #E1E1E1;background:white;font:12px Tahoma,Geneva,sans-serif;color:silver;padding:10px 7px 9px 7px;margin:0px;float:right;text-align:right;width:136px;}.sub .ins .btn2{background:url(http://im39.gulfup.com/ZAd8r.png);
float:left;border:none;width:104px;height:33px;
cursor:pointer;margin-top:1px;}
</style>




إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

أكمل القراءة

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

بسم الله الرحمن الرحيم ,والصلاة والسلام على رسول الله محمد, أما بعد:
اليوم سأقدم لك إضافة مميزة وإحترافية وهي تابعنا عبر الشبكات الاجتماعية والتي تحتوي على (تويتر, فيسبوك, البريد الإلكتروني (feedburner)),
وهي سهلة التركيب, ويمكن تركيبها على بلوجر والوردبريس وعلى المواقع أيضاً لكن الآن سأشرح طريقة تركيبها في بلوجر.



لمعاينتها:

Icon Icon Icon

طريقة إضافة تابعنا لبلوجر:

  1. أدخل لبلوجر.
  2. إضغط على تخطيط.
  3. إضغط على إضافة أداة.
  4. ضع هذا الكود: 
    <style> #social a:hover {background-color: transparent;opacity:0.7;} #social img { -moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; } #social img:hover { -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } </style> <center><div id="social">
     <!--Start Rss Icon--> <a title="اشترك و تابع أخر مواضيعنا.." href="http://feedburner.google.com/fb/a/mailverify?uri=blogspot/ihebf" rel="nofollow" target="_blank"><img border="0" src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/rss_zps237db27e.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon-->
     <!--Start Facebook Icon--> <a rel="nofollow" title="تابعنا على الفيس بوك .." href="https://www.facebook.com/programing.blog" target="_blank"><img border="0" src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/facebook_zps17e8a317.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Facebook Icon-->
     <!--Start Twitter Icon--> <a rel="nofollow" title="تابعنا على تويتر.." href="http://www.twitter.com/username" target="_blank"><img border="0" src="http://i1356.photobucket.com/albums/q728/marklin44/Social%20Media%20Gray%20Icons/twitter_zpsad21acd1.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Twitter Icon--></div></center>  
    ملحوظة: غير ما لون خلفيته أحمر باليوزرنيم الخاص بالفيدبارنر لمدونتك.                   
    ملحوظة: غير ما لون خلفيته أخضر باليوزر نيم الخاص بصفحت مدونتك على الفيسبوك. 
    ملحوظة: غير ما لون خلفيته برتقالي باليوزرنيم الخاص بصفحت مدونتك على تويتر.       


إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

كلمات مفتاحية:

أكواد, إضافات بلوجر, بلوجر, جميع المشاركات, شروحات و طرق, دروس للمواقع, فيس بوك, للمبتدئين في بلوجر, مقالات, وردبريس, 

أكمل القراءة

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

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

طريقة إضافة مواضيع هذا الاسبوع مثل مدونة المحترف في مدونات بلوجر:

  1. أدخل إلى بلوجر.
  2. إضغط على إسم مدونتك.
  3. إضغط على "تخطيط".
  4. إضغط على "إضافة أداة"  الموجودة في المكان الذي تريد وضع الإضافة فيه.
  5. ضع هذا الكود في الفراغ ثم إضغط "حفظ":
    ملحوظة: غير رابط مدونتي برابط مدونتك في الكود.
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
    <style type="text/css" media="screen"><!--
    /* ========== Scrolling Recent Posts Widget By NewBloggerTips.com ======== */

    #NBT-widget {
    overflow: hidden;
    margin-top: 5px;
    padding: 0px 0px;
    height: 400px;
    }
    #NBT-widget ul {
    width: 295px;
    overflow: hidden;
    list-style-type: none;
    padding: 0px 0px;
    margin: 0px 0px;
    }
    #NBT-widget li {
    width: 282px;
    padding: 5px 5px;
    margin: 0px 0px 5px 0px;
    list-style-type: none;
    float: none;
    height: 80px;
    overflow: hidden;
    background: #fff url(http://4.bp.blogspot.com/-n-c0E1EolLQ/UNgwiGzaTEI/AAAAAAAAI08/QlG8dKfnY0g/s1600/NewBloggerTips.com-post.jpg) repeat-x;
    border: 1px solid #ddd;
    }
    #NBT-widget li a {
    text-decoration: none;
    color: #4B545B;
    font-size: 15px;
    height: 18px;
    overflow: hidden;
    margin: 0px 0px;
    padding: 0px 0px 2px 0px;
    }
    #NBT-widget img {
    float: left;
    margin-top: 10px;
    margin-right: 15px;
    background: #EFEFEF;
    border: 0;
    }
    #NBT-widget img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 4px;
    background: #eee;
    background: -webkit-gradient(linear, left top, left bottom, from(#eee), color-stop(0.5, #ddd), color-stop(0.5, #c0c0c0), to(#aaa));
    background: -moz-linear-gradient(top, #eee, #ddd 50%, #c0c0c0 50%, #aaa);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.7);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.7);
    box-shadow: 0 0 3px rgba(0,0,0,.7);
    }
    #NBT-widget img:hover {
    -moz-transform: scale(1.2) rotate(-350deg);
    -webkit-transform: scale(1.2) rotate(-350deg);
    -o-transform: scale(1.2) rotate(-350deg);
    -ms-transform: scale(1.2) rotate(-350deg);
    transform: scale(1.2) rotate(-350deg);
    -webkit-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    -moz-box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    box-shadow: 0 0 20px rgba(255,0,0,.4), inset 0 0 20px rgba(255,255,255,1);
    }
    .spydate {
    overflow: hidden;
    font-size: 10px;
    color: #0284C2;
    padding: 2px 0px;
    margin: 1px 0px 0px 0px;
    height: 15px;
    font-family: Tahoma,Arial,verdana, sans-serif;
    }
    .spycomment {
    overflow: hidden;
    font-family: Tahoma,Arial,verdana, sans-serif;
    font-size: 10px;
    color: #262B2F;
    padding: 0px 0px;
    margin: 0px 0px;
    }

    /* ========== Scrolling Recent Posts Widget By NewBloggerTips.com ======== */

    --></style>
    <script language='JavaScript'>
    imgr = new Array();
    imgr[0] = "http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif";
    imgr[1] = "http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif";
    imgr[2] = "http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif";
    imgr[3] = "http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif";
    imgr[4] = "http://1.bp.blogspot.com/-_Ka22NXTcw8/UNROKxLh64I/AAAAAAAAIxQ/na4pvgRt9Mw/s1600/No+Image+1.gif";
    showRandomImg = true;
    boxwidth = 240;
    cellspacing = 6;
    borderColor = "#232c35";
    bgTD = "#000000";
    thumbwidth = 50;
    thumbheight = 50;
    fntsize = 15;
    acolor = "#666";
    aBold = true;
    icon = " ";
    text = "comments";
    showPostDate = true;
    summaryPost = 40;
    summaryFontsize = 10;
    summaryColor = "#666";
    icon2 = " ";
    numposts = 20;
    home_page = "http://aplaticos.blogspot.com/";
    limitspy=4;
    intervalspy=5000;
    </script>
    <div id="NBT-widget">
    <script src='https://dl.dropbox.com/s/gviv5r1iksjfvj3/Scrolling_recent-posts-Spy-NBT.js' type='text/javascript'></script>
    </div>

ضع تعليق فرأيك يهمنا
المصدر : مدونة أبلتكس التقنية | للتقنية عنوان |



إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

أكمل القراءة

طريقة تركيب ملف robots.txt في مدونات بلوجر

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

 robots.txt


مميزات ملف robots.txt

  • أرشفة قوية.
  • بيج رانك عالي.
  • عدد زوار أكثر.
وغيرها الكثير :)

طريقة تركيب ملف robots.txt لمدونات بلوجر

  1. أدخل على بلوجر.
  2. إضغط على "إعدادات".
  3. إضغط على "تفضيلات البحث".
  4. ستجد مثل هذه فقم بالضغط على تحرير :
  5. إضغط على  "نعم".
  6. ضع كود الملف في الصندوق الفارغ.
    (إن أردت معرف الكود الذي أستعمله أنظر أسفل الخطوة السابعة)
  7. إضغط على "حفظ التغيرات".

كود ملف robots.txt الذي أستعمله

ملحوظة : غير الرابط الذي لونه أحمر برابط مدونتك.
User-agent: Mediapartners-Google
Disallow: 

User-agent: *
Disallow: /search
Allow: /

Sitemap: http://aplaticos.blogspot.com/feeds/posts/default?orderby=UPDATED

ملحوظة : غير الرابط الذي لونه أحمر برابط مدونتك.



إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني

أكمل القراءة

حصرياً :6 مربعات بحث إحترافية بتقنية الـCSS للمدونات 2013

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


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

شكل مربع البحث الأول


<style type="text/css">#aplaticos-searchbox{background:url(http://i.imm.io/1gBsV.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</style>   <div id="aplaticos-searchbox"><form id="w2b-searchform" action="/search" method="get">    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div> 

شكل مربع البحث الثاني




<style type="text/css">#aplaticos-searchbox{background:url(http://i.imm.io/1gBtn.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</style>   <div id="aplaticos-searchbox"><form id="w2b-searchform" action="/search" method="get">    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div> 

شكل مربع البحث الثالث



<style type="text/css">#aplaticos-searchbox{background:url(http://i.imm.io/1gBtr.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</style>   <div id="aplaticos-searchbox"><form id="w2b-searchform" action="/search" method="get">    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

شكل مربع البحث الرابع



<style type="text/css">#aplaticos-searchbox{background:url(http://i.imm.io/1gBvr.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</style>   <div id="aplaticos-searchbox"><form id="w2b-searchform" action="/search" method="get">    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

شكل مربع البحث الخامس



<style type="text/css">#aplaticos-searchbox{background:url(http://i.imm.io/1gBuR.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</style>   <div id="aplaticos-searchbox"><form id="w2b-searchform" action="/search" method="get">    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>

شكل مربع البحث السادس




<style type="text/css">#aplaticos-searchbox{background:url(http://i.imm.io/1gBt4.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}</style>   <div id="aplaticos-searchbox"><form id="w2b-searchform" action="/search" method="get">    <input type="text" id="s" name="q" value="Search..." onfocus='if (this.value == "Search...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Search...";}'/>    <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /></form></div>


المصدر : http://aplaticos.blogspot.com/



إن أصبت فهو من الله - عز و جل - , و إن أخطأت فهو مني


أكمل القراءة