مرحبا بكم في موضوع جديد من مواضيع اضافات بلوجر ، حيت سنتطرق اليوم الى كيفية اضافة رسالة ترحيب تظهر فوق المدونة عند دخول الزائر الى الصفحة الرئيسية او الى اي صفحة ما. تماما متل التي نتوفر عليها (توجه الى هذا الرابط للمعاينة)
شرح التركيب :
- قم بالذهاب الى قالب مدونتك تم تحرير الـHTML
- ابحت عن </head> تم ضع هذا الكود مباشرة فوقه
<script>$(document).ready(function(){ $("#hide").click(function(){ $("#welcom").slideUp(3000); }); $("#show").click(function(){ $("#welcom").show(); });});</script>
- ثم ضع هذا الكود في اي مكان تريد ان تظهر فيه الرسالة ( اسفل القائمة الأفقية)
<div class='ads' style='padding-top:10px;'><b:if cond='data:blog.url == data:blog.homepageUrl'><div id='welcom'><div id='welcom-msg'><img id='hide' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgC5gGcDyRuoLIGzgSVpE934bfec7mn7R7LW7kMDYMUhCeWGcYE0-Dm8ZBu4r4E39meeg5m82uCGFsUVhrBrHpIEA1b8B81f9Fu3M_lXLkj2U9D96jhnx12NgopPsZgS5vLhQ-QGamfbal/s1600/round_delete_icon%252616.png'/><p>مرحباً بكم في مدونة جالكسي نت.ادعمونا في شبكات التواصل الاجتماعي</p></div><!--End welcom-msg-->
<div id='social'><a href='https://www.facebook.com/pages/Galaxy-Net/1512912672257165' target='_blank'><img alt='facebook' height='35' src='https://cdn1.iconfinder.com/data/icons/leaf/128/facebook.png' width='35'/></a><a href='https://twitter.com/ihalamadridista' target='_blank'><img alt='twitter' height='35' src='https://cdn3.iconfinder.com/data/icons/leaf/128/twitter.png' width='35'/></a><a href='https://plus.google.com/103380350244215806604' target='_blank'><img alt='goolge+' height='35' src='https://cdn3.iconfinder.com/data/icons/leaf/128/googleplus.png' width='35'/></a><a href='https://www.youtube.com/user/AbdErrahimElMarocain' target='_blank'><img alt='youtube' height='35' src='https://cdn3.iconfinder.com/data/icons/leaf/128/youtube.png' width='35'/></a><a href='http://feeds.feedburner.com/g-net/bLQv' target='_blank'><img alt='Rss' height='35' src='https://cdn3.iconfinder.com/data/icons/leaf/128/RSS.png' width='35'/></a> <a href='http://forum.g-net.cf' target='_blank'><img alt='blogger' height='35' src='https://cdn3.iconfinder.com/data/icons/leaf/128/blogger.png' width='35'/></a></div></div><style>
#welcom-msg p{text-align: right;float: right;padding: 22px;margin-top: -2px;color: #fff;font-weight: normal;font-size: 12px;word-spacing: 0.2em;width: 62%;background: #405972 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRb8n1L3B1Fmf0s1-5M9Vj9ZlDPm9MXYb3OqfRNmpz4TIY2gMvnsHf68C_tM8lzYFobBYD5_cxJqegSkwNCosYWGYQOpyq4kaAnQRgBfdh-zaYus4KYp3yoOM-QmCxbwtjBoQOP5yGfcb/s67/pattern-header.png) repeat-x;font: normal 13px 'GESSTwoMediumRegular';}#welcom {overflow: hidden;background: #34495e url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvRb8n1L3B1Fmf0s1-5M9Vj9ZlDPm9MXYb3OqfRNmpz4TIY2gMvnsHf68C_tM8lzYFobBYD5_cxJqegSkwNCosYWGYQOpyq4kaAnQRgBfdh-zaYus4KYp3yoOM-QmCxbwtjBoQOP5yGfcb/s67/pattern-header.png) repeat-x;height: 56px;border-bottom: 3px solid #5BA363;clear: both;width: 100%;margin: 1px 0px 1px 0px;}#welcom #hide {float: right;height: 16px;width: 16px;margin: 21px 23px;text-align: center;}#welcom #hide:hover{opacity:0.7;cursor:pointer;}
#welcom #search { background: url(http://zomemax.com/wp-content/themes/WebColors/images/searchBg.png) no-repeat; height: 40px; width: 370px; float: right; margin-top: 9px; margin-right: 10px;}#search form #search-form { float:right; height: 37px; width: 255px; padding-right: 26px; background:transparent; border:none; color: #666; text-shadow:1px 1px 0px #ebebeb; font: 11px Tahoma, Geneva, sans-serif;}#search form #searchsubmit { height: 34px; width: 77px; background:transparent; border:none; cursor:pointer;}
</style> </b:if></div>
تم غير بمايناسبك
اذا كنت تريد ان تظهر الرسالة في جميع الصفحات
احذف هذه الأسطر
<b:if cond='data:blog.url == data:blog.homepageUrl'>
و
</b:if>
الابتساماتالابتسامات