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

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

أولاً : ندخل للوحة التحكم ببلوجر .
ثانياً : نضغط على "قالب" .
ثالثاً : نضغط على "تحرير 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>
إذا لم ينجح قم بإزالة ما لونه أحمر بالكود .

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

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

10 كلمات سر لا يجب أن تستخدمها :

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

10 كلمات سر لا يجب أن تستخدمها :


10 كلمات سر لا يجب أن تستخدمها :

  • 123456789
  • 123456
  • 654321
  • q1w2e3r4t5y6u7i8o9p0
  • pass
  • password
  • user
  • admin
  • abc123
  • iloveyou



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

أكمل القراءة

6 أشياء إستفدتها من التدوين :

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


6 أشياء إستفدتها من التدوين :



6 أشياء إستفدتها من التدوين :

1- أنا أبني وأصنع شيئاً فريداً :

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

2- أنا أساعد الناس :

في الواقع هذا شعور رائع ,, أنت تعرف وتساعد الآخرين , تشارك علمك مع غيرك , نعم فأنت تبدع وتساعد وتعلم الآخرين , وتحدث فرقاً في العالم ,, فهل تكون الفرصة بإحداث تغيير في العالم بين يديك وتستغني عنها ؟!! كيف هذا قد يكون ؟!

3- أنا أطلق إبداعي :

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

4- أنا أتعلم كل يوم شيئاً جديداً :

في كل يوم أتعلم شيئاً جديداً , وكأكبر مثال على ذلك تعلمي للبرمجة , فأنا لم أتسجل يوماً بدورة برمجة ولم أدرسها حتى ,, ولكني الآن مبرمج Html و Css !! , قد تستغرب حول هذا , وكيف حدث , فأنا لا أفعل شيئاً سوى كتابة تدوينات ومقالات في مدونتي ,, فكيف أصبحت مبرمجاً ؟!!
هذه حدث بطريقة لولبية خارقة وسريعة :) , حتى أنا لا أكاد فهمها .

5- أصبح عندي أصدقاء جدد :

صراحة أنا شخص لا أحب التحدث كثيراً ,, وأجاوب على ( قد السؤال ) .. ولهذا قد تجد أن تكوين صداقات أمر صعب بعض الشيء ,, ولكن من التدوين تعرفت على مدونين أتبادل معهم الخبرات ,, وأصبحت آراهم على أرض الواقع بعيداً عن العالم الإفتراضيّ , فأصبحوا أصدقائي في العالم الإفتراضي والعالم الحقيقي .

6- أنا في رحلة شيقة وممتعة :

في الواقع فإن العديد من الناس يسخرون مني كوني أضع في نهاية تدويناتي عن " مشواري التدوينيّ " ,, ولكنه في الحقيقة مشوار ورحلة ممتعة , فأصبحت الآن أبني شيئاً جديداً وأساعد الآخرين وأبدع وأتعلم أشياء جديدة وأكون العديد من الصداقات ,,,, فهل هي رحلة أم لا ؟؟؟!!!




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

أكمل القراءة

ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :

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


ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :

1- موقع templateism :

ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :

هو موقع أثبت جدارته بالفعل , فهو يحتوي على أكثر القوالب إحترافية , أنصح الجميع بأن يستعمل القوالب التي يضعها موقع templateism .
رابط الموقع : www.templateism.com .

1- موقع my blogger themes :

ثلاث مواقع للحصول على قوالب بلوجر إحترافية ومجانية :
هو موقع يحتوي على أكثر من ألف قالب إحترافي ومميز , يحتوي على قوالب أفلام وألعاب وغيرها الكثير .
رابط الموقع : www.mybloggerthemes.com .


1- موقع blogger themes :



موقع يحتوي على أكثر من 200 قالب إحترافي , ومن مميزات الموقع أنك تستطيع أن تبحث عن القالب حسب اللون و حسب عدد الأعمدة (الموجودة في الفوتر) .
رابط الموقع : www.bloggerthemes.net .





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

أكمل القراءة

طريقة تعريب قوالب بلوجر بدون برامج

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

طريقة تعريب قوالب بلوجر بدون برامج :

تغيير إتجاهات الكتابه فى القالب وعكسها :

1 : قم بفتح القالب ببرنامج Notepad .
2 : قم بنسخ ما بين <b:skin> و </b:skin> .
3 : قم بفتح ملف Notepad جديد وألصق به الكود الذي نسخته .
4 : من قوائم Notepad إختر Search وثم remplace .
5 : أكتب بالمربع الأول Right وفي الثاني Left .
6 : إضغط على Replace all .
7 : أكتب مرة أخرى في المربع الأول Left وفي الثاني Right .
8 : إضغط على Replace all .
9 : قم بوضع بالمربع الأول copyleft وفي المربع الثاني copyright .
10 : إضغط على Replace all .
11 : قم بنسخ الكود وألصقه بين <b:skin> و </b:skin> في الملف الأول Notepad .
12 : قم بحفظ الملف .
13 : قم بتركيب القالب على مدونة تجريبية .

تبديل الحاشية والمحاذاة :

1 : قم بالدخول إلى بلوجر وإختر المدونة التجريبية .
2 : قم بالضغط على "قالب" ثم إضغط على "تحرير Html" .
3 : قم بالضغط على Ctrl + f من لوحة المفاتيح .
4 : قم بكتابة padding: .
ستجدها على عدة أشكال لكن الشكل المقصود هو كهذا :
padding: 3px 10px 5px 4px;

5 : قم بتبديل القيمتين الثانية والرابعة (من إتجاه اليسار) .
6 : قم بالبحث عن كل الأكواد التي تشبه الخطوة 4 وقم بعمل لها مثل الخطوة 5 .
7 : الآن نكرر ما فعلناه بالخطوة 3 .
8 : قم بكتابة margin: . (يجب أن يكون شكلها كما الخطوة 4)
9 : قم بتبديل القيمتين الثانية والرابعة .

وضع حقوق التعريب :

1 : قم بالضغط على ctrl + f من لوحة المفاتيح .
2 : أكتب <footer> وإضغط Enter من لوحة المفاتيح .
3 : ضع هذا الكود أسفله تماماً مع تغيير ما يلزم :
<a href='رابط مدونتك' rel="dofollow">تعريب : إسم مدونتك</a>






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

أكمل القراءة

كيف تضع أكواد php في بلوجر

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

طريقة وضع كود PHP في بلوجر

كيف تضع أكواد php في بلوجر:

1. أول شيء قم بعمل كود الـphp .
2. ثم قم برفعه على إستضافة وإختر إستضافة تحتفظ بالملفات لوقت طويل.
3. قم بأخذ الرابط المباشر للكود.
4. ضع هذا الكود في المكان الذي تريده مع تغيير ما لونه أحمر برابط الكود المباشر.


<object width="100%" height="100%" type="text/html" data=" http://code-link.php"></object>
ملحوظة: يمكنك أن تغير طول وعرض الكود من خلال تغيير ما لونه أزرق.




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

أكمل القراءة

كيف تضع مشغل 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>
ثم قم بتغيير الرابط باللون الأزرق برابط الملف الصوتي (المباشر) المراد تشغيله.


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

إضافات بلوجر

بلوجر

أكواد

كود لبلوجر

أكمل القراءة