بحث هذه المدونة الإلكترونية

‏إظهار الرسائل ذات التسميات HTML-JavaScript اضافات جافا بالبلوجر. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات HTML-JavaScript اضافات جافا بالبلوجر. إظهار كافة الرسائل

الخميس، 11 مايو 2017

كود تشغيل اليوتيوب او الصوتيات في موقع scmplayer.co معي تغير اللون بكل سهوله معي المثال


تم التجربه من المصدر والتعمل معه في التغير لروابط الموجوده وتغير اللون اذا حبيت
 
 ==============================
 <!-- SCM Music Player http://scmplayer.co -->
 <script type="text/javascript" src="http://scmplayer.co/script.js" 
 data-config="{'skin':'skins/tunes/skin.css','volume':50,'autoplay':false,'shuffle':false,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'','url':'https://www.youtube.com/watch?v=HsM1yHeXvYg'},{'title':'','url':'https://www.youtube.com/watch?v=jYjc0EfOu1E'},{'title':'','url':'https://www.youtube.com/watch?v=pwto9A6J6tE'},{'title':'','url':'https://www.youtube.com/watch?v=11hyx-qC5Zs'},{'title':'','url':'https://www.youtube.com/watch?v=o8QNIXTsjdg'},{'title':'','url':'https://www.youtube.com/watch?v=zBCpb9OggV8'}]}" ></script>
 <!-- SCM Music Player script end -->
 ==============================
 الكود الثاني نفسه بس وضعنا التشغيل تلقائي ووضع اسماء لكل مقطع
 ==============================
 <!-- SCM Music Player http://scmplayer.co -->
 <script type="text/javascript" src="http://scmplayer.co/script.js" 
 data-config="{'skin':'skins/tunes/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'placement':'top','showplaylist':false,'playlist':[{'title':'تعديل 8','url':'https://www.youtube.com/watch?v=HsM1yHeXvYg'},{'title':'تعديل 7','url':'https://www.youtube.com/watch?v=jYjc0EfOu1E'},{'title':'تعديل 6','url':'https://www.youtube.com/watch?v=pwto9A6J6tE'},{'title':'تعديل 5','url':'https://www.youtube.com/watch?v=11hyx-qC5Zs'},{'title':'تعديل 4','url':'https://www.youtube.com/watch?v=o8QNIXTsjdg'},{'title':'تعديل 3','url':'https://www.youtube.com/watch?v=zBCpb9OggV8'}]}" ></script>
 <!-- SCM Music Player script end -->
 ==============================
 http://scmplayer.co/
 هنا المثال
 يمكنك وضع الكود بالمواقع حسب ما تختار لوجوده وحتى البلوجرات
 بوضع الجافا او تابع
 <body>
 تحته كما تشاء
إقرأ المزيد

الساعه الفلاشيه معي المثال

اضافه جافا سكربت بالتخطيط

=================
<!--- G3 alGme3.com هاك الساعه الفلاشية---->
<p align="center">
<embed width="128" height="128" src="http://gulf-missil.ucoz.com/SwF/saeah_algme3.swf"></p>
<!--- G3 alGme3.com هاك الساعه الفلاشية---->
=================
  
إقرأ المزيد

اضافه جافا سكربت لاربع خدمات تواصل مهمه تويتر وفيس وقوقل وتغذيه Sliding Social icons


اضافه جافا سكربت بالتخطيط
 
 ==============================
 <div class="abt-social-slide">
 <ul>
 <li><a class="facebook" href="#" target="_blank">Facebook</a></li>
 <li><a class="twitter" href="#" target="_blank">Twitter</a></li>
 <li><a class="google-p" href="#" target="_blank">Google plus</a></li>
 <li><a class="rss" href="#" target="_blank">Rss</a></li>
 </ul>
 </div>
 <style>
 .abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}
 .abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}
 .abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKtgvJBhSA3m1SN-0Q5VFcgZ8UFwN152mXqeqX-AVtnGCy8G_sZPPRXbFb1dHOHZ_cEUwf7ICXBXDeM0lEp8pblapy9jeyL8p6zGvL9g5r32KorWwRaIKhDmBQgENIluU_Zp5ZmHnHow/s1600/facebook.png) no-repeat 0 -88px}
 .abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKtgvJBhSA3m1SN-0Q5VFcgZ8UFwN152mXqeqX-AVtnGCy8G_sZPPRXbFb1dHOHZ_cEUwf7ICXBXDeM0lEp8pblapy9jeyL8p6zGvL9g5r32KorWwRaIKhDmBQgENIluU_Zp5ZmHnHow/s1600/facebook.png) no-repeat 0 0}
 .abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7OS7HUyFOeAeoEQ05opT_SOPG7gSRm6w40uDD2yTmaGqwO36vLoY7d76cdKsaO8NY5280qFOFJe_9vSC_QyJIStksTr_Jv6TnGcAqoXCIJNHjM-a9RAmqS5DfyP0sUeCqkCtl3Q55w/s1600/twitter-1.png) no-repeat 0 -88px}
 .abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp7OS7HUyFOeAeoEQ05opT_SOPG7gSRm6w40uDD2yTmaGqwO36vLoY7d76cdKsaO8NY5280qFOFJe_9vSC_QyJIStksTr_Jv6TnGcAqoXCIJNHjM-a9RAmqS5DfyP0sUeCqkCtl3Q55w/s1600/twitter-1.png) no-repeat 0 0}
 .abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdJRnz5PYir2St0Er9oOi6dlMbE8RDOS32VGF3y6Tz_RyvJ7WcmaagCprj-5cntysQ5jlFQ7_sLrqFCy1D4FYeNQ5MR5kfB9EhFC1YZce1CR196qiO80vYGZCqf0z0HSOLpErRoBMSg/s1600/google.png) no-repeat 0 -88px}
 .abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPdJRnz5PYir2St0Er9oOi6dlMbE8RDOS32VGF3y6Tz_RyvJ7WcmaagCprj-5cntysQ5jlFQ7_sLrqFCy1D4FYeNQ5MR5kfB9EhFC1YZce1CR196qiO80vYGZCqf0z0HSOLpErRoBMSg/s1600/google.png) no-repeat 0 0}
 .abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjSANBDsGKzcPVkXRnH9atEGbb3gxF-3G1XB76oOXdPc0V4VqsJZ4zxw_J8_lUEcVqtABryn7UXeQ0shh0l-0iRb8Hzpw_ABqt9uY1pw1kSV-iR-YrkAOq3p8qqK7hN2r8OjcIyEpxQ/s1600/twitter.png) no-repeat 0 -88px}
 .abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRjSANBDsGKzcPVkXRnH9atEGbb3gxF-3G1XB76oOXdPc0V4VqsJZ4zxw_J8_lUEcVqtABryn7UXeQ0shh0l-0iRb8Hzpw_ABqt9uY1pw1kSV-iR-YrkAOq3p8qqK7hN2r8OjcIyEpxQ/s1600/twitter.png) no-repeat 0 0}
 </style> 
 ==============================
إقرأ المزيد

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

بسم الله الرحمن الرحيم
والصلاة والسلام على خير خلق الله سيدنا محمد عليه أفضل الصلاة واتم التسليم
السلام عليكم ورحمة الله وبركاته
قائمة عمودية جانبية مع روابط وايقونات HTML + CSS | معدلة
قائمة جميلة وبخصائص بسيطه تعطي منظر اجمل لموقعك وتوفر سهولة في الاستخدام للزائر
صورة من الاداة :
طريقة التركيب :
اولاَ ادخل مدونتك كالعادة
ثم أذهب مباشرة الى التخطيط , حيث اننا سنقوم بزرع الاداة هناك
اضف اداة جديدة عبارة عن HTML/javacript
ضع هذا الكود داخلها مع تعديل ماسأذكره
<style>
#menu {background: white;width: 280px;padding:10px;margin: 0 auto;direction: rtl;}
#menu ul {margin:0; padding:0;list-style: none;}
#menu ul li {margin: 0;padding: 5px 0 10px;border-bottom: 1px dashed #EAEAEA;}
#menu ul li img {padding: 3px 10px 0 0px;}
#menu ul li a {font: normal 18px tahoma ,arial;color: #007195;float: right;text-align: right;text-decoration:none;}
#menu ul li a:hover {color:#CC3332;}
#menu ul li span {font: normal 13px tahoma ,arial;color:#7D7D7D;float: right;text-align: right;}
#menu li span:hover {color: #494949;}
</style>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<div id="menu">
<ul>
<li><img src="https://cdn1.iconfinder.com/data/icons/free-red-cloud-icons/48/Youtube_TV.png" border="0" alt="" /><a href="#">قنوات تلفزونية تعليمية<br />
<span>هنا ضع وصف قصير كالذي كتبته الأن ..</span></a></li>
<li><img src="https://cdn1.iconfinder.com/data/icons/humano2/48x48/actions/bookmark-new.png" border="0" alt="" /><a href="#">أدوات جديدة خاصة بالتطوير<br />
<span>هنا ضع وصف قصير كالذي كتبته الأن .</span></a></li>
<li><img src="https://cdn1.iconfinder.com/data/icons/snowish/48x48/apps/gnome-control-center.png" border="0" alt="" /><a href="#">دعم فني مجانا لموقعك<br />
<span>هنا ضع وصف قصير كالذي كتبته الأن .</span></a></li>
<li><img src="https://cdn1.iconfinder.com/data/icons/humano2/48x48/emblems/emblem-symbolic-link.png" border="0" alt="" /><a href="#">ضع رابطك في موقعنا<br />
<span>هنا ضع وصف قصير كالذي كتبته الأن .</span></a></li>
</ul>

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

اضافه يدويه في كل موضوع بالمدونه بلوجر لتصغير الصوره بالموضوع IMG HEIGHT

عليك تغير المقاسات قبل الرفع وفي كل موضوع تضيف هذا الكود


=====================
<p align="center"><A HREF="https://lh3.googleusercontent.com/-8X8_hrFmp60/VTMCHkqjJ5I/AAAAAAAAAtU/DTiV4mHM_qQ/w580-h486-no/Havij_v1.16_algme3-2014.GIF" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="https://lh3.googleusercontent.com/-8X8_hrFmp60/VTMCHkqjJ5I/AAAAAAAAAtU/DTiV4mHM_qQ/w580-h486-no/Havij_v1.16_algme3-2014.GIF" alt="إسم الصورة" /></A>
</p>

=====================
وهذا تطبيق اذا كنت تحب بأضافه اكثر من صوره كمثال
=====================
<p align="center"><A HREF="https://lh3.googleusercontent.com/-vsr5QvUPUTI/VMBOLI-VvTI/AAAAAAAABBY/iHx_idULH30/w504-h333-no/zareat_G3.png" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="https://lh3.googleusercontent.com/-vsr5QvUPUTI/VMBOLI-VvTI/AAAAAAAABBY/iHx_idULH30/w504-h333-no/zareat_G3.png" alt="إسم الصورة" /></A>
</p>

<p align="center"><A HREF="https://lh3.googleusercontent.com/-xVetzvNz-1U/ViDU6tC-mJI/AAAAAAAABI8/BCHBZL9Eif0/s500-Ic42/nasseralmasri.png" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="https://lh3.googleusercontent.com/-xVetzvNz-1U/ViDU6tC-mJI/AAAAAAAABI8/BCHBZL9Eif0/s500-Ic42/nasseralmasri.png" alt="إسم الصورة" /></A>
</p>

<p align="center"><A HREF="https://lh5.googleusercontent.com/-kqUlQoQMRL4/VL8mJD5BK5I/AAAAAAAAA30/-4XvavGdae4/w570-h285-no/owahabea.gif" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="https://lh5.googleusercontent.com/-kqUlQoQMRL4/VL8mJD5BK5I/AAAAAAAAA30/-4XvavGdae4/w570-h285-no/owahabea.gif" alt="إسم الصورة" /></A>
</p>

<p align="center"><A HREF="http://www.jave.de/screenshots/scr_i2a2.gif" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="http://www.jave.de/screenshots/scr_i2a2.gif" alt="إسم الصورة" /></A>
</p>

<p align="center"><A HREF="http://www.jave.de/screenshots/scr_i2a2.gif" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="http://www.jave.de/screenshots/scr_i2a2.gif" alt="إسم الصورة" /></A>
</p>

<p align="center"><A HREF="http://www.jave.de/screenshots/scr_i2a2.gif" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=569 WIDTH=782 SRC="http://www.jave.de/screenshots/scr_i2a2.gif" alt="إسم الصورة" /></A>
</p>
=====================
إقرأ المزيد

الجمعة، 14 أبريل 2017

برمجه يوجد صوره لـوضع كلمه بسم الله الرحمن الرحيم او اي عباره بالمقدمه bsmlh

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

===============================
<data:post.body/>
===============================
ستجده مكرر أكثر من مرة وفي أغلب الاحيان الثانيه او التالثة هي المقصودة
ضع فوقها هذا الكود
===============================
<center><img alt='السلام عليكم' border='0' height='87' src='http://www.hpcnf.0fees.net/uploads/1426023251.png' width='300'/></center>
===============================
او يمكنك اخذ هذي الصوره للكويتين تصلح *_^
قم بتغيير رابط الصورة إن أردت ذالك وغير ايضا المقاسات بما يناسب
هذه الطريقة يمكن تطبيقها على صورة اخرى تضعها اسفل كل موضوع مثلا ختم خاص بمدونتك
او توقيع من تصميمك ولفعل ذالك ضع نفس الكود أسفل هذا الوسم
===============================
<center>بسم الله الرحمن الرحيم</center>
===============================
<center>بسم <font size="5">الله</font> الرحمن <font size="5">الرحيم</font></center>
===============================
ويمكن تنسخ الرابط لصوره ووضعها في كل موضوع بلا البرمجه

وهذي مجموعه لصور




اتمنى ان تكون الإضافة قد اعجبتكم
دمتم في رعاية الله وحفضه 
إقرأ المزيد

الخميس، 13 أبريل 2017

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

إضافة زر الصعود لأعلى لمدونة بلوجر بسهولة وبسرعة
بشكل جميل وبطريقتين مختلفتين
السلام عليكم ورحمة الله وبركاته
إن شاء الله إخواني وأخواتي الكرام نوضح لك كيفية إضافة اداة مهمة جدا لمدونات بلوجر من أجل تصفح أسهل لزوار المدونة والتنقل داخل الموضوع خصوصا إن كان طويلا أو الصعود للقائمة الرئيسية بسرعة
وبالتالي تقلل الملل وتسهم في وجود الزوار لفترة أكبر في مدونتك
وهي أداة الصعود المباشر لأعلى المدونة
وحتى لا أطيل فتركيب الاداة سهل جدا ولا يأخذ وقتا منك
نبدأ بسم الله
(أولاً)
قم بحفظ نسخة من قالبك لتفادي أي أخطاء قد تواجهك .. مهم جدا
(ثانياً)
اذهب إلى قالب المدونة ومن ثم الى تحرير html ثم اضغط داخل القالب ومن الكيبورد اضغط ctrl+f
وابحث عن الكود التالي
</body>
ثم اضف قبله هذا الكود التالي
===========
< a href='#' id='backtotop'><img alt='back to top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYW0bslmzOx1Thyphenhyphennek3Dv52X9FrOpeRmCL1r3NPmxn7JnTcitwsfj6j_VeRNxGAB_1QTdf5L8mf3CQdDI-sHda2XfZ8WKAk2gKEvXEFmckM2v64yFWKIb3VtLKAhf-SBmKIsyV4syFkAGQ/s1600/9.png'/></a>

< script type='text/javascript'>

var home_page=&quot;/&quot;;

var urlactivepage=location.href;

var postperpage=4;

var numshowpage=6;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

< /script>
===========
إذا أردت تغيير شكل الأيقونة غير ما باللون الأحمر برابط الصورة المراد وضعها
(ثالثاً)
ثم ابحث عن الكود التالي
]]></b:skin>
واضف قبله هذا الكود
==============
#backtotop {
padding:5px;
position:fixed;
bottom:5px;right:5px;
cursor:pointer;
}
 
==============
يمكنك عند هذا تم الرفع جرب واذا لا قم بالتالي اللى تحت
==============

هذه الأداة تكون في الجهة اليمنى فإذا أردتها بالجهة اليسرى غير left إلى right
أما الطريقة الثانية للإضافة
وهي أسهل بكثير مما سبقت
فما عليك هو أن تذهب للوجة تحكم مدونتك ثم تختار التخطيط
ثم تختار إضافة أداة ومن ثم إضافة وظيفة طرف ثالث HTML/JavaScript 
ثم تنسخ الكود التالي وتضعه في مربع أكواد الأداة
===============
< script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
< script
type="text/javascript" >
/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library
(www.dynamicdrive.com)
* Modified by www.helperblogger.com
* This notice MUST stay intact for legal use
* Visit Project Page at http://www.dynamicdrive.com for full source code
***********************************************/
var scrolltotop={
//startline: Integer. Number of pixels from top of doc scrollbar is
scrolled before showing control
//scrollto: Keyword (Integer, or "Scroll_to_Element_ID"). How far to
scroll document up when control is clicked on (0=top).
setting: {startline:100, scrollto: 0, scrollduration:1000,
fadeduration:[500, 100]},
controlHTML: '<img
 src="
https://lh6.googleusercontent.com/-eju6DAQA5LI/VMilpk7jfUI/AAAAAAAABW8/3wWKFn7GY2A/s57-no/curved-arrow-clipart.png"
/>', //HTML for control, which is auto wrapped in DIV w/
ID="topcontrol"
controlattrs: {offsetx:5, offsety:5}, //offset of control relative
to right/ bottom of window corner
anchorkeyword: '#top', //Enter href value of HTML anchors on the
page that should also act as "Scroll Up" links
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport) //if control is positioned using
JavaScript
this.$control.css({opacity:0}) //hide control immediately
after clicking it
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto :
parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
//check element set by string exists
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest},
this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() -
this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() -
this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)?
true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1},
this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false &&
this.state.isvisible){
this.$control.stop().animate({opacity:0},
this.setting.fadeduration[1])
this.state.isvisible=false
}
},

init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws &&
document.compatMode=="CSS1Compat" && window.XMLHttpRequest //not
IE or IE7+ browsers in standards mode
mainobj.$body=(window.opera)?
(document.compatMode=="CSS1Compat"? $('html') : $('body')) :
$('html,body')
mainobj.$control=$('<div id="topcontrol">
'+mainobj.controlHTML+'</div>
')
.css({position:mainobj.cssfixedsupport? 'fixed' :
'absolute', bottom:mainobj.controlattrs.offsety,
right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest
&& mainobj.$control.text()!='') //loose check for IE6 and below,
plus whether control contains any text
mainobj.$control.css({width:mainobj.$control.width()})
//IE6- seems to require an explicit width on a DIV containing text
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword
+'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
< /script>

===============

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

وسلامتكم
إقرأ المزيد

اضافه جافا للاعلى بصوره فقط Back to Top

Back to Top
اسهل اداء لرفع جافا سكربت
التطبيق اضف
==========
HTML/JavaScript
==========
وارفع الكود هذا باي مكان بالمدونه
==========
<a style="display:scroll;position:fixed;bottom:5px;ri ght:5px;" href="#"title="Back to Top"><img src="http://www.hpcnf.0fees.net/uploads/1427400484.jpg"/></a>

==========
         

وبالتوفيق
إقرأ المزيد

الأربعاء، 1 مارس 2017

كود يدوي لرفع في المدونه في كل موضوع لوضع ازرار تحميل ومعاينه button download

التطبيق سهل يا اخوان واخوات في كل موضوع ترفق الكود بالمشاركه ليتم وضع الصوره لتحميل والمعاينه

=================
<center>
<table style="margin-left: auto; margin-right: auto;">
<tbody>
<tr>
<td><a href="رابط التحميل" id="download" target="_blank" title="تحميل القالب"></a></td>
<td><a href="رابط المعاينة" id="demo" target="_blank" title="معاينة القالب"></a></td>
</tr>
</tbody></table>
</center>
<br />
=================


إقرأ المزيد

تقدر باضافتها بامرين الجافا او البرمجه خمس اشكال لتشغيل الصوتيات بالفلاش بصيغه Mp3 player.swf

البحث عن

==========================
</head>
==========================
فوقه ضع هذا الشكل الول البرتقالي
==========================
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" id="audioplayer1" height="24" width="275"> <param name="movie" value="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" /> <param name="FlashVars" value="playerID=audioplayer1&amp;bg=0xcccccc&amp;leftbg=0x2f2f2f&amp;lefticon=0xffffff&amp;rightbg=0xE8760D&amp;rightbghover=0xFF0000&amp;righticon=0xffffff&amp;righticonhover=0xffffff&amp;text=0xFF0000&amp;slider=0x191919&amp;track=0x333333&amp;border=0x292929&amp;loader=0xFF6666&amp;loop=no&amp;autostart=no&amp;soundFile=https://sites.google.com/site/gamraiimohammednajd/mohammed.mp3" /> <param name="quality" value="high" /> <param name="menu" value="false" /> <param name="wmode" value="transparent" /> </object>

==========================
الشكل مميز الازرق والاخضر
==========================
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf"> <param name="FlashVars" value="playerID=1&bg=0xffffff&lefticon=0xffffff&rightbg=0x0080ff&rightbghover=0x289728&righticon=0xffffff&leftbg=0x289728&righticonhover=0xffffff&text=0x0080ff&slider=0xffffff&track=0xffffff&border=0x289728&loader=0x0080ff&loop=no&autostart=no&soundFile=https://sites.google.com/site/gamraiimohammednajd/mohammed.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>

==========================
الوردي
==========================
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf"> <param name="FlashVars" value="playerID=audioplayer1&bg=0xffffff&leftbg=0x660033&lefticon=0xffffff&rightbg=0xC74988&rightbghover=0x660033&righticon=0xffffff&righticonhover=0xffffff&text=0x660033&slider=0xffffff&track=0x660033&border=0x660033&loader=0x660033&loop=no&autostart=no&soundFile=https://sites.google.com/site/gamraiimohammednajd/mohammed.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>

==========================
الاسود
==========================
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf"> <param name="FlashVars" value="playerID=audioplayer1&bg=0xffffff&leftbg=0x000000&lefticon=0xffffff&rightbg=0xcccccc&rightbghover=0x999999& righticon=0xffffff&righticonhover=0xffffff&text=0x000000&slider=0x666666&track=0x000000&border=0x000000&loader=0xffffff&loop=no&autostart=no&soundFile=https://sites.google.com/site/gamraiimohammednajd/mohammed.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>

==========================
<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" id="audioplayer1" height="24" width="290"> <param name="movie" value="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf"> <param name="FlashVars" value="playerID=audioplayer1&bg=0xffffff&leftbg=0xFF0000&lefticon=0xffffff&rightbg=0xFFCCCC&rightbghover=0xFF0000&righticon=0xffffff&righticonhover=0xffffff&text=0xFF0000&slider=0xffffff&track=0xFF0000&border=0xFF0000&loader=0xFF6666&loop=no&autostart=no&soundFile=https://sites.google.com/site/gamraiimohammednajd/mohammed.mp3"> <param name="quality" value="high"> <param name="menu" value="false"> <param name="wmode" value="transparent"> </object>

==========================
  
إقرأ المزيد

كود موقع soundcloud لصوتيات والتحكم فيه للبلوجر والمواقع


شاهد صفحتنا كمثال
 هو يجي بالاصل كذا قم بتغير الرابط فقط
 https://w.soundcloud.com/player/?url=https://soundcloud.com/algme3
 بس عند الضغط للانترنت راح يعطيك نفس الاول ونتابع الافضل
 
 =======================
 <iframe width="100%" height="400" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https://soundcloud.com/algme3&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false" target="_blank"></iframe></p>
 
 =======================
  
إقرأ المزيد

الأحد، 15 يناير 2017

إضافة قائمة لعرض الفيديوهات علي مدونتك youtube يوجد مثال

امر سهل بالجافا سكربت لعرض مقاطع الفيديو وحدد المكان المناسب بالبلوجر
html/javascript

===============================================
<script type="text/javascript">
function MostrarVideo(idYouTube)
{
var contenedor = document.getElementById('divInnerVideo');
if(idYouTube == "")
{
contenedor.innerHTML = "";
}
else
{
var dimensiones = "width='420' height='315' frameborder='0'";
var url = "http://www.youtube.com/embed/" + idYouTube;
contenedor.innerHTML = "<iframe " + dimensiones + " src='"+ url +"'></iframe>";
}
}
</script>
<div style="margin:20px 0px;">
<select id="sVideos" onchange="MostrarVideo(this.value);">
<option value="" selected />[شاهد اجمل المقاطع معي الجميع]
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو
<option value="kuwaiT" />عنوان الفيديو

</select>
</div>
<div id="divInnerVideo"></div>

===============================================
عليك تغير كلمه الكويت
kuwaiT
بي رابط المقطع لليوتيوب
عنوان يعني اسم المقطع
  
إقرأ المزيد

السبت، 14 يناير 2017

مجموعه عن About Author نبذه عن الكاتب للبلوجر algme3

About Author

=============================
البحث عن
=============================
]]></b:skin>
=============================
فوقه حط
=============================
/* Author Bio */
.postauthor {
background: #F5F5F5;
border-top: 1px solid #e1e1e0;
border-bottom: 1px solid #e1e1e0;
overflow: hidden;
padding: 0.7em;
}
.postauthor img {
border: 5px solid #e2dede;
float: right;
margin-left: 1em;
}
.postauthor h3 {
color: #666;
font-size: 1.2em;
margin-bottom: 5px;
margin-top: 0;
}
.postauthor p {
color: #515151;
font-size: 12px;
margin-bottom: 10px;
margin-top: 0;
}
/* Author Bio End */

=============================
البحث عن
=============================
<data:post.body/>
=============================
وجدت ثنتين فالثانية هي المقصودة) ثم مباشرة بعدها ضع الكود الآتي تحته
[او بتحديد تحت ]
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>
وتعيده مرتين : تنبيه هذا التطبيق على قوالب المدونه الاصلي فقط وغير المعربه او من تصميم شخصي ملخبط " واذا وجدت واحد او اثنين اضف تحته
=============================
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
<img alt='' height='80' src='http://ser1.almlf.com/i/00016/r63hwfye8uou.png' width='80'/>
<h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
<p> موقع الجميع : يسميكم بالخير ويصبحكم بالخير alGme3 - kuwaiT </p>
</div>
</b:if>

=============================
وتعديل : Blog Link
الى ما تحب رابط مدونتك او اضافه خارجيه او تقوم بمسحه لتحويله تلقائي بالموضوع نفسه
واعمل حفظ
التطبيق الثاني
البحث عن
=============================
]]></b:skin>
=============================
فوقه حط
=============================
@font-face { font-family: &#39;JF-Flat-regular&#39;; src: url(&#39;https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot&#39;); src: url(&#39;https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.eot?&#39;) format(&#39;embedded-opentype&#39;), url(&#39;https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.woff&#39;) format(&#39;woff&#39;), url(&#39;https://alinaeliq-cssfile.googlecode.com/svn/trunk/jfflatfont/JF-Flat-regular.ttf&#39;) format(&#39;truetype&#39;);}
.postauthor {
background: #f8f8f8;
border: 1px solid #e74c3c;
padding: 10px;
overflow: hidden;
margin: 4px 0px -7px 0px;
}
.postauthor img {
float: right;
background: #fff;
margin: 0 0 0 8px;
padding: 4px;
border: 1px solid #E0E0E0;
border-radius: 3px;
}
.postauthor h4 {
font: normal 20px JF-Flat-regular;
font-weight: bold;
color: #3D5272;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0GyKHtSyv32uu8b71n8G8T2DzfmQ0oF5c62PoVnevd8v95Q2pycudpeVRfmi2Y0Q-dAvK7u65q9ahnsYYT3NZncofyhEzA9a1K_oQPWjr1vi0EnZKaIE2YUUjFXRqM0cN7fxSd6hdERGp/s1600/user.png) no-repeat 84% 50%;
padding: 0 125px 0;
}
.postauthor a {
color: #5DA86C;
font-size: 20px;
padding-right: 2px;
}
.postauthor p {
font: normal 13px tahoma;
color: #34495e;
line-height: 2em;
text-shadow: 0 1px 0 #fff;
font-weight: bold;
}
/*----------social postauthor------------*/
#social_postauthor {
margin: 16px 0 0;
overflow: hidden;
background: #fff;
padding: 4px;
border-radius: 3px;
border: 1px solid #ddd;
}
#social_postauthor ul{margin:0;padding:0;overflow:hidden;}
#social_postauthor ul li {
float: right;
padding: 0;
margin: 3px 2px;
border-radius: 2px;
transition: 0.5s;
}
#social_postauthor ul li a{
display: inline-block;
float: right;
font-size: 0;
height: 30px;
line-height: 0;
text-indent: -9999em;
width: 30px;
transition:0.5s;
}
#social_postauthor ul li:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* IE 9 */
-webkit-transform:rotate(360deg); /* Safari and Chrome */
-moz-transform:rotate(360deg); /* Safari and Chrome */
-o-transform:rotate(360deg); /* Safari and Chrome */
transition:0.5s;
}
#social_postauthor ul li span{
font: normal 13px JF-Flat-regular;
text-shadow: 0 1px 0 #fff;
padding: 4px 4px 4px 4px;
}
#social_postauthor .txt {
padding: 4px 0;
}
#social_postauthor .fb {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfGbwKszfyLpdZgEpWIhpe6rY5X4wb0LaH_T0t3FsPXHMTJg11I-2Yp38a8UbdK9j4pHkh0NDGdoteGRMC96lirumYZ15H90RiMwWt0txzUJmUxVhglBG2yeL1qmhupIYrq6pRcwXjAL4/s1600/fb.png) no-repeat 50% center;
background-color: #003366;
}
#social_postauthor .tw {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8ij9UEyxEoHIlnM6lodC06X2bN7jYroamOG4Dtt-637yWgq-fXh117O09GQuAx-xxJjJLfpYPjbTj5BZaCsm5_hUaq_xaG-pZCtU2g9IDmG8XjSJXzfK4quKGcCyzqzeE-SWJLBW3zEk/s1600/tw.png) no-repeat 50% center;
background-color: #0ba6f7;
}
#social_postauthor .gl {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2mbXV2WlLCbn2H_OjxTxQxSr7eRNJ6yf-P8XOWGdUgdwaceqGAZgy6kS8S1zUpbQ3mXX_14P4bt-HamyZ5N29wkKHW7TmzqebORwbZ41PXkpcB_z5jrCjyAKCR9nG9bmKhON9aztEvYs/s1600/g.png) no-repeat 50% center;
background-color: #dc311b;
}
#social_postauthor .yt {
background: url(https://cdn1.iconfinder.com/data/icons/flat-3d-social-media-icons/48/youtube.png) no-repeat 50% center;
background-color: #dc311b;
}

.subspabox {
background: #f8f8f8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSy-dEz-w9ohavJbBKb_o26fjfRU-yYZEPrt9FAHTDy_57F9ksOtsj4BmWte3mDapTfu5LDgR22fwF9WCE7_0PXL9T2PEBkcmJcfavsvmdlTNPajHXFMtvyom_7_Wu2-uT_RwPP1jLWDU/s1600/contact-gr.png) no-repeat 98% 50%;
font-family: JF-Flat-regular;
color: #293949;
margin: 0;
width: 55%;
text-align: right;
padding: 4px 25px 6px 0;
border: 1px solid #ddd;
border-radius: 3px;
float: right;
}

=============================
وتبحث عن
=============================
<div class='post-footer-line post-footer-line-1'>
او
<div class='post-footer'>
=============================
ونفس الشرح اخر واحد حطه تحته
=============================
<div class='postauthor'>
<img height='114' rel='author' src='http://ser1.almlf.com/i/00016/r63hwfye8uou.png' width='112'/>
<h4>
الكاتب :
<a href='http://algme3-kw.blogspot.com/' target='_blank'>
<data:post.author/>
</a>
</h4>
<p>وصف مختصر عن الكاتب </p>
<div class='rw-js-container'/>

<div id='social_postauthor'>
<ul>
<li class='txt'>
<span>
تواصل معي :
</span>
</li>
<li class='fb'>
<a href='#' rel='nofollow' target='_blank'>
fb
</a>
</li>
<li class='tw'>
<a href='#' rel='nofollow' target='_blank'>
tw
</a>
</li>
<li class='gl'>
<a href='#' rel='nofollow' target='_blank'>
gl
</a>
</li>
<li class='yt'>
<a href='#' rel='nofollow' target='_blank'>
yt
</a>
</li>

<form action='http://feeds.feedburner.com/blogspot/wQKqV' id='subspa' method='post' onsubmit='window.open(&apos;http://feeds.feedburner.com/blogspot/wQKqV;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>

<input class='subspabox' onblur='if (this.value == &quot;&quot;) {this.value = &quot;او ضع اميلك هنا حتى يصلك كل المواضيع برسائل...&quot;;}' onfocus='if (this.value == &quot;او ضع اميلك هنا حتى يصلك كل المواضيع برسائل...&quot;) {this.value = &quot;&quot;;}' type='text' value='او ضع اميلك هنا حتى يصلك كل المواضيع برسائل...'/>
</form>
</ul>
</div>
</div>

=============================
وتحفظ التطبيق
إقرأ المزيد

مجموعه برمجه وجافا لـ اقراء المزيد Read More

هذي مجموعه صور اختر المناسب


البحث عن
===========================================
</head>
===========================================
فوقه حط هذا
===========================================
<script type='text/javascript'>
posts_no_thumb_sum = 490;
posts_thumb_sum = 400;
img_thumb_height = 120;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:left; margin-right: 5px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

===========================================
والبحث عن هذا
===========================================
<data:post.body/>
===========================================
استبدله بهذا
===========================================
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='readmore' style='float:right'><a expr:href='data:post.url'>إقراء المزيـد &#187;</a></span></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>

===========================================
واخيرا نبحث عن
]]></b:skin>
===========================================
فوقه ضع الكود هذا
===========================================
.thumbnail-post {width:140px;height:80px;float:left;margin:0px 10px 0px 0px;padding-right:15px}
===========================================

البحث عن هذا
===========================================
]]></b:skin>
===========================================
ضع الكود تحته
===========================================
/* Gambar autoread more ----------------------------------------------- */
.post-thumbnail {width:100px;height:70px;float:left;margin:0px 10px 0px 0px;}

===========================================
ابحث عن
===========================================
<data:post.body/>
===========================================
استبدله مرتين
===========================================
<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' expr:src='data:post.thumbnailUrl'/></a> <b:else/> <a expr:href='data:post.url'><img class='post-thumbnail' alt='thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgywWspSwCPOVqAHY2jUkOK6PfR9Gd8x3T5iwhedZIb_RJMlT0tWsPeJZKIoSTIKwTeFBhwimFzF4LZ8ewxvGPqxA4lvNEbA6AaI7vqnXnBz6NtEI0LiV67SaED9fC08xMN7_eFmctMtQQ/s1600/no+image.jpg'/></a> </b:if> <div class='post-snippet'><data:post.snippet/></div> <a class='button' expr:href='data:post.url'>أقرإء المـزيـد »</a> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/> <b:else/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> </b:if> </b:if>
===========================================
انتهينا من Read-More3
===========================================
البحث عن هذا Read-More4

===========================================
<data:post.body/>
===========================================
وقم بالاستبدال تجده مره مرتين
===========================================
<b:if cond='data:blog.pageType == "item"'><data:post.body/><b:else/>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/><b:else/>
<b:if cond='data:post.hasJumpLink'><data:post.body/><b:else/>
<b:if cond='data:post.snippet'><b:if cond='data:post.thumbnailUrl'><div class='bljjteImgn'><img expr:src='data:post.thumbnailUrl'/></div></b:if> <data:post.snippet/><div class='blLeerjtems'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'>إقرا المزيـد</a></div>
<b:else/><data:post.body/></b:if></b:if></b:if></b:if>

===========================================
وبعدها البحث عن هذا
===========================================
</head>
===========================================
وفوقه ضع هذا
===========================================
<link href='https://sites.google.com/site/scriptsbalcon/b/bljLeermsjte.css' rel='stylesheet' type='text/css'/>

===========================================
انتهينا من


===========================================
ابحث عن هذا
===========================================
</head>
===========================================
وضع الكود فوقه معي التعديل المطلوب او نفسه
===========================================
<script type='text/javascript'>
posts_no_thumb_sum = 400;
posts_thumb_sum = 300;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

===========================================
في هذا النموذج الصورة على اليمين إن أردتها على اليسار
استبدل float:right; بـ float:lift;
واستبدل margin-left: 10px; بـ margin-right: 10px;
أما ان اردتها في الوسط فإحذف الكودين
الأربعة أرقام في بداية الكود
400 عدد الحروف الظاهرة بدون صورة
300 عدد الحروف الظاهرة مع وجود صورة
160 إرتفاع الصورة
180 عرض الصورة
===========================================
الان نعيد البحث عن
===========================================
<data:post.body/>
===========================================
نستبدله الان بهذا الكود
===========================================
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<a expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>

===========================================
تطبيق بالصوره
===========================================
<b:if cond='data:blog.pageType not in {"item","static_page"}'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<a expr:href='data:post.url'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpv4LsbKKkBAUqdIuew9uqzv2zxGIJUjKx_95piHvHNkpHt7seeY3HhaSx9cvL1M8PipNDTczfbTF99D2qRkiUPtv6klABb-v5t3ZPQLSFDSk4Rq5d_bEBisG0eWBUWivAL_xFh23vwciD/s1600/%25D8%25A7%25D9%2582%25D8%25B1%25D8%25A7-%25D8%25A7%25D9%2584%25D9%2585%25D8%25B2%25D9%258A%25D8%25AF-%2528%25D8%25AA%25D8%25A7%25D8%25A8%25D8%25B9-%25D9%2582%25D8%25B1%25D8%25A1%25D8%25A9-%25D8%25A7%25D9%2584%25D9%2585%25D9%2588%25D8%25B6%25D9%2588%25D8%25B9%2529.png" title="إقرأ المزيد" alt="إقرأ المزيد"/></a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>

===========================================
ابحث عن الكود التالي ان وجدته إحذفه
===========================================
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

===========================================
انتهينا
===========================================
إقرأ المزيد