عالم التكنولوجيا ولمعلومات: اضافات بلوجر

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

إدراج أي ملف فلاشي في مدونة بلوجر أو غيرها

كود (HTML) لاضافة ملف الفلاش الى المدونة او الموقع و المنتديات

كود وضع ملف فلاش متحرك في مدونة بلوجر او موقع او غير ذالك

الموضوع هو اضافة عبارة عن كود ( html ) الذي يمكننا من خلاله وضع بنر او تصميم او ...الخ

داخل اضافة html/javascript.

قم بنسخ الكود و الصقه

<embed type="application/x-shockwave-flash" src="رابط الفلاش"
pluginspage="http://www.macromedia.com/go/getflashplayer"
height="101" width="400"></embed>

غير كلمة رابط الفلاشي الى الرابط الذي تريد نشرة .

كما ويمكنك تغير حجم الفلاش عبر تغير الارقام الملونة بلأصفر .

أقرأ المزيد

ادراج اعلانات ادسنس داخل مواضيع بلوجر

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

تركيب الاضافة:
1- من لوحة التحكم >>> قالب >>> تحرير html.

2- ابحث باستخدام (ctrl+f) على الكود التالي:

<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>

3- قم باستبداله بهذا الكود:

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>

4- الان قم بالبحث عن الكود التالي:

<data:post.body/>

5- قم بلصق هذا الكود قبله اذا كنت تريد ادراج الاعلان فوق الموضوع وبعده اذا كنت تريد ادراج الاعلان تحت الموضوع:

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <font size="0"><a href="http://www.nuancier-peinture.com">nuancier peinture</a></font><data:adCode/> <data:adStart/> </b:if> </b:if>

الطريقة الثانية : تمكنك من ادراج الاعلانات في اي مكان تريده بحيث تظهر الاعلانات بين السطور داخل الموضوع .
تركيب الاضافة:
1- تسجيل الدخول الى حسابك في جوجل ادسنس .
2- انشاء اعلان جديد .
3- قم بتحويله باستعمال هذه الاداة لكي لا يقع اي خطا عند تنسيقه .
4- انتقل الى لوحة التحكم >>> قالب >>> تحريرhtml (احتفظ بنسخة من القالب من باب الاحتياط)
5- ابحث عن الكود التالي (اذا وجدت اثنين اختر الثاني):

<data:post.body/>

6- ثم استبدله بالكود التالي:

<b:if cond='data:blog.pageType == "item"'> <div expr:id='"aim1" + data:post.id'></div><div style="clear:both; margin:10px 0">ضع كود أدسنس هنا،بعد تحويله </div><div expr:id='"aim2" + data:post.id'><data:post.body/></div><script type="text/javascript">var obj0=document.getElementById("aim1<data:post.id/>");var obj1=document.getElementById("aim2<data:post.id/>");var s=obj1.innerHTML;var r=s.search(/\x3C!-- adsense --\x3E/igm);if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}</script><font size="0"><a href=" http://rydnet.blogspot.com/ ">rydnet</a></font> </b:if>

7- قم باستبدال ما باللون الاحمر بكود ادسنس بعد تحويله.
تنبيه : الكودين باللون الازرق يحققان شرط عدم ظهور الاعلانات في الصفحة الرئيسية فاذا كنت تريد ظهور الاعلانات في الصفحة الرئيسية قم بحذفهما.
ملاحظة : يمكنك التحكم في مكان ظهور الاعلان داخل الموضوع (يسار الموضوع او يمينه او وسطه) تابع طريقة التعديل :
قم بتغير باللون الاخضرclear:both بما يلي:
float:left : لعرض الاعلان يسار الموضوع .
float:right : لعرض الاعلان يمين الموضوع .
float:center : لعرض الاعلان وسط الموضوع .
طريقة ادراج اعلانات ادسنس في اي مكان داخل موضوع بلوجر:
-انسخ هذا الكود في المكان الذي تريد ظهور الاعلان فيه اثناء كتابتك للموضوع او بعد الانتهاء من كتابة الموضوع المهم المكان الذي تضع فيه الكود يظهر فيه الاعلان .

هذا هو الكود :

تنبيه : اذا لم تقم باضافة هذا الكود في التدوينة سيتم عرض اعلانات ادسنس تحت عنوان او فوقة الموضوع تلقائيا .

أقرأ المزيد

كود فتح الروابط الخارجية في صفحة جديدة

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

طريقة التركيب :

1. من لوحة تحكم بلوجر ادخل الى قالب .

2. قم بأخذ نسخة احتياطية من القالب الخاص بك احتياطياً .

3. ثما اضغط على تحرير html .

4. من لوحة المفاتيح اضغط على ctrl+f .

5. ابحث عن الوسم الاتي :

</head>

6. ضع الكود الاتي قبل الوسم </head> وكرره بعد الوسم </head> .

<base target='_blank' />

7. أخيراً قم بحفظ القالب ومبــــــــــروك عليـــــــــــك .

أقرأ المزيد

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

معاينة الاضافة

1.اذهب الى قالب بلوجر .

2.تخطيط .

3. ثم اضافة اداة HTML/JavaScript .

4. ضع هاذا الكود بداخلة .

<style>.youtube{ background: url(http://i.imgur.com/53qjCKB.gif); padding: 14px 0px 20px; border-radius: 5px; text-align: center;}.youtube:hover{ box-shadow: 0px 0px 200px -5px #DEDEDE inset;}.youtube a{ background: #f00; color: #FFF; border-radius: 3px; font-size: 16px; padding: 3px 10px 4px; font-family: tahoma; border: 1px solid #961212;}.youtube a:hover{ border: 1px solid #656565; box-shadow: 0px 0px 15px -1px #FFFFFF; background: #F1F1F1; color: #585858;}.youtube h3{ color: #fff; font-weight: normal; font-size: 22px; text-align: center; margin-bottom: 9px; text-shadow: 0px 0px 10px #FFF;}</style><div class="youtube"><h3> الاشتراك باليوتيوب</h3><a href="https://www.youtube.com/channel/UCB9wZskDqQ7ucP3AN9FsiAA" target="_blank">اشتراك</a></div>

5. غير رابط قناتي بلون الاحمر الى رابط قناتك على اليوتيوب .

أقرأ المزيد

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

1.اذهب الى قالب بلوجر .

2.تخطيط .

3. ثم اضافة اداة HTML/JavaScript .

4. ضع هاذا الكود بداخلة .

<style type="text/css">div.notice-banner{_position:absolute;position:fixed;text-align:center;z-index:99000}div.notice-banner-inner{-moz-transform:rotate(-45deg);-moz-transform-origin:50% 0;-ms-transform:rotate(-45deg);-ms-transform-origin:50% 0;-o-transform:rotate(-45deg);-o-transform-origin:50% 0;-webkit-transform:rotate(-45deg);-webkit-transform-origin:50% 0;_bottom:auto;_top:expression(ie6=(document.documentElement.scrollTop+document.documentElement.clientHeight-52+"px") );background: #f6f6f6;background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#E75040), to(#f1f1f1));background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(#f9f9f9), to(#f1f1f1));border:1px solid #E75040;color:#fff;font-family:'trebuchet ms',verdana,arial,sans-serif;font-size:16px;height:30px;left:-190px;opacity:0.9;padding:10px;text-align:center;top:110px;transform:rotate(-45deg);transform-origin:47% 0;width:600px;-moz-box-shadow: 0 5px 5px -5px #999;-webkit-box-shadow: 0 5px 5px -5px #999;box-shadow: 0 5px 5px -5px #999;}.notice-banner-text{-moz-border-radius:8px;-webkit-border-radius:8px;background-color:#fff;border:1px solid #aaa;border-radius:8px;height:28px;margin-right:15px;padding-left:10px;padding-right:10px;width:290px}</style><div class="notice-banner notice-banner-inner"><center><div class='notice-banner-text'><marquee onmouseover="this.stop();" onmouseout="this.start();" style="line-height:28px;color:#000;">مرحباً MR-JABARIN يرحب بلزائر الكريم تصفح المدونة وستمتع بلأفضل</marquee></div></center></div>

5. غير الكلام الملون بلأحمر الى اي كلام ترغب به .
6. اذا اردت تغير لون الشريط غير القيمة الاتية #E75040 ملاحظة ان كنت تريد اكواد
الألوان فدخل على قسم ألوان فلات أو ادخل من اضغط هنا لتحويلك
6. قم بحفظ العمل ومبـــــــــــروك عليك .

كلمــــــــــــــــــــــــــــــــــــــة شكر تكفينا وتــــــــــــــــــــــــــــــــــــــدعمنا

تحياتي للجميع

MR-JABARIN

أقرأ المزيد

تغير ستايل بلوجر حسب ذوق الزائر

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

<style>#cnmustylechanger {height: 180px;}#stylechanger { background:#FFFFFF; border-collapse: collapse; border-radius: 5px; box-shadow: 0 0 2px #222222; display: block; font: 10px tahoma; height: 170px; margin-top: 10px; text-align: right; width: 235px;}#stylechanger th,#stylechanger td { vertical-align:middle; border:none !important; padding:2px 5px;}#stylechanger th.title { background-color:#33AFE0; padding:5px 10px; margin:0 0 10px; text-transform:uppercase; font-size:12px; font-family: Arial,Sans-Serif; color: #FFF;}#stylechanger select,#stylechanger input[type="text"] { width:128px; padding:2px; font:bold 11px Arial,Sans-Serif; display:block; margin:0 0 0; height:24px; outline: 0;}#stylechanger select option { padding:5px 10px; cursor:pointer;}#stylechanger button { cursor: pointer; font: 12px tahoma; padding: 2px 5px 5px; width: 128px;}#stylechanger #bgColorer { overflow:hidden; margin:10px 15px 10px 0;}#stylechanger #bgColorer span { display:block; float:right; width:20px; height:20px; border:1px solid black; margin:0 5px 0 0; cursor:pointer;}#stylechanger input[type="text"] { width:118px !important; padding:4px !important; height:auto !important;}</style><center><div id="cnmustylechanger"><table border="0" id="stylechanger"> <tr> <td colspan="2"> <div id="bgColorer"> <span style="background-color:#523690;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#248bcb;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#fed100;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#c91212;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#3a9838;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#36404a;" onclick="bgSwitch(this.style.backgroundColor);"></span> <span style="background-color:#ffffff;" onclick="bgSwitch(this.style.backgroundColor);"></span> </div> </td> </tr> <tr><th>نوع الخط</th> <td> <select onchange="fontSwitch(this.value);"> <option selected />-- <option value="'Book Antiqua',Serif" />Book Antiqua <option value="'Times New Roman',Serif" />Times New Roman <option value="Georgia,Serif" />Georgia <option value="Arial,Sans-Serif" />Arial <option value="Tahoma,Verdana,Arial,Sans-Serif" />Tahoma <option value="'Trebuchet MS',Arial,Sans-Serif" />Trebuchet <option value="Verdana,Arial,Sans-Serif" />Verdana <option value="'Century Gothic',Tahoma,Verdana,Arial,Sans-Serif" />Century Gothic <option value="'Comic Sans MS',Serif" />Comic Sans </select> </td> </tr> <tr><th>لون الخط</th> <td><input type="text" id="fontColorer" value="#000000" onkeyup="fontColor(this.value);"/></td> </tr> <tr><th>حجم الخط</th> <td><input type="text" id="fontSizer" value="12" maxlength="3" onkeyup="changeFontSize(this.value);"/></td> </tr> <tr><th>إستعادة الإفتراضي</th><td><button onclick="resetStyle();">إستعادة</button></td></tr></table></div></center><script src='https://cnmu.googlecode.com/svn/trunk/2014/theme-style.js' type='text/javascript'/></script>

أقرأ المزيد

اضافة اشترك بلنشرة الباريدية يشكل انيق وعصري

1.اذهب الى قالب بلوجر .

2.تخطيط .

3. ثم اضافة اداة HTML/JavaScript .

4. ضع هاذا الكود بداخلة .

<style>@import url(http://fonts.googleapis.com/earlyaccess/notosanskufiarabic.css);#subscribebox{background:#576269;padding:20px;font-family:'PT Sans',sans-serif;}.widget_follow_subscribe .widget-detail{padding:36px 30px 40px}#subscribebox p{color:#fff;font-size:15px;text-align:center;font-weight:700;font-family: 'Noto Sans Kufi Arabic', sans-serif!important; line-height: 3em;}.follow-subscribe-social{padding:0 0 14px;border-bottom:#858585 solid 1px}.follow-subscribe-social ul{list-style:none;margin:0;padding:0;text-align:center}.follow-subscribe-social ul li{display:inline;margin-left: 20px;border-bottom:none}.follow-subscribe-social ul li:last-child{margin:0}.follow-subscribe-social ul li a{font-size:17px;color:#cacaca;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}.follow-subscribe-social ul li a:hover{color:#fff}form.subscribe{margin-top:-7px}form.subscribe input{display:block;width:100%}.subscribe-email{height:45px;border:none;margin:0 0 10px;font-size:.928571em;background-color:rgba(255,255,255,0.2);text-align:center;color:#fff}.subscribe-email:focus{outline:0}form.subscribe .placeholder{color:#cacaca}form.subscribe input:-ms-input-placeholder{color:#cacaca}form.subscribe input::-webkit-input-placeholder{color:#cacaca}form.subscribe input:-moz-placeholder{color:#fafafa}form.subscribe input::-moz-placeholder{color:#fafafa}.subscribe-button{height: 45px; font-weight: 700; font-size: 16px; color: #fff; text-transform: uppercase; border: none; background-color: #4FC4F6; transition: background-color .2s ease-in-out; font-family: 'Droid Arabic Naskh', serif;}.subscribe-button:hover{background-color:#00A3CE}.subscribe-button:focus{outline:0}</style><div id="subscribebox"><div class="follow-subscribe-social"><ul><li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li><li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li><li><a href="#" target="_blank"><i class="fa fa-google"></i></a></li><li><a href="#" target="_blank"><i class="fa fa-youtube"></i></a></li><li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li></ul></div><p>اشترك في النشرة البريدية</p><form class="subscribe" action='http://feedburner.google.com/fb/a/mailverify?uri=jabarinh' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=jabarinh, 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input name='uri' type='hidden' value='اسمك المستخدم'/><input name='loc' type='hidden' value='en_US'/><input class="subscribe-email" type='text' name='email' onblur='if (this.value == "") {this.value = "Your Email";}' onfocus='if (this.value == "Your Email") {this.value = "";}' value='بريدك الالكتروني'/><input class="subscribe-button" type="submit" value="اشترك الان" /></form></div>

قم بتغير علامات # هاش تاج بروابطك حسب الون , الالوان كلأتي
الون الازرق للفيسبوك .
الون الازرق السماوي لتويتر .
الون الزهري لجوجل بلس.
الون الاحمر ليوتيوب.
الون الاخضر لأنستقرام .

وقم بتغير ايضاً ,

كلمة jabarin بأسم حسابك على الفيدبنر .

أقرأ المزيد

ازرار التحميل ولمعاينة لبلوجر

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

طريقة التركيب :
1.ابحث عن ]]></b:skin> وضع الكود التالي فوقه .

.ui.button { cursor: pointer; display: inline-block; vertical-align: middle; min-height: 1em; outline: none; border: none; background-color: #F0F0F0; color: #808080; margin: 0em; padding: 0.8em 1.5em; font-family: droid arabic kufi; font-size: 1rem; text-transform: uppercase; line-height: 1; font-style: normal; text-align: center; text-decoration: none; border-radius: 0.25em; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;
user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.ui.buttons .active.button,
.ui.active.button { background-color: #EAEAEA; background-image: none; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important; color: rgba(0, 0, 0, 0.7);}
.ui.button:not(.loading):hover { background-image: -webkit-gradient(linear, top left, bottom left, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.08))); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08)); color: rgba(0, 0, 0, 0.7);}
.ui.button.active:hover { background-image: none;}
.ui.button:hover .icon,
.ui.button.hover .icon { opacity: 0.85;}
.ui.button:not(.loading):active,
.ui.active.button:not(.loading):active { background-color: #F1F1F1; color: rgba(0, 0, 0, 0.7); -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset !important;}
.ui.buttons .or { position: relative; float: left; width: 0.3em; height: 1.1em; z-index: 3;}
.ui.buttons .or:before { position: absolute; top: 50%; left: 50%; content: 'or'; background-color: #5a5a5a; margin-top: -0.1em; margin-left: -0.9em; width: 1.8em; height: 1.8em; line-height: 1.55; color: #fff; font-style: normal; font-weight: normal; text-align: center; border-radius: 500px; -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.ui.buttons .or:after { position: absolute; top: 0em; left: 0em; content: ' '; width: 0.3em; height: 1.7em; background-color: transparent; border-top: 0.5em solid #5a5a5a; border-bottom: 0.8em solid #5a5a5a;}
.ui.positive.buttons .button,
.ui.positive.button { background-color: #F9BB4A !important; color: #FFFFFF;}
.ui.positive.buttons .button:hover,
.ui.positive.button:hover,
.ui.positive.buttons .active.button,
.ui.positive.button.active { background-color: #F7A130 !important; color: #FFFFFF;}
.ui.positive.buttons .button:active,
.ui.positive.button:active { background-color: #FFBC64 !important; color: #FFFFFF;}
.ui.buttons { display: inline-block; vertical-align: middle;border-bottom: 2px solid #CFCFCF;border-radius: 5px;}
.ui.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.ui.buttons .button:first-child { border-left: none;}
.ui.buttons .button { float: left; border-radius: 0em;}
.ui.buttons .button:first-child { margin-left: 0em; border-top-left-radius: 0.25em; border-bottom-left-radius: 0.25em;}
.ui.buttons .button:last-child { border-top-right-radius: 0.25em; border-bottom-right-radius: 0.25em;}
.ui.button a {text-decoration: none; color:#fff;}
.ui.buttons .button:first-child a {color: #444;}

2. ضع الكود التالي في الموضوع بتبويب HTML .

<div style="text-align: center;">
<div class="ui buttons"> <div class="ui button"><a href='#'>عودة لتدوينة</a></div>
<div class="or"></div> <div class="ui positive button"><a href='#'>مشاهدة الحلقة</a></div> </div>
<div class="clear"></div>

3. استبدل علامات # الملونة بلأحمر بروابط لك .

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

أقرأ المزيد

ايقاف تشغيل ادآة مانع الاعلانات AdBlock في مدونات بلوجر

ايقاف تشغيل ادآة مانع الاعلانات AdBlock في مدونات بلوجر

1.اذهب الى قالب بلوجر .

2.تخطيط .

3. ثم اضافة اداة HTML/JavaScript .

4. ضع هاذا الكود بداخلة .

<style scoped='' type='text/css'>#h237{position:fixed !important;position:absolute;top:0;top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");left:0;width:102%;height:102%;background-color:#fcfcfc;opacity:.99;display:block;padding:7% 0;bottom:0;right:0;z-index:9999!important;}#h237 *{text-align:center;margin:0 auto;display:block;font:bold 14px Verdana,Arial,sans-serif;text-decoration:none}#h237 * a {padding:12px 15px!important;background-color:#f77c6a;color:#fff!important;font-weight:700;font-size:14px;font-family:'Open Sans',sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;display:block;margin:15px auto;clear:both;width:20%;transition:all 0.3s ease-out;}#h237 * a:hover {opacity:.9;}#h237 ~ *{display:none}</style><div id="h237">
<span>Mohon Aktifkan Javascript!<a href="http://www.enable-javascript.com/">Enable JavaScript</a></span></div>
<script>window.document.getElementById("h237").parentNode.removeChild(window.document.getElementById("h237"));(function(l,m){function n(a){a&&h237.nextFunction()}var h=l.document,p=["i","s","u"];n.prototype={rand:function(a){return Math.floor(Math.random()*a)},getElementBy:function(a,b){return a?h.getElementById(a):h.getElementsByTagName(b)},getStyle:function(a){var b=h.defaultView;return b&&b.getComputedStyle?b.getComputedStyle(a,null):a.currentStyle},deferExecution:function(a){setTimeout(a,250)},insert:function(a,b){var e=h.createElement("span"),d=h.body,c=d.childNodes.length,g=d.style,f=0,k=0;if("h237"==b){e.setAttribute("id",b);g.margin=g.padding=0;g.height="100%";for(c=this.rand(c);f<c;f++)1==d.childNodes[f].nodeType&&(k=Math.max(k,parseFloat(this.getStyle(d.childNodes[f]).zIndex)||0));k&&(e.style.zIndex=k+1);c++}e.innerHTML=a;d.insertBefore(e,d.childNodes[c-1])},displayMessage:function(a){var b=this;a="abisuq".charAt(b.rand(5));b.insert("<"+a+'><img src="http://cdn.top4top.net/i_48f0af11a11.png" height="350" width="699" alt="" /> <a href="JavaScript:window.location.reload()">Reload</a>'+("</"+a+">"),"h237");h.addEventListener&&b.deferExecution(function(){b.getElementBy("h237").addEventListener("DOMNodeRemoved",function(){b.displayMessage()},!1)})},i:function(){for(var a="DivTopAd,ad-zone-1,ad_190x90,ads-sticky,iqadtile5,leftframeAD,tobsideAd,ad,ads,adsense".split(","),b=a.length,e="",d=this,c=0,g="abisuq".charAt(d.rand(5));c<b;c++)d.getElementBy(a[c])||(e+="<"+g+' id="'+a[c]+'"></'+g+">");d.insert(e);d.deferExecution(function(){for(c=0;c<b;c++)if(null==d.getElementBy(a[c]).offsetParent||"none"==d.getStyle(d.getElementBy(a[c])).display)return d.displayMessage("#"+a[c]+"("+c+")");d.nextFunction()})},s:function(){var a={'pagead2.googlesyndic':'google_ad_client','js.adscale.de/getads':'adscale_slot_id','get.mirando.de/miran':'adPlaceId'},b=this,e=b.getElementBy(0,"script"),d=e.length-1,c,g,f,k;h.write=null;for(h.writeln=null;0<=d;--d)if(c=e[d].src.substr(7,20),a[c]!==m){f=h.createElement("script");f.type="text/javascript";f.src=e[d].src;g=a[c];l[g]=m;f.onload=f.onreadystatechange=function(){k=this;l[g]!==m||k.readyState&&"loaded"!==k.readyState&&"complete"!==k.readyState||(l[g]=f.onload=f.onreadystatechange=null,e[0].parentNode.removeChild(f))};e[0].parentNode.insertBefore(f,e[0]);b.deferExecution(function(){if(l[g]===m)return b.displayMessage(f.src);b.nextFunction()});return}b.nextFunction()},u:function(){var a="ad&adv_keywords=,-page-peel/,/adchain.,/adfootright.,/adsxml/ad,/adyard300.,/impopup/ad,/loadadsparam.,/meme_ad.,_adshare.".split(","),b=this,e=b.getElementBy(0,"img"),d,c;e[0]!==m&&e[0].src!==m&&(d=new Image,d.onload=function(){c=this;c.onload=null;c.onerror=function(){p=null;b.displayMessage(c.src)};c.src=e[0].src+"#"+a.join("")},d.src=e[0].src);b.deferExecution(function(){b.nextFunction()})},nextFunction:function(){var a=p[0];a!==m&&(p.shift(),this[a]())}};l.h237=h237=new n;h.addEventListener?l.addEventListener("load",n,!1):l.attachEvent("onload",n)})(window);</script>

هاذا كل شيء .

أقرأ المزيد

اضافة ثلاث او اربع اعمدة اسفل المدونة لتركيب الاضفات

1. إضافة ثلاث أعمدة أسفل مدونة بلوجر

1.إذهب إلى لوحة تحكم بلوجر ثم تحرير قالب
2.إحتفظ بنسخة إحتياطية من القالب
3.قم بالبحث عن هذا الكود بإستخدام Ctrl+F

<div id='footer-wrapper'>

اذا لم تجد هاذا الكود ابحث عن هاذا Footer-wrapper, footer-wrap, footer, footer-end او ما شابهها تختلف القوالب
من قالب الى اخر .

4. ثم قم بإستبداله بالكود التالى اذا كنت تريد ثلاثة اعمدة في اسفل المدونة :

<div id='footer-columns'> <div id='footer1' style='width: 30%; float: right; margin:0; text-align: right;'> <b:section class='footer-column' id='col1' preferred='yes' style='float:right;'/> </div> <div id='footer2' style='width: 40%; float: right; margin:0; text-align: right;'> <b:section class='footer-column' id='col2' preferred='yes' style='float:right;'/> </div> <div id='footer3' style='width: 30%; float: right; margin:0; text-align: right;'> <b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/> </div> <div style='clear:both;'/> </div>

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

اما اذا كنت تريد اربع اعمدة في الاسفل فنفس الخطوات السابقة لاكن بدل نسخ الكود الاخير الموجود بلأعلى انسخ الكود التالي .

<div id='footer-columns'><div id='footer1' style='width: 25%; float: right; margin:0;text-align: right;'><b:section class='footer-column' id='col1' preferred='yes'style='float:right;'/></div><div id='footer2' style='width: 25%; float: right; margin:0;text-align: right;'><b:section class='footer-column' id='col2' preferred='yes'style='float:right;'/></div><div id='footer3' style='width: 25%; float: right; margin:0;text-align: right;'><b:section class='footer-column' id='col3' preferred='yes'style='float:right;'/></div><div id='footer4' style='width: 25%; float: left; margin:0;text-align: right;'><b:section class='footer-column' id='col4' preferred='yes'style='float:left;'/></div><div style='clear:both;'/></div>

أقرأ المزيد

إنشاء فهرس لمدونتك بلوجر مع مصغرات الصور

1. إذهب إلى لوحة تحكم بلوجر ------> صفحات -------> ثم قم إنشاء صفحة جديدة فارغة .

2. قم بلتحويل من وضع تأليف الى وضع HTML .

3.انسخ الكود التالي والصق في HTML .

<script src="https://googledrive.com/host/0B3ntuTCXGn6nQUlYNVdPQ0puakk"> </script> <script> var numposts = 999; var showpostthumbnails = true; var displayseparator = true; </script> <script src="http://www.mgcarab.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=recent&max-results=999"></script> <style type="text/css"> .sitemap-container {width: 100%; height: 100px; border-top: 2px solid #eee;} .sitemap-container:hover {background-color:#fafafa;} .thumbnail {width: 60px; height: 90px; float: right; top:0px;} .posttitle {height: 90px; float: left; line-height: 70px; margin-left:25px; display:block; width:80%; white-space:nowrap;} #postimg {margin-top: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 10px; width: 60px; border: 2px solid #eee;} #list{list-style-type: none; padding-right: 0px; margin-left: 0px;} </style></div> <br /> <a href="http://www.condaianllkhir.com/2012/09/blogger-widget.html" rel="nofollow" target="_blank"><span style="font-size: xx-small;"><span style="color: #999999;"><b>Blogger widgets</b></span></span></a> </div><br/><br/>

4. استبدل الملون بلون الاحمر برابط مدونتك انت .

أقرأ المزيد

تغير شكل المشاركات الشائعة بشكل عصري وحديث 2015

ستايل المشاركات الشائعة بشكل وتأثيرات مثيرة جديد 2015

معاينه الاضافة

أذا اعجبتك الاضافة تابع معي الخطوات

1. توجه إلى التخطيط ثم حرر أداة المشاركات الشائعة واختر من عرض ما يصل إلى "6"
2. داخل القالب ابحث عن

.PopularPosts .item-thumbnail{float:none;margin:0 0 10px}.PopularPosts .item-title{background:rgba(0,0,0,0.5);position:absolute;display:block;clear:both;z-index:50;top:0;left:0;right:0;bottom:0;padding:15px;transition:all .4s;}.PopularPosts .item-title:hover{background:rgba(0,0,0,.2)}.PopularPosts .item-title a{color:rgba(255,255,255,0);font-weight:700;font-size:160%;text-shadow:0 0 5px rgba(0,0,0,0);font-family: 'Adobe Arabic','serif';}.PopularPosts .item-title:hover a,.PopularPosts .item-title a:hover{color:rgba(255,255,255,1);text-shadow:0 0 5px rgba(0,0,0,.3)}.PopularPosts .widget-content ul li img{translate(0,0) scale(1.0);transition:all .8s linear}.PopularPosts .widget-content ul li:hover img{transform:translate(0,-20px) scale(1.05);transition:all 3.6s linear;}.PopularPosts img{display:block;height:auto;width:100%;padding:0;backface-visibility:hidden;}.PopularPosts .item-snippet{display:none;}.PopularPosts ul li .item-content{position:relative;overflow:hidden;}.PopularPosts ul{padding:0;line-height:normal;counter-reset:count;}.PopularPosts .widget-content ul li{position:relative;padding:5px 0;overflow:hidden;max-height:100px;transition:all .4s;}.PopularPosts .widget-content ul li:before{color:#fff;counter-increment:count;content:counter(count);position:absolute;right:-15px;top:-5px;font:bold 80px/1 Sans-Serif;z-index:51;transition:all .4s;}.PopularPosts .widget-content ul li:hover:before{right:-55px;}.PopularPosts ul li:nth-child(1) .item-title {background:rgba(221,25,29,0.5);}.PopularPosts ul li:nth-child(2) .item-title {background:rgba(141,187,144,0.5);}.PopularPosts ul li:nth-child(3) .item-title {background:rgba(39,169,255,0.5);}.PopularPosts ul li:nth-child(4) .item-title {background:rgba(192,202,51,0.5);}.PopularPosts ul li:nth-child(5) .item-title {background:rgba(26,35,126,0.5);}.PopularPosts ul li:nth-child(6) .item-title {background:rgba(0,188,212,0.5);}.PopularPosts ul li:nth-child(1) .item-title:hover,.PopularPosts ul li:nth-child(2) .item-title:hover,.PopularPosts ul li:nth-child(3) .item-title:hover,.PopularPosts ul li:nth-child(4) .item-title:hover,.PopularPosts ul li:nth-child(5) .item-title:hover,.PopularPosts ul li:nth-child(6) .item-title:hover{background:rgba(0,0,0,0.2);}

3. إبحث عن وضع الكود التالي فوقه

</body>

أقرأ المزيد

إضافة أيقونة المساعدة منبثقة

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

معاينة إنقر هنا

ملاحظة مهمة جداً حدد الكود من خلال الفأرة (الماوس) وقم بلنسخ من خلال الكيبورد بلضغط على زرين ( ctrl+حرف ال C ) وذلك لمن سرقة مواضيع المدونة وشكراً

شرح طريقة التركيب :
1 . توجه لقالب >> تحرير
2. ابحث بإستعمال CTRL+F عن ]]></b:skin>
3. ضع الكود التالي قبله [ فوقه ]

.help-tip{position: absolute;top: 40px;right: 600px;text-align: center;background-color: #D55050;border-radius: 50%;width: 24px;height: 24px;font-size: 14px;line-height: 26px;cursor: default;}<br />.help-tip:before{content:'?';font-weight: bold;color:#fff;}<br />.help-tip:hover p{display:block;transform-origin: 100% 0%;-webkit-animation: fadeIn 0.3s ease-in-out;animation: fadeIn 0.3s ease-in-out;}<br />.help-tip p{display: none;text-align: right;font-family: droid arabic kufi;background-color: rgba(30, 32, 33, 0.97);padding: 20px;width: 300px;position: absolute;border-radius: 3px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);right: -4px;color: #FFF;font-size: 13px;line-height: 1.4;}<br />.help-tip p:before{position: absolute;content: '';width:0;height: 0;border:6px solid transparent;border-bottom-color:#1E2021;right:10px;top:-12px;}<br />.help-tip p:after{width:100%;height:40px;content:'';position: absolute;top:-40px;left:0;}<br />@-webkit-keyframes fadeIn {<br />0% {opacity:0; transform: scale(0.6);}<br />100% {opacity:100%;transform: scale(1);}}<br />@keyframes fadeIn {0% { opacity:0; }100% { opacity:100%; }}

* لتعديل مكان الأيقونة غير ابعاد هاذا الكود : top: 40px right: 600px

تفعيل الكود :
1. حرر الموضوع
2. إنتقل لتبويب HTML

3. ضع الكود التالي به

أقرأ المزيد

إدراج أي ملف فلاشي في مدونة بلوجر أو غيرها

ادراج اعلانات ادسنس داخل مواضيع بلوجر

كود فتح الروابط الخارجية في صفحة جديدة

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

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

تغير ستايل بلوجر حسب ذوق الزائر

اضافة اشترك بلنشرة الباريدية يشكل انيق وعصري

ازرار التحميل ولمعاينة لبلوجر

ايقاف تشغيل ادآة مانع الاعلانات AdBlock في مدونات بلوجر

اضافة ثلاث او اربع اعمدة اسفل المدونة لتركيب الاضفات

إنشاء فهرس لمدونتك بلوجر مع مصغرات الصور

تغير شكل المشاركات الشائعة بشكل عصري وحديث 2015

إضافة أيقونة المساعدة منبثقة

اعلانات مواقع

ابدأ بربح المال بسهولة

اخر التعليقات

رسالة إدارية

تدوينة

التسميات

إشترك معنا في النشرة الباريدية

المستخدمون المتواجدون حالياً

انظم الى صفحتنا عبر الفيسبوك

تدوينة الأسبوع

اعلانات مواقع

ابدأ بربح المال بسهولة

اخر التعليقات

*رسالة إدارية*

تدوينة

التسميات

إشترك معنا في النشرة الباريدية

احصل على أجدد مواضيعنا أول بأول

المستخدمون المتواجدون حالياً

انظم الى صفحتنا عبر الفيسبوك

تدوينة الأسبوع

رسالة إدارية