الاثنين، 23 يوليو 2012

طريقة إضافة مربعات تبويب داخل مواضيع بلوجر

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

الكود:
<script language="JavaScript">
//here you place the ids of every element you want.
var ids=new Array('link1','link2','link3','link4','link5','link6','link7','link8');

function channel(id){
 hideallids();
 showdiv(id);
}

function hideallids(){
 //loop through the array and hide each element by id
 for (var i=0;i<ids.length;i++){
  hidediv(ids[i]);
 }  
}

function hidediv(id) {
 //safe function to hide an element with a specified id
 if (document.getElementById) { // DOM3 = IE5, NS6
  document.getElementById(id).style.display = 'none';
 }
 else {
  if (document.layers) { // Netscape 4
   document.id.display = 'none';
  }
  else { // IE 4
   document.all.id.style.display = 'none';
  }
 }
}

function showdiv(id) {
 //safe function to show an element with a specified id
  
 if (document.getElementById) { // DOM3 = IE5, NS6
  document.getElementById(id).style.display = 'block';
 }
 else {
  if (document.layers) { // Netscape 4
   document.id.display = 'block';
  }
  else { // IE 4
   document.all.id.style.display = 'block';
  }
 }
}
</script>

<div align="center">
<div style="text-align: center;">
</div>
<table border="1" style="text-align:center;background-color:#cccccc; width: 240px;">
<tbody>
<tr>
<td width="25%"><input onclick="javascript:channel('link4');" type="button" value="الحلقة 4" /></td>
<td width="25%"><input onclick="javascript:channel('link3');" type="button" value="الحلقة 3" /></td>
<td width="25%"><input onclick="javascript:channel('link2');" type="button" value="الحلقة 2" /></td>
<td width="25%"><input onclick="javascript:channel('link1');" type="button" value="الحلقة 1" /></td>
</tr>
<tr>
<td width="25%"><input onclick="javascript:channel('link8');" type="button" value="الحلقة 8" /></td>
<td width="25%"><input onclick="javascript:channel('link7');" type="button" value="الحلقة 7" /></td>
<td width="25%"><input onclick="javascript:channel('link6');" type="button" value="الحلقة 6" /></td>
<td width="25%"><input onclick="javascript:channel('link5');" type="button" value="الحلقة 5" /></td>
</tr>
</tbody></table>
<hr />

 <div id="link1" style="display: block;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/C4oMy3PPNaE?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

<div id="link2" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/2F8cXGoSLeM?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

<div id="link3" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/Bg9UjZmg_dY?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

<div id="link4" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/Zbp1q1qYNwg?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

<div id="link5" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/PZzYkTYESCI?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

<div id="link6" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/G0Vj7rbRiUg?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div>

<div id="link7" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/PH_br4e2ryM?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</div> 

<div id="link8" style="display: none;">
<div align="center">
<div style="background-image: url(http://4.bp.blogspot.com/-bWtAfRp6Lbg/TzUa4Bmi9PI/AAAAAAAAAY8/Do7QbqlCSJ4/s1600/tv1.png); background-repeat: repeat; height: 533px; width: 600px;">
<div style="left: 485px; position: absolute; top: 25px;">
</div>
<br />
<iframe width="575" height="450" src="http://www.youtube.com/embed/5BseRzzmZn8?rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>

</div>


</div





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


<script>     الكود الملون باللون الأزرق  الموجود هنا     </script>
مع إضافة/إزالة كل الأكواد التي تحتوي بداخلها اللون الأزرق.

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

الأحد، 22 يوليو 2012

هاك وكود فتحة اجبارية كنافذه منبثقة صغيره متحركة Pop-up Javascript for Blogger

أكمل المقال

حصريا هاك Javascript فتحه اجباريه بنافذه منبثقة صغيره على شكل نافذة دعائية متحركة لاتظر الزائر ولا تسبب له أي إزعاج وتعمل بشكل جيد وإحترافي وعلى جميع نسخ المنتديات والمواقع والمدونات التركيب بسيط جدا وسهل
تستطيع من خلال هده النافدة المتحركة إضافة إعلانات جوجل أدسنس لزيادة الأرباح إلى أقصى حد أو أن تعرض منتوج لدعايته أو ممكن تعمل بها تبادل إعلاني أو مقطع فيديو ...إلخ
JavaScript Popup Boxes to Blogger




طريقة التركيب سهلة جدا إختر إضافة كود جافا سكريبت Javascript
ثم أضف هدا الكود بداخله


<style type="text/css">
#topbar {
 position:absolute;
 z-index: 100;
 padding: 8px;
 background: #eee;
 background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(211, 211, 211, .9));
 background: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, .9)),to(rgba(211, 211, 211, .9)));
 border: 1px solid #fff;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-box-shadow: #600 0 2px 15px;
 -moz-box-shadow: #600 0 2px 10px;
 margin:0 auto 10px;
 float:left;
 color:rgba(0, 0, 0, 0.75);
 font-size: 12px;
 font-family: Verdana, serif;
 text-shadow:0 1px 0 #FFFFFF;
}
#topbar img {
 border:none;
}
#topbar .tombol {
 margin:0;
 padding-bottom:5px;
 text-align:right;
}
#topbar .tombol button {
 color:#FFFFFF;
 border: solid 1px #494949;
 margin:0;
 padding:0px 133px;
 cursor: pointer;
 text-shadow: 0 1px 1px rgba(0,0,0,.6);
 background: #5f5f5f;
 background: -webkit-gradient(linear, left top, left bottom, from(red), to(#454545));
 background: -moz-linear-gradient(top, red,  #454545);
}
#topbar .isi_iklan {
 background-color:#FFFFFF;
 margin:0;
 padding:4px;
 width: 300px;
 border: 1px solid #999;
}
</style>
<script src="http://fdfdah.googlecode.com/files/js_pop_up.js" type="text/javascript"></script>
<script type="text/javascript">
var persistclose=1
var startX = 20
var startY = 20
var verticalpos="fromtop"
</script>
<div id="topbar">
<div class="tombol"><a href="" onclick="closebar(); return false" style="text-decoration: none;"><button>إغلاق النافدة</button></a></div>
<div class="isi_iklan">


جميع الحقوق محفوظه لموقع  </div>جميع الحقوق محفوظه لموقع </div>


لاتنسى تغيير الملون باللون الأحمر بما تريد وضعه ليظهر في النافدة
هاك وكود فتحة اجبارية كنافذه منبثقة صغيره متحركة Pop-up Javascript for Blogger, 4.5, blogspot, هاك وكود فتحة اجبارية كنافذه منبثقة صغيره متحركة Pop-up Javascript for Blogger

الجمعة، 6 يوليو 2012

اكواد يمكنك استخدامها في شات الفيسبوك للشات

اكواد يمكنك استخدامها في شات الفيسبوك للشات

أكمل المقال
We have already published many posts with faces , with different themes: angry birds, spongebob, football teams, the meme and the giant faces. Each post is inspired are out of a new ideas and today we present a list of Skype emoticons for use in Facebook chat.
We have collected all smileys, emoticons and smiley official or hidden Skype images, and we converted into smilies for Facebook. We hope you will appreciate the hours of work behind this long list and we hope you will help us spread and share it with your friends on Facebook.
For those who do not know how to use these yet; these images work in Facebook chat and messages. You'll just need to copy and paste the code into any chat conversation on Facebook, and once you hit send the message the code is transformed into an image. If you do not see any face, let us know in the comments, thanks!

Smilie SKYPE FOR FACEBOOK - PART ONE

SmileyDescriptionCode
Felicie - face that laughs - Smile[[319363101468521]]
Sad - sad smiley[[319363128135185]]
Ride - smiling[[319363148135183]]
Cool - cool by wearing sunglasses[[319363178135180]]
Wink - who drives away the eye[[319363194801845]]
He cries - faces that is crying, with tears[[319363214801843]]
Suda - tired with sweat on his forehead[[319363221468509]]
Wordless - inexpressive[[319363248135173]]
Kiss - kiss[[319363251468506]]
Tongue - tongue out of mouth[[319363258135172]]
Embarrassment, blushing - with red cheeks[[319363271468504]]
Amazed with an edge-curled[[319363278135170]]
He sleeps - with eyes closed - ZZZ[[319363314801833]]
Bored - bored and boring smiley[[319363324801832]]
Love - in love with little hearts emoticon[[319363334801831]]
Grin[[319363354801829]]
Talking - you're talking face[[319363361468495]]
Yawn - mouth open and eyes closed[[319363378135160]]
Vomiting - face that is puking[[319363394801825]]
Doh! - Exclamation of oh![[319363404801824]]
Angry - angry emoticon[[319363414801823]]
Sweet eyes - as if to say "not me"[[319363421468489]]
Party - festive face[[319363428135155]]
Concerned - forward[[319363448135153]]
MMM ...[[319363454801819]]
Nerd - nerd smiley with glasses[[319363474801817]]
Lips sewn - mouth shut[[319363481468483]]
Hello - faces that greets with the hand[[319363491468482]]
Call me - gesture with thumb and little finger[[319363501468481]]
Devil - red devil smiley[[319363518135146]]
Angel - emoticons with areola[[319363521468479]]
Invisioso - smiley envious or jealous, green[[319363544801810]]
Wait - a gesture to say "wait a minute"[[319363554801809]]
Teddy Brown[[319363568135141]]
Make up[[319363591468472]]
Laughter blanket - hand over his mouth ^ ^[[319363618135136]]
Thinker - emoticons with eyes high[[319363644801800]]
Applause[[319363634801801]]
Bow - with head down[[319363658135132]]
Laughter running - head to the side[[319363671468464]]
Fiu! - It wipes the sweat from fright[[319363681468463]]
Happy - smile[[319363691468462]]
Smirk - smirk[[319363694801795]]
Fist - face with boxing gloves[[319363714801793]]