للإرتقاء بالمحتوى الرقمى الهادف
تابع: أسرع الطرق لإنشاء صور متحركة بدون برامج
</head>
3. ثم أنسخ الكود التالى وقم بإضافته فوق الكود السابق مباشرة<!--www.condaianllkhir.com-->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<link href="https://cdn.rawgit.com/DrRO/jqGifPreview/46d8d1dd/jqGifPreview/jqGifPreview.css" rel="stylesheet"></link>
<script src="https://cdn.rawgit.com/DrRO/jqGifPreview/46d8d1dd/jqGifPreview/jqGifPreview.js"></script>
4. ثم إحفظ القالب<img class="myImg" src="sample_first_frame.png" data-gif="sample_giphy.gif" />
<script>
$(function() {
$(".myImg").jqGifPreview();
});
</script>
ملاحظات :تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
<div dir="rtl" style="text-align: right;" trbidi="on">
<h1 style="margin-right: 40px; text-align: right;">
</h1>
<h3 style="margin-right: 40px; text-align: right;">
<a name="menu">قائمة محتويات الموضوع</a></h3>
<ul style="margin-right: 40px; text-align: right;">
<li><a href="#العنوان الاول">اذهب الى العنوان الاول</a></li>
<li><a href="#العنوان الثانى">اذهب الى العنوان الثانى</a></li>
<li><a href="#العنوان الثالث">اذهب الى العنوان الثالث</a></li>
</ul>
<h3 style="margin-right: 40px; text-align: right;">
<a name="العنوان الاول">العنوان الاول</a></h3>
أكتب النص الأول هنا
<h3 style="margin-right: 40px; text-align: right;">
<a name="العنوان الثانى">العنوان الثانى</a></h3>
أكتب النص الثانى هنا </div>
<h3 style="margin-right: 40px; text-align: right;">
<a name="العنوان الثالث">العنوان الثالث</a></h3>
أكتب النص الثالث هنا </div>
<hr style="margin-right: 40px; text-align: right;" />
<div style="margin-right: 40px; text-align: right;">
<a href="#menu">إذهب إلى قائمة المحتويات</a></div>
</div>
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
الجزء الظاهر من المحتوى
<br/>
<a title="Click to show/hide content" type="text" onclick="if(document.getElementById('content1') .style.display=='none') {document.getElementById('content1') .style.display=''}else{document.getElementById('content1') .style.display='none'}">العنوان الأول</a>
<div id="content1" style="display:none">
المحتوى المخفى الأول
</div>
<br/>
<a title="Click to show/hide content" type="text" onclick="if(document.getElementById('content2') .style.display=='none') {document.getElementById('content2') .style.display=''}else{document.getElementById('content2') .style.display='none'}">العنوان الثانى</a>
<div id="content2" style="display:none">
المحتوى المخفى الثانى
</div>
<br/>
<a title="Click to show/hide content" type="text" onclick="if(document.getElementById('content3') .style.display=='none') {document.getElementById('content3') .style.display=''}else{document.getElementById('content3') .style.display='none'}">العنوان الثالث</a>
<div id="content3" style="display:none">
المحتوى المخفى الثالث
</div>
تحديث 16/10/2016:
بعد إلغاء الإستضافة على Dropbox و Googledrive يمكن إستضافة ملفات القائمة التى قمت بإنشائها على موقع Github
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
<style> img, a { border: 0; } #on { visibility: visible; } #off { visibility: hidden; } #facebook_div { width: 235px; height: 236px; overflow: hidden; } #twitter_div { width: 246px; height: 240px; overflow: hidden; } #google_plus_div { width: 290px; height: 250px; overflow: hidden; margin-right: 5px; margin-top: 1px; } #CONfeedburner_div { width: 300px; height: 120px; overflow: hidden; margin-top: 5px; margin-right: -4px; } #CON_div { width: 300px; height: 97px; overflow: hidden; } /* left side style */ #facebook_right { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; left: -239px; } #facebook_right img { position: absolute; top: -1px; right: -65px; } #facebook_right iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; right: -2px; top: -3px; } #twitter_right { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 250px; height: 240px; position: fixed; left: -254px; } #twitter_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #google_plus_right { z-index: 10003; background-color: #F2F2F2; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-left: 2px solid #0056a0; border-right: 2px solid #0056a0; width: 290px; height: 250px; position: fixed; left: -294px; } #google_plus_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #feedburner_right { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; left: -304px; } #feedburner_right_img { position: absolute; top: -1px; right: -65px; border: 0; } #CON_right { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #CON_right img { position: absolute; top: -1px; right: -65px; } /* right side style */ #facebook_left { z-index: 10005; border: 2px solid #3c95d9; background-color: #fff; width: 235px; height: 236px; position: fixed; right: -239px; } #facebook_left img { position: absolute; top: -2px; left: -35px; } #facebook_left iframe { border: 0px solid #3c95d9; overflow: hidden; position: static; height: 236px; left: -2px; top: -3px; } #twitter_left { z-index: 10004; border: 2px solid #6CC5FF; background-color: #6CC5FF; width: 246px; height: 240px; position: fixed; right: -254px; } #twitter_left_img { position: absolute; top: -2px; left: -35px; border: 0; } #google_plus_left { z-index: 10003; background-color: #006ec9; border: 2px solid #006ec9; border-top: 2px solid #0056a0; border-bottom: 2px solid #0056a0; border-right: 2px solid #0056a0; border-left: 2px solid #0056a0; width: 290px; height: 120px; position: fixed; right: -294px; } #google_plus_left_img { position: absolute; top: -2px; left: -33px; border: 0; } #feedburner_left { z-index: 10003; background-color: #fefefe; border: 2px solid #5b5b5b; border-top: 2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right: 2px solid #5b5b5b; border-left: hidden; width: 300px; height: 97px; position: fixed; right: -304px; } #feedburner_left_img { position: absolute; top: -2px; left: -33px; border: 0; } #CON_left { z-index: 10003; border: 2px solid #303030; background-color: #fff; width: 300px; height: 97px; position: fixed; } #CON_left img { position: absolute; top: -2px; left: -101px; } .box-title1 { border: 1px solid #ddd; /*border-radius*/ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; /*box-shadow*/ -webkit-box-shadow: 5px 5px 5px #CCCCCC; -moz-box-shadow: 5px 5px 5px #CCCCCC; box-shadow: 5px 5px 5px #CCCCCC; padding: 10px; margin: 10px 0; } .enteryouremail { background: #fff !important; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 165px; /*border-radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px; } .submitbutton { background: #FF8000; border: 1px solid #F66303; /*box-shadow*/ -webkit-box-shadow: 3px 3px 3px #666; box-shadow: 3px 3px 3px #666; font: bold 12px Arial, sans-serif; color: #000000; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; /*border-radius*/ -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; } #youtube_right { z-index: 10001; background-color: #fefefe; border:2px solid #ff0000; border-top:2px solid #5b5b5b; border-bottom: 2px solid #5b5b5b; border-right:2px solid #5b5b5b; border-left: hidden; width:301px; height: 106px; position: fixed; left: -304px; } #youtube_right_img { position: absolute; top: -1px; right: -65px; border: </style> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="http://apis.google.com/js/plusone.js" type="text/javascript"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery("#facebook_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#facebook_right").stop( true, false).animate( { left: -239 }, 500); }); jQuery("#twitter_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#twitter_right").stop( true, false).animate( { left: -254 }, 500); }); jQuery("#google_plus_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#google_plus_right").stop( true, false).animate( { left: -294 }, 500); }); jQuery("#feedburner_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#feedburner_right").stop( true, false).animate( { left: -304 }, 500); }); jQuery("#youtube_right").hover( function () { jQuery(this).stop(true, false).animate( { left: 0 }, 500); }, function () { jQuery("#youtube_right").stop( true, false).animate( { left: -304 }, 500); }); }); </script> <br /> <div id="on"> <div id="facebook_right" style="top: 8%;"> <div id="facebook_div"> <img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVe0R2Mg6KSyYnYm90EupVPa1POePPxdcLsS5FjqJKJhaChcWszxUaRH5oFQ_e5TXWhVc1ClKzZ9PUYlMAYj2So6Z68OBMazOfK-jd-rg07XYElu_AuXZNjZ_O5j8XffQejK5rdVeT_-8q/w80-h102-no/fb.png" /> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fdesignsblog&width=250&height=250&colorscheme=light&show_faces=true&border_color&stream=false&header=false" style="border: none; height: 250px; overflow: hidden; width: 250px;"></iframe> </div> </div> </div> <div id="on"> <div id="twitter_right" style="top: 24%;"> <div id="twitter_div"> <img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl6Bqk9StLAzG5UoGdcK0TYeurnu3hXAnjqCzmH0ooN7ZvzDD4fbrLegdqPg0oED6u5Tr-pm9g5E4N8WetoaFnSBSbT-yHUsakmv_CNLkHcylUSxXmFfK4jKJPTnUKaFLb94Gewu0zO8rh/w80-h103-no/twitter.png" /> <div style="width:248px;font-size:8px;text-align:left;"> <div id="twitter-box"></div> <script> var tw_user = 'DrRo2'; var tw_width = 301; var tw_height = 325; var no_face = 9; (function() { var tw_box = document.createElement('script'); tw_box.type = 'text/javascript'; tw_box.async = true; tw_box.src = '//www.twitter-fanbox.com/tw.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(tw_box); })(); </script> <a href="http://NewBloggerTips.com" target="_blank"></a> </div> </div> </div> </div> <div id="on"> <div id="google_plus_right" style="top: 41%;"> <div id="google_plus_div"> <img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNtXtZmmr2wojPiQptghE8bewe1LSSLw4a1vSIsjoH-6o0xj-9VXZzGafewSZIP-_AsSl0eaZxl3q359-SpJ_i9gxD1j0XiUY_JFanunpaN1VfxCzXCaH0mZaKZk9T1RebLG5pDxRPdv_4/w80-h103-no/google%252B1.png" /> <div style="float: right; margin: 10px 10px 10px 0;"> <a href='http://newbloggertips.com'> <img alt='Tips Tricks And Tutorials' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuee-EzrFwe0qjmZ6rca_t9M3gC9II_AquoaLItXHZfyjaEpS8xpuIKgc418SkaynQ6YOEiOnRGYWWcNEQP63jyI7fYkL214QGdVupLQLqz9UcfYunUGHoeJSyeAjB2Fs2iBNKM_IUkdxe/s1600/best+blogger+tips.png' /> </a> <div class="g-plus" data-action="followers" data-height="250" data-href="https://plus.google.com/+Condaianllkhir" data-source="blogger:blog:followers" data-width="270"></div> <script type="text/javascript"> (function () { window.___gcfg = { 'lang': 'en' }; var po = document.createElement( 'script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName( 'script')[0]; s.parentNode.insertBefore( po, s); })(); </script> </div> </div> </div> <div id="on"> <div id="feedburner_right" style="top: 75%;"> <div id="CONfeedburner_div"> <center> <h4 style="color: #f66303;">تابع عبر البريد الإلكترونى:</h4> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=condaianllkhir/DrRO', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"> <input class="enteryouremail" gtbfieldid="10" name="email" onblur="if (this.value == '') {this.value = 'Enter your email here...';}" onfocus="if (this.value == 'Enter your email here...') {this.value = '';}" type="text" value="Enter your email here..." /> <input name="uri" type="hidden" value="condaianllkhir/DrRO" /> <input class="submitbutton" type="submit" value="Submit" /> </form> </center> <img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw1FdJhS2ogjd1QjD4GiKgh7Dhg8gH_B9QtqUERc47jfwWyHqsSN_X7bk2PRbTqIH0ciId6H9q4GExemfNQNUZEmln3n6ecOXinf5o5L_klPvDdeZ1vJFrIZ-ttQhyphenhyphenszDpxd1lRDCSkVlF/w80-h103-no/rss.png" /> <div style="float: left; padding: 20px; margin: 0px;"> <span style="font-size:10px;">Widget by <a href="http://www.condaianllkhir.com/"rel="nofollow" target="_blank">condaianllkhir</a> </span> <span style="font-size:8px;"></span> </div> </div> </div> <div id="on"> <div id="youtube_right" style="top:58%;"> <div id="youtube_div"> <img id="youtube_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Wgnba2eI2L01Of92O-ZxQl2-BIs1iCrTfWPXylshqtf1aQNkJa4ZCKchhHDaAchVsjt7485bkj5L3HmuG8S6IJxWJGeilkQJx7_irsa_NnReaA0QOEE67RdK2bKzyHk8jpjnPwrJ1HsF/w80-h103-no/youtube.png " /> <div style="float:right;margin:1px 0px 0px 2px;"> <iframe src=http://www.youtube.com/subscribe_widget?p=designs9 style="height:105px;width:300px;border:0;" scrolling="no" frameborder="0"></iframe> </div> </div> </div> </div></div></div>
أعلنت شركة جوجل عن توقف خدمة إستضافة الملفات بعد 31 أغسطس 2016 طبقًا لهذا البيان ويمكن متابعة شرح لبعض البدائل لخدمة Google drive
<link href='
https://googledrive.com/host/0B6RfPJAihIixTXAxQUdMRERWOEp/ ' rel='stylesheet'/>
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
طريقة تركيب القطار المتحرك إلى مدونات بلوجر:
<!--http://www.condaianllkhir.com/-->
<div style="bottom: -3px; left: 0px; position: fixed; width: 100%; z-index: 65535;">
<marquee>
<style media="screen" type="text/css">
*
{
padding: 0;
margin: 0;
}
body
{
padding: 0;
margin: 0;
}
#flexbox
{
//display: -webkit-box;
//-webkit-box-orient: horizontal;
//-webkit-box-align: stretch;
//width: auto;
}
/*---- http://www.condaianllkhir.com/---*/
</style>
<a href="https://plus.google.com/105400830730395545290/posts" rel="nofollow" target="_blank"><img alt="google-plus-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaLQT3OP1SWnrqMeqdAqvkTHmOS1rNy_CtptljrqdlLCS9YQcZhPrvSW9-RqPKWGNHo9tgXUMZUydMgWymUJf52mYgG3bxAaRJ0cgW6WvL-1hrPCUzR9i3apNhdpZiotb0C5Aq5bGX5Ao6/w391-h389-o-k/%25D8%25AC%25D9%2588%25D8%25AC%25D9%2584-%25D8%25A8%25D9%2584%25D8%25B3.png" style="border: 0px none; margin: 0px; padding: 0px;" title="google-plus-icon" /></a>
<a href="https://twitter.com/DrRo2" rel="nofollow" target="_blank"><img alt="tweeter-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx-KJj6BZGBlwDsRuBOcxaqEL72BMUDpxVipzHJQZe2x3EJvW7P7g9u1fDxI4H6TSCPfL9P1co5A9IDbx39AuD6Z7ajm5mvuPBllCfdxqE9wUmJDJ51kLdsFQ5SQe5Qq6DAK1l6SFzhPUP/s70/tweeter.png" style="border: 0px none; margin: 0px; padding: 0px;" title="tweeter-icon" /></a>
<a href="http://www.facebook.com/designsblog" rel="nofollow" target="_blank"><img alt="facebook-icon" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaPrUg5rLZynvLRngt7Gl-NxDETs0-nQ91FrBYrZk25p9D8PJhxmoSvY1A0gn4lGuvvoeBGpc0pJe3Eau_19v2FcAerKj_nBFRR0DYOx8Vg7TkvAXL26Vth3LMK3Cifbnxr33BB9ocQk9R/s150/%D9%81%D9%8A%D8%B3-%D8%A8%D9%88%D9%83.png" style="border: 0px none; margin: 0px; padding: 0px;" title="facebook-icon" /></a>
</marquee></div>
<a href="http://www.condaianllkhir.com/" rel="nofollow" target="_blank"> <span style="font-size: xx-small;">Blogger widgets </span></a></div>
م | الموضوع | التسميات | عدد التعليقات |
---|---|---|---|
1 | أداة الترجمة لمدونات بلوجر | إضافات بلوجر | 2 |
2 | أداة التقويم | فلاشات المواقع | 5 |
3 | تعريب قالب wilderness | قوالب بلوجر | 3 |
4 | تكبير مصغرات الصور بمرور الماوس | css أكواد | 2 |
5 | سلايدر ثلاثى الأبعاد | إضافات بلوجر | 5 |
خطوات عمل الجدول:
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
تنبيه : المرجو عدم نسخ الموضوع بدون ذكر مصدره المرفق بالرابط المباشر للموضوع الأصلي وإسم المدونة وشكرا
هل قررت أن تمتلك مدونة إلكترونية وتحلم أن تنافس بها أشهر المدونات؟؟ أصبح الآن من السهل جدًا إنشاء مدونة إلكترونية تدون بها أفكارك و ...