Archive for نوفمبر 2013

الرئيسية » Archive for نوفمبر 2013

قالب Point الإحترافى معرب ومطور من مدونة مدون

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

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

سريع التصفح

متوافق مع أغلبيه المتصفحات

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

به قائمة علوية أعلى الهيدر

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

بنرات بأحجام مختلفة تشبه السلايدر للإعلان بها

نموذج التسجيل بالقائمة البريدية مع أيقونات المواقع الإجتماعية

زر الصعود إلى أعلى بطريقة إحترافية

معاينة تحميل

اضافة تابعني علي تويتر متحركه وجذابه

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

قم باختيار الشكل الذى يناسبك وانسخ الكود الموجود أسفله

ثم اذهب للتخطيط >> اضافة اداة >> Html/javascript
الشكل الأول

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" width="250" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=mdwan_blogger"></param><a href="http://24work.blogspot.com/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON3/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="250" height="150" menu="false" wmode="transparent" flashvars="username=mdwan_blogger"></embed></object>

استبدل ما باللون الازرق باسم حسابك في تويتر
وليس برابط حسابك فقط الاسم

الشكل الثانى

<object type="application/x-shockwave-flash" data="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" width="250" height="150"><param name="movie" value="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf"></param><param name="allowscriptaccess" value="always"></param><param name="menu" value="false"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="username=mdwan_blogger"></param><a href="http://24work.blogspot.com/" title="Blogger Widgets">Blogger Widgets</a><embed src="http://www.buzzbuttons.com/BUTTON0/twitbutton.swf" type="application/x-shockwave-flash" allowscriptaccess="always" width="250" height="150" menu="false" wmode="transparent" flashvars="username=mdwan_blogger"></embed></object>

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

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

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

(1) ابحث عن ]]></b:skin>

وضع قبلها هذا الكود

#arabetutorial1 ul li{

color:#2D2C28;

float: right;

width: 45%;
}
#arabetutorial2 ul li{
color:#2D2C28;
float: left;
width: 45%;
}
#arabetutorial1 li{
margin-bottom:5px;
padding:5px;
}
#arabetutorial1 li a{
color: #777777;
font: 12px verdana;
height: 30px;
width:120px;
font-family:'DroidKufi-regular',Arial,Helvetica,Tahoma,sans-serif;
text-transform: uppercase;
transition: border-color .218s;
background:#f4f4f4;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
display: inline-block;
text-shadow: 0 1px 0 #fff;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background:#f3f3f3;
background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#F5F5F5), to(#F1F1F1));
border: solid 1px#ccc;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin: 0 4px 4px 0;
padding: 3px 5px;
text-decoration: none;
text-align: center;
}
#arabetutorial1 li:hover{
background:#FCFEFE;
color:#00D1FF;
padding:5px;
cursor:pointer;
}
#arabetutorial1 li a:hover{
color:#333;
font-size:12px;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px
rgba(0,0,0,0.15);
}

(2) اذهب للتخطيط اضف أداة Javascript
وضع بها الكود التالى

<div id="arabetutorial1">

<ul>

<li><a href="#">التسمية الأولى</a></li>

<li><a href="#">التسمية الثانية</a></li>
<li><a href="#">التسمية الثالثة</a></li>
<li><a href="#">التسمية الرابعة</a></li>
<li><a href="#">التسمية الخامسة</a></li>
</ul>
</div>

التعديلات الواجبة على الكود

<li><a href="#">التسمية الأولى</a></li>

استبدل علامة # برابط التسمسة لديك

استبدل التسمية با سم الذى تريده

مجموعة مشغل الفيديوهات psd

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

صورة بسيطة توضح أشكال الشرائط وهناك المزيد و6 أشكال مختلفة

المقاس المتوفر : 740 × 2500 بكسل
صيغة الملف : PSD
حجم الملف : 124.43KB
عدد العناصر بداخل الملف : 6 أشكال مختلفة

تحميل الملف

اضافة شريط متحرك يضم اخر اخبار المدونه بالوان احترافيه

بسم الله الرحمن الرحيم ... السلام عليكم ورحمة الله وبركاته

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

اضافة اخر الاخبار نصى متوفرة بأكثر من لون تصلح لكافة المدونات والقوالب فقط عليك بـ إختيار اللون الذى يناسب قالبك وشرح التركيب خطو بخطوة فقط إتبع الشرح الآتى

1- من لوحة التحكم --قالب --تحرير html

2-البحث عن الكود التالى

<head/>

واضافة هذا الكود قبله

كود اللون الازرق

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;border-left: none;max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#21b8ff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

كود اللون الاخضر

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>#beakingnews{width:980px;margin:0 auto;
line-height:37px;;overflow:hidden; margin-bottom: 20px;
max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;
border-left: none;
max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#29BD9E;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;font-size: 14px;
line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;
text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

كود اللون الاحمر

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>#beakingnews{width:980px;margin:0 auto;line-height:37px;;overflow:hidden; margin-bottom: 20px; max-height: 37px; overflow: hidden;
background: #fff;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
background-clip: padding-box;
border-left: none;
max-height: 37px;}
#beakingnews .tulisbreaking{display:block;float:right;padding:0 7px;;color:#FCFCFC;background:#CC1B1B;
-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 1px 1px rgba(255, 255, 255, 0.3) inset, 0 -1px 1px rgba(0, 0, 0, 0.3) inset;
color: #FFF;font-family:GE SS Two Medium,droidkufi-bold;
font-size: 14px;line-height: 37px;padding-right: 10px;padding-left: 10px;font-weight: normal;text-transform: uppercase;}
#recentpostbreaking{float:right;padding-right: 15px;}
#recentpostbreaking ul,#recentpostbreaking li{list-style:none;margin:0;padding:0}
#recentpostbreaking li a{color:#333; font-family:GE SS Two Medium,droidkufi-bold;font-size:14px;}
</style></b:if></b:if>

الان بعد ان ضفت احد الاكواد السابقة تبقت لنا خطوة واحدة وهى اضافة الاضافة تحت الهيدر
ملاحظة - ان كود الهيدر يختلف من قالب لاخر ولكن انا ساعطيك الكود الشهير
سنقوم بالبحث عن الكود التالى

<div class='main-outer'>

ونلصق قبله تماما هذا الكود

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div id='beakingnews'><span class='tulisbreaking'>أحدث الأخبار</span>
<div id='recentpostbreaking'>Loading...</div>
</div>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
var url_blog = 'http://mdwanblog.blogspot.com/', // alamat blogmu contoh http://mkr-site.blogspot.com
numpostx = 10; // Jumlah artikel yang di tampilkan
$.ajax({
url: '' + url_blog + '/feeds/posts/default?alt=json-in-script&max-results=' + numpostx + '', type: 'get', dataType: "jsonp", success: function(data) { var posturl, posttitle, skeleton = '', entry = data.feed.entry; if (entry !== undefined) {skeleton = "<ul>";for (var i = 0; i < entry.length; i++) { for (var j=0; j < entry[i].link.length; j++) { if (entry[i].link[j].rel == "alternate"){ posturl = entry[i].link[j].href; break; } }
posttitle = entry[i].title.$t;
skeleton += '<li><a href="' + posturl + '" target="_blank">' + posttitle + '</a></li>';
}
skeleton += '</ul>';
$('#recentpostbreaking').html(skeleton);
// kode untuk efek pada breaking news
function tick(){
$('#recentpostbreaking li:first').slideUp( function () { $(this).appendTo($('#recentpostbreaking ul')).slideDown(); }); }
setInterval(function(){ tick () }, 5000); } else {
$('#recentpostbreaking').html('<span>No result!</span>');
} }, error: function() {
$('#recentpostbreaking').html('<strong>Error Loading Feed!</strong>');
} }); });
//]]>
</script>
</b:if></b:if>

الان قم باستبدال الرابط التالى http://mdwanblog.blogspot.com/ برابط مدونتك

ستجده باللون الاحمر

واذا كان لديك اى استفسار لا تترد فى طرحه

صفحتى على الفيس بوك

فيلم الرسالة قصة حياة محمد صلى الله علية وسلم

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

والصلاة والسلام على الهادى الامين

اليوم انا جايب فيلم روووعة يحكى عن حياة محمد صلى الله علية وسلم

يحكى حكاية تفصيلية عن حياتة
الان اترككم مع المشاهدة على تلفزيون مدونة مدون شاهده الآن

اضافة المصحف الالكترونى لمدونات بلوجر

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

♥ ملحوظــــــــــــــــــــة ♥
الأداة قد تكون ثقيلة إلى حد ما فانتظر حتى يكتمل التحميل

معايـنـــــــــة
قم بانشاء صفحة فارغة >> قم باختيار وضع HTML

>> ثم اضف الكود التالى

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<br /></div>
<center>
<div style="-moz-border-radius: 0px; -webkit-border-radius: 0px; background: #658556; border-radius: 0px; border: 0px dashed #FEE664; height: 500px; margin: 5px; width: 390px;">
<img src="//img2.blogblog.com/img/video_object.png" style="background-color: #b2b2b2; height: 500px; width: 390px; " class="BLOGGER-object-element tr_noresize tr_placeholder" id="Full_Quran" data-original-id="Full_Quran" />
</div>
</center>
</div>

ثم قم بنشر الصفحـــــــــة
ومبروك عليك الاضافة الإسلامية الجميلة

محرر الأكواد الشهير بلا منازع notepad+ v6.5.1 بحجم 7 ميجا فقط

المفكرة + هى تختلف عن أى برنامج (notebad) لانه به مميزات عديدة جداً لتحرير الأكواد وهومفيد جداً خاصة بالمبتدئين الذين لا يعلمون كاتبة الأكواد البرمجية جيد البرنامج أكثر من رائع ومشهور جداً ومحبوب لدى الكثيرين وأنا شخصياً أستخدمه وهو يعمل تابع لبيئه ميكروسوفت البرنامج أيضاً يمكنك حفظ الملفات باكثر من صيغة برمجية صفحة ويب ملف Css ملف جافاسكريبت ملف جى كويرى وهو يمتاز بكتابة الأكواد بألوان مختلفة وترقيم الصفحات ويمكنك تعديل الأكواد عليه بكل سهولة .

تحميل البرنامج

اضافة صفحة خاصة بالمدونين فى مدونات بلوجر

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

وبة نستعين

والصلات والسلام على اشرف المرسلين

سيدنا محمد الهادى الامين

اليوم موضوع لم يوجد فى موقع او مدونة فى العالم
وهو اضافة صفحة خاصة بالمدونين فى مدونات بلوجر

1- الاضافة تكثر من تنطيم المدونة

2-اضافة صفحة للكاتب فى المدونة

3-يمكن استخدامها كرابط للكـــاتب

الاضافة من تصميمى ارجوعدم حذف حقوق الاضافة

1-اختر المدونة من لوحة التحكم

2-اختر صفحات» صفحة جديدة»تحرير HTML »الصق الكود التالى»

<div dir="rtl" style="text-align: right;" trbidi="on">
<div dir="rtl" style="text-align: right;" trbidi="on">
<br />
<div class="separator" style="clear: both; text-align: center;">
 <a href="http://mdwantkblog.blogspot.com/" target="_blank"><img alt="http://mdwantkblog.blogspot.com" border="0" height="64" src="http://1.bp.blogspot.com/-xlHrSNc8edQ/UljrPuHggjI/AAAAAAAAACc/SsDG1GivYGI/s1600/logo6.png" width="191" /></a> </div>
<div align="right" dir="rtl">
<table align="right" border="1" cellpadding="0" cellspacing="0" class="MsoTableMediumShading2Accent5" dir="rtl" style="border-collapse: collapse; border: none; margin-left: 6.75pt; margin-right: 6.75pt; mso-border-bottom-alt: solid windowtext 2.25pt; mso-border-top-alt: solid windowtext 2.25pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-table-anchor-horizontal: page; mso-table-anchor-vertical: page; mso-table-dir: bidi; mso-table-left: 124.35pt; mso-table-lspace: 9.0pt; mso-table-rspace: 9.0pt; mso-table-top: 65.3pt; mso-yfti-tbllook: 1184;">
<tbody>
<tr style="mso-yfti-firstrow: yes; mso-yfti-irow: -1;">
<td style="background: #4BACC6; border-bottom: solid windowtext 2.25pt; border-left: none; border-right: none; border-top: solid windowtext 2.25pt; mso-background-themecolor: accent5; padding: 0cm 5.4pt 0cm 5.4pt; width: 145.8pt;" valign="top" width="194"><div align="center" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-yfti-cnfc: 517; text-align: center;">
<b><span lang="AR-SA" style="color: white; font-family: "MCS Hor 2 S_I Normal 2000"; font-size: 22.0pt; mso-themecolor: background1;">معلومات
</span></b><b><span dir="LTR" lang="AR-SA" style="color: white; font-family: "VTC Bad DataTrip"; font-size: 22.0pt; mso-themecolor: background1;"><span style="mso-spacerun: yes;"> </span></span></b><b><span dir="LTR" style="color: white; font-family: "VTC Bad DataTrip"; font-size: 22.0pt; mso-themecolor: background1;">Admine</span></b></div>
</td>
<td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border-color: windowtext -moz-use-text-color; border-style: solid none; border-width: 2.25pt medium; padding: 0cm 5.4pt; text-align: center; width: 280.3pt;" valign="top" width="374"><span style="font-size: large;"><span style="color: white;"><i><b>الاضافة من تصميم مدونة <a href="http://mdwantkblog.blogspot.com/" target="_blank">مدونتك</a></b></i></span></span></td>
</tr>
<tr style="height: 567.4pt; mso-yfti-irow: 0; mso-yfti-lastrow: yes;">
<td style="background: #4BACC6; border-bottom: solid windowtext 2.25pt; border: none; height: 567.4pt; mso-background-themecolor: accent5; padding: 0cm 5.4pt 0cm 5.4pt; width: 145.8pt;" valign="top" width="194"><div class="authorProfile" style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-3hA76S6-hM8/UlktrRNGzjI/AAAAAAAAAC0/wcpn11MT8B8/s1600/sdd.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/-3hA76S6-hM8/UlktrRNGzjI/AAAAAAAAAC0/wcpn11MT8B8/s1600/sdd.jpeg" width="200" /></a></div>
</div>
<div align="right" dir="rtl">
<table align="left" border="1" cellpadding="0" cellspacing="0" class="MsoTableMediumShading2Accent1" dir="rtl" style="border-collapse: collapse; border: medium none; height: 63px; margin-left: 6.75pt; margin-right: 6.75pt; width: 193px;">
   <tbody>
<tr style="mso-yfti-firstrow: yes; mso-yfti-irow: -1; mso-yfti-lastrow: yes;">
    <td style="background: #4F81BD; border-bottom: solid windowtext 2.25pt; border-left: none; border-right: none; border-top: solid windowtext 2.25pt; mso-background-themecolor: accent1; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.25pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-yfti-cnfc: 517;">
<b><span dir="LTR" style="color: white; font-family: "VTC Bad DataTrip"; font-size: 48.0pt; mso-themecolor: background1;">Admine  </span></b></div>
</td>
   </tr>
</tbody></table>
</div>
<div align="right" dir="rtl">
<table align="left" border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" dir="rtl" style="border-collapse: collapse; border: medium none; height: 125px; margin-left: 6.75pt; margin-right: 6.75pt; width: 198px;">
   <tbody>
<tr style="height: 19.9pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
    <td colspan="2" style="border: solid black 1.0pt; height: 19.9pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.5pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<div style="text-align: center;">
<img border="0" src="http://2.bp.blogspot.com/-4dAPqEXx8WI/UlkudDCYTKI/AAAAAAAAAC8/9izG6rZSaE8/s1600/001_15.png" /><img border="0" src="http://2.bp.blogspot.com/-4dAPqEXx8WI/UlkudDCYTKI/AAAAAAAAAC8/9izG6rZSaE8/s1600/001_15.png" /><a href="https://1.bp.blogspot.com/-RS-Mct_TT2c/UlkudM7sb1I/AAAAAAAAADA/H8WRcXfx0z4/s1600/001_16.png"><img border="0" src="http://1.bp.blogspot.com/-RS-Mct_TT2c/UlkudM7sb1I/AAAAAAAAADA/H8WRcXfx0z4/s1600/001_16.png" /></a><img border="0" src="http://1.bp.blogspot.com/-TZc01GASNkE/UlkvZrMQSuI/AAAAAAAAADQ/pXUP3bxOQVY/s1600/low_rating.png" /><img border="0" src="http://1.bp.blogspot.com/-TZc01GASNkE/UlkvZrMQSuI/AAAAAAAAADQ/pXUP3bxOQVY/s1600/low_rating.png" /></div>
</div>
</td>
   </tr>
<tr style="height: 21.1pt; mso-yfti-irow: 1;">
    <td style="border-top: none; border: solid black 1.0pt; height: 21.1pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 70.7pt;" valign="top" width="94"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif"; font-size: 16.0pt; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-themecolor: background1;">العضو
    رقم</span></b></div>
</td>
    <td style="border-bottom: solid black 1.0pt; border-left: solid black 1.0pt; border-right: none; border-top: none; height: 21.1pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-themecolor: text1; mso-border-right-alt: solid black .5pt; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 63.8pt;" valign="top" width="85"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif"; font-size: 18.0pt; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-themecolor: background1;">1</span></b></div>
</td>
   </tr>
<tr style="height: 21.1pt; mso-yfti-irow: 2;">
    <td style="border-top: none; border: solid black 1.0pt; height: 21.1pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 70.7pt;" valign="top" width="94"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif"; font-size: 18.0pt; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-themecolor: background1;">المهنة</span></b></div>
</td>
    <td style="border-bottom: solid black 1.0pt; border-left: solid black 1.0pt; border-right: none; border-top: none; height: 21.1pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-themecolor: text1; mso-border-right-alt: solid black .5pt; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 63.8pt;" valign="top" width="85"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly;">
<b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif"; font-size: 16.0pt; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-themecolor: background1;">الرئيس</span></b></div>
</td>
   </tr>
<tr style="height: 21.1pt; mso-yfti-irow: 3; mso-yfti-lastrow: yes;">
    <td style="border-top: none; border: solid black 1.0pt; height: 21.1pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0cm 5.4pt 0cm 5.4pt; width: 70.7pt;" valign="top" width="94"><br /></td>
    <td style="border-color: -moz-use-text-color -moz-use-text-color black black; border-style: none none solid solid; border-width: medium medium 1pt 1pt; height: 21.1pt; padding: 0cm 5.4pt; width: 63.8pt;" valign="top" width="85"></td>
   </tr>
</tbody></table>
</div>
</td>
<td style="background: #D8D8D8; border-bottom: solid windowtext 2.25pt; border: none; height: 567.4pt; mso-background-themecolor: background1; mso-background-themeshade: 216; padding: 0cm 5.4pt 0cm 5.4pt; width: 280.3pt;" valign="top" width="374"><div align="right" dir="rtl">
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableMediumShading2Accent5" dir="rtl" style="border-collapse: collapse; border: none; mso-border-bottom-alt: solid windowtext 2.25pt; mso-border-top-alt: solid windowtext 2.25pt; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-table-dir: bidi; mso-yfti-tbllook: 1184;">
   <tbody>
<tr style="height: 33.4pt; mso-yfti-firstrow: yes; mso-yfti-irow: -1;">
    <td style="background: #4BACC6; border-bottom: solid windowtext 2.25pt; border-left: none; border-right: none; border-top: solid windowtext 2.25pt; height: 33.4pt; mso-background-themecolor: accent5; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-yfti-cnfc: 517; text-align: justify;">
<b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif"; font-size: 26.0pt; mso-ascii-font-family: Calibri; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-bidi-theme-font: minor-bidi; mso-hansi-font-family: Calibri; mso-hansi-theme-font: minor-latin; mso-themecolor: background1;">الاسم</span></b></div>
</td>
    <td style="background: #4BACC6; border-bottom: solid windowtext 2.25pt; border-left: none; border-right: none; border-top: solid windowtext 2.25pt; height: 33.4pt; mso-background-themecolor: accent5; padding: 0cm 5.4pt 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0cm; mso-element-anchor-horizontal: page; mso-element-anchor-vertical: page; mso-element-frame-hspace: 9.0pt; mso-element-left: 124.4pt; mso-element-top: 65.3pt; mso-element-wrap: around; mso-element: frame; mso-height-rule: exactly; mso-yfti-cnfc: 1; text-align: left;">
<b><span dir="LTR" style="color: white; font-size: 26.0pt; mso-themecolor: background1;">admine</span></b></div>
</td>
   </tr>
<tr style="height: 33.4pt; mso-yfti-irow: 0;">
    <td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">تاريخ الاشتراك</span></b></span></div>
</td>
    <td style="background: none repeat scroll 0% 0% rgb(84, 141, 212); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><span dir="LTR" style="color: white;">1/10/2013</span></b></span></div>
</td>
   </tr>
<tr style="height: 33.4pt;">
    <td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">رئيس موقع</span></b></span></div>
</td>
    <td style="background: none repeat scroll 0% 0% rgb(84, 141, 212); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">مدونة
    مدونتك</span></b></span></div>
</td>
   </tr>
<tr style="height: 31.45pt;">
    <td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border: medium none; height: 31.45pt; padding: 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">المنتج</span></b></span></div>
</td>
    <td style="background: none repeat scroll 0% 0% rgb(84, 141, 212); border: medium none; height: 31.45pt; padding: 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><span dir="LTR" style="color: white;">Blogger</span></b></span></div>
</td>
   </tr>
<tr style="height: 33.4pt;">
    <td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">كل مشاركات اليوم</span></b></span></div>
</td>
    <td style="background: none repeat scroll 0% 0% rgb(84, 141, 212); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><span dir="LTR" style="color: white;">2</span></b></span></div>
</td>
   </tr>
<tr style="height: 33.4pt;">
    <td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">اهم النشاطات</span></b></span></div>
</td>
    <td style="background: none repeat scroll 0% 0% rgb(84, 141, 212); border: medium none; height: 33.4pt; padding: 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">تكويد المدونة</span></b></span></div>
</td>
   </tr>
<tr style="height: 31.45pt; mso-yfti-irow: 5; mso-yfti-lastrow: yes;">
    <td style="background: none repeat scroll 0% 0% rgb(75, 172, 198); border: medium none; height: 31.45pt; padding: 0cm 5.4pt; width: 134.35pt;" valign="top" width="179"><div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">الاسم الحقيقى</span></b></span></div>
<div class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: justify;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">معلومات الاتصال </span></b></span></div>
</td>
    <td style="background: none repeat scroll 0% 0% rgb(84, 141, 212); border: medium none; height: 31.45pt; padding: 0cm 5.4pt; width: 134.4pt;" valign="top" width="179"><div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";">احمد
    مهدى </span></b></span></div>
<div class="authorContent">
<div class="authorSocial">
<div align="right" class="MsoNormal" dir="RTL" style="line-height: normal; margin-bottom: 0cm; text-align: left;">
<span style="font-size: large;"><b><a class="ttip" href="http://alb33dani.blogspot.com/" title="alb33dani on Twitter"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_twitter.png" /></a>

<a class="ttip" href="https://www.blogger.com/%D8%B1%D8%A7%D8%A8%D8%B7%20%D8%A7%D9%84%D9%81%D9%8A%D8%B3%20%D8%A8%D9%88%D9%83" title="alb33dani   on Facebook"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_facebook.png" /></a>
<a class="ttip" href="https://www.blogger.com/%D8%B1%D8%A7%D8%A8%D8%B7%20%D8%AD%D8%B3%D8%A7%D8%A8%20%D8%AC%D9%88%D8%AC%D9%84" title="alb33dani   on Google+"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_google.png" /></a>

<a class="ttip" href="http://alb33dani.blogspot.com/" title="alb33dani   on Linkedin"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_linkedin.png" /></a>

<a class="ttip" href="https://www.blogger.com/%D8%B1%D8%A7%D8%A8%D8%B7%20%D9%81%D9%8A%D9%84%D9%83%D8%B1/" title="alb33dani on Flickr"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_flickr.png" /></a>

<a class="ttip" href="http://www.youtube.com/user/alb33dani" title="alb33dani on YouTube"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_youtube.png" /></a>
<a class="ttip" href="http://alb33dani.blogspot.com/" title="alb33dani on Pinterest"><img alt="" src="http://demo.lioit.com/liomagazine/wp-content/themes/liomagazine/images/icon_pinterest.png" /></a><span lang="AR-SA" style="color: white; font-family: "Arial","sans-serif";"> </span></b></span></div>
</div>
</div>
</td>
   </tr>
</tbody></table>
</div>
</td>
</tr>
</tbody></table>
</div>
<div class="MsoNormal" dir="RTL">
<br /></div>
 
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
</div>

ثم مبرووووووووك عليك الاضافة اى استفسار اكتبة فى تعليق

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

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

وبة نستعين

والصلات والسلام على اشرف المرسلين

سيدنا محمد الهادى الامين

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

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

تسهيل التحميل لزائرى المدونة

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

الدخول الى لوحة تحكم الرسالة

اختيار وضع HTMl

ثم ضع الكود التالى فى المكان الذى تريد

<div trbidi="on" style="text-align: right;" dir="rtl">
<div style="text-align: center;">
</div>
<div style="color: red; text-align: center;">
<style type="text/css">
div.background
{
width:585px;
height:60px;
background:url(http://4.bp.blogspot.com/-z156K3xU9Xk/Ulk6mmee0oI/AAAAAAAAADg/2-vfVmbcfRM/s1600/%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A7%D8%AA.png) repeat;
border:2px solid white;
}
div.transbox
{
width:566px;
height:26px;
margin:26px 9px;

/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}
div.transbox p
{
margin:30px 40px;
font-weight:bold;
color:#000000;
}
</style></div>
<div style="color: red; text-align: center;">
</div>
<div style="color: red; text-align: right;" class="background">
<div class="transbox">
<a href="https://sites.google.com/site/morfkatmdontkblog/%D9%83%D9%8A%D9%81%D9%8A%D8%A9%20%D8%A7%D8%B6%D8%A7%D9%81%D8%A9%20%D8%A7%D8%AF%D8%A7%D8%A9%20%D8%A7%D9%84%D9%85%D9%84%D9%81%D8%A7%D8%AA%20%D8%A7%D9%84%D9%85%D8%B1%D9%81%D9%82%D8%A9%20%D8%A7%D9%84%D9%89%20%D9%85%D8%AF%D9%88%D9%86%D8%A7%D8%AA%20%D8%A8%D9%84%D9%88%D8%AC%D8%B1%20%D9%81%D9%82%D8%B7%20%D9%85%D9%86%20%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%85%D8%AF%D9%88%D9%86%D8%AA%D9%83.docx">كيفية اضافة المرفقات.docx</a> (91 KB)</div>
</div>
</div>

البرتقالية برابط التحميل
والزرقاء باسم الشئ المحمل
الخضراء بامتداد التحميل
والاحمر بحجم التحميل
والاصفر بنوع الحجم : اذاكان جيجا بايت ، ميجا بايت ،كيلو بايت،بايت

معاينة وتحميل الشرح

كيفية اضافة المرفقات.docx (91 KB)

مجموعة أشخاص فيكتورية PSD

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

المقاسات المتوفرة : 1234×948 px
صيغة الملف : PSD
حجم الملف : 4.430 MB

صورة 1 من معاينة الملحق خاص (مدونة مدون)

صورة 2 من معاينة الملحق خاص (مدونة مدون)

صورة 3 من معاينة الملحق خاص (مدونة مدون)

تحميل الملف

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

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

اذهب إلى لوحة تحكم مدونتك >> التخطيط >> إضافة أداة Javascript

ثم ضع بها هذا الكود

<a href=" https://www.facebook.com/mdwanblog " imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="http://1.bp.blogspot.com/-sT9lHle5N54/TqgOWhi-amI/AAAAAAAAFCU/MwoQL3ZhEy4/s1600/facebook-30x43.png" />
</a>
<a href=" https://twitter.com/mdwan_blogger " imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="http://2.bp.blogspot.com/-eVZSNf1mj_E/TqgOX_ldq1I/AAAAAAAAFCk/2wDDaA8esG8/s1600/twitter-30x43.png" />
</a>
<a href=" https://plus.google.com/u/0/112828615902789010639 " imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="http://3.bp.blogspot.com/-icT9kVFhtOs/TqgOXLJCbBI/AAAAAAAAFCY/pU4wo8HyHNI/s1600/googleplus-30x43.png" />
</a>
<a href=" http://feedburner.google.com/fb/a/myfeeds?gsessionid=adOFpyt-Avr5E0c7et5VGA" imageanchor="1" style="margin-left: 1em; margin-right: 1em;">
<img border="0" src="http://3.bp.blogspot.com/-ShqPVqX-vhs/TqgOXX5m9WI/AAAAAAAAFCg/WFRLxQ4yjuM/s1600/rss-30x43.png" /></a>
<a href="http://mdwanblog.blogspot.com/">

غير الروابط بما يناسبك

دمتم فى رعايــة اللـــه

قايمة أفقية بسيطة ومميزة لمدونات بلوجر

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

المعاينــــة الحية المباشرة

اذهب إلى لوحة تحكم مدونتك >> اختر التخطيط >> اضافة أداة >> Html/javascript

ضع بها هذا الكود

<nav> <a id="tombolmenu" href="#">Menu</a> <ul class="menu" style="margin:0;padding:0;"> <li><a href="#">قائمة 1</a></li> <li><a href="#">قائمة 2</a></li> <li><a href="#">قائمة 3</a></li> <li><a href="#">قائمة 4</a></li> <li><a href="#">قائمة 5</a></li> <li><a href="#">قائمة منسدلة</a> <ul class="hidden"> <li><a href="#">قائمة منسدلة 1</a></li> <li><a href="#">قائمة منسدلة 1</a></li> <li><a href="#">قائمة منسدلة 1</a></li> <li><a href="#">قائمة منسدلة 1</a></li> </ul> </li> </ul> </nav> <script type="text/javascript"> (function () { $('nav ul').removeClass('hidden'); $('nav li').hover(function () { $(this).parent('ul.menu').css('overflow', 'visible'); $(this).children('ul').filter(':not(:animated)').slideDown(); }, function () { $(this).children('ul').slideUp(); }); $('#tombolmenu').toggle(function () { $(this).addClass('active'); $('nav > ul').slideDown(); return false; }, function () { $(this).removeClass('active'); $('nav > ul').slideUp(); return false; }); function checkWidth() { if ($(window).width() > 600) { $('nav > ul').css('display', 'block'); } else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') === 'active') { $('nav > ul').css('display', 'block'); } else if ($(window).width() <= 600 && $('#tombolmenu').attr('class') !== 'active') { $('nav > ul').css('display', 'none'); } } $(window).resize(checkWidth); })(); </script> <style> nav { font:normal normal 11px/30px Verdana,Geneva,sans-serif; background-color:#313131; } nav, nav * { display:block; } nav #tombolmenu { display:none; } nav ul, nav li { padding:0; margin:0; list-style:none; } nav ul { height:30px; margin: 0px; padding: 0px; } nav li { float:right; position:relative; } nav li a { color: white; display: block; line-height: 2.7; padding: 0 10px; text-decoration: none; } nav li:hover > a { background-color:#1D8FC5; } nav li ul { position:absolute; background-color:black; height:auto; width:160px; display:none; margin:0 !important; padding:0 !important; } nav li:hover ul.hidden { display:block; } nav li li { float:none; } @media only screen and (max-width:600px) { nav #tombolmenu { display:block; padding:0 15px; background-color:black; text-decoration:none; } nav #tombolmenu.active { background-color:#1D8FC5; color:white; } nav ul { height:auto; display:none; } nav li { float:none; } nav li ul { width:100%; } } </style>

استودعكم اللــــه الذى لا تضيع ودائعــــــــــــه

قالب مدوّن