السبت، 29 أكتوبر، 2016

تحميل قالب Vienna Mag معرب بإحترافية

تحميل قالب Vienna Mag معرب بإحترافية
من أجمل و أقوى القوالب تقني على الإطلاق معرب بإحترافية جاهز لتحميل مجانا
قواب بلوجر معربة
قالب Vienna Mag معرب



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

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

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

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


لإظافة شريط الأخبار 
من داخل القالب إبحث عن هذا الرابط
http://r-template034.blogspot.com
و إستبدله برابط مدونتك



لإظافة المواضيع مميزة
من داخل القالب إبحث عن هذا الكود
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='ct-wrapper' id='featured-posts-section'>
<div class='featured-post padding clearfix'>
<script type='text/javaScript'>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/أنترنت?max-results=&quot;+featured_numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sliderposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</div>
</div>
</b:if>
غير ما باللون الأحمر برابط القسم



إظافات القالب +
كود إظافة صندوق أزرار المتابعة
<div class = 'vienna-social-icons mom-social-widget' > <ul> <li class = 'facebook' > <a href = '#' rel = 'nofollow' target = '_ blank' title = 'Follow us on Facebook ' > <i class = ' facebook-ago ago ' /> </a> </ li> <li class = ' twitter ' > <a href = ' # ' rel = ' nofollow ' target = ' _ blank ' title = 'Follow us on Twitter' > <i class = 'twitter-ago ago' /> </a> </ li> <li class = 'googleplus' > <a href = '#' rel = 'nofollow' target = '_blank' title = 'Follow us on Google+' > <i class = 'google-plus-making does' /> </a> </ li> <li class = 'rss' > <a href = '#' rel = 'nofollow' target = '_ blank' title = 'Follow us on RSS' > <i class = 'rss-ago ago' /> </a> </ li> <li class = 'youtube' > <a href = '#' rel = 'nofollow' target = '_ blank' title = 'Follow us on Youtube' > <i class = 'made-made youtube' /> </a> </ li> <li class = 'dribbble' > <a href = target ='#' rel ='nofollow''_blank' title ='Follow us on Dribble'> <i class = 'does make-dribbble' /> </a> </ li> <li class = 'deviantART' > href = target ='#' rel ='nofollow''_blank' title ='Follow us on DeviantArt'> <i class = 'made-ago deviantART' /> </a> </ li> <li class = 'pinterest' > href = target ='#' rel ='nofollow''_blank' title ='Follow us on Pinterest'> <i class = 'does pinterest-made' /> </a> </ li> <li class = 'instgram' > href = target ='#' rel ='nofollow''_blank' title ='Follow us on Instagram'> <i class = 'made-ago Instagram' /> </a> </ li> <li class = 'tumblr' > href = target ='#' rel ='nofollow''_blank' title ='Follow us on Tumblr'> <i class = 'fa- ago tumblr ' /> </a> </ li> <li class = ' linkedin ' > href = target ='#' rel ='nofollow''_blank' title ='Follow us on LinkedIn'> <i class = FA-ago linkedin ' /> </a> </ li> <li class = ' soundcloud ' > href = target ='#' rel ='nofollow''_blank' title ='Follow us on Soundcloud'> <i class = 'does soundcloud-made' /> </a> </ li> </ ul> </ div> 


كود إظافة خريطة الموقع
<div id="bp_toc">
Loading TOC. Please wait....</div>
<script src="https://cdn.rawgit.com/Arlina-Design/redvision/master/daftar-isi-simple.js" type="text/javascript"></script> <script src="/feeds/posts/summary?alt=json-in-script&amp;max-results=9999&amp;callback=loadtoc" type="text/javascript"></script>
يمكنك إظافة خريطة الموقع عبر إنشاء صفحة جديدة و وضع هذا الكود داخلها ضمن خاصية HTML



كود نمودج الإتصال
<form name="contact-form">
<span style="color: #666666; font-family: Open Sans,Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-user"></i> Name </span>
<input id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />  

<span style="color: #666666; font-family: Open Sans,Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-envelope"></i> Email Address <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span> 
<input id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />  

<span style="color: #666666; font-family: Open Sans,Arial,Helvetica,sans-serif; font-weight: 700;"><i class="fa fa-pencil-square-o"></i> Content <span style="color: #f56954; font-size: x-small; font-weight: bold;">important</span></span>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Send" />  
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager {display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:100%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #ddd;border-radius:3px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:10px;background:#fff;color:#444;font-family:'Open Sans',sans-serif;border:1px solid #ddd;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit {width:100%;font-family:'Open Sans';float:left;background:#fff;color:#aaa;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;background-image: linear-gradient(110deg, #7986cb 0%, #7986cb 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;border:1px solid #ddd;transition:all .8s ease, background-position .8s ease, color .8s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;background-position:0 0;border-color:#7986cb;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:100%;margin-top:35px;}
.contact-form-error-message-with-border {background:#f36c60;border:none;box-shadow:none;color:#fff;padding:5px 0;}
.contact-form-success-message {background:#4fc3f7;border:none;box-shadow:none;color:#fff;}
img.contact-form-cross {line-height:40px;margin-left:5px;}
</style>
يمكنك إظافة خريطة الموقع عبر إنشاء صفحة جديدة و وضع هذا الكود داخلها ضمن خاصية HTML



كود تعليقات الزوار
من تخطيط إفتح صندوق إسمه تعليقات بالضغط على تحرير
ثم ضع به هذا الكود
<style scoped='' type="text/css">
ul.arlinacomments{list-style:none;margin:0;padding:0}.arlinacomments li{display:block;clear:both;overflow:hidden;list-style:none;border-bottom:0!important;word-break:break-all}.arlinacomments li .avatarImage{float:left;margin-right:10px;position:relative;overflow:hidden}.arlinacomments li img{position:relative;overflow:hidden;display:block;width:42px;height:42px}.arlinacomments li a{font-weight:700}.arlinacomments li span{margin-top:2px;color:#666;display:block;font-size:12px;line-height:1.4}
</style>
<script type="text/javascript">
//<![CDATA[
// Recent Comments
function arlinacomments(a){var e;e='<ul class="arlinacomments">';for(var t=0;numComments>t;t++){var r,o,n,i;if(t==a.feed.entry.length)break;e+="<li>";for(var d=a.feed.entry[t],s=0;s<d.link.length;s++)"alternate"==d.link[s].rel&&(r=d.link[s].href);for(var l=0;l<d.author.length;l++)o=d.author[l].name.$t,n=d.author[l].gd$image.src;n=-1!=n.indexOf("/s1600/")?n.replace("/s1600/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s220/")?n.replace("/s220/","/s"+avatarSize+"-c/"):-1!=n.indexOf("/s512-c/")&&0!=n.indexOf("http:")?"http:"+n.replace("/s512-c/","/s"+avatarSize+"-c/"):-1!=n.indexOf("blogblog.com/img/b16-rounded.gif")?"http://1.bp.blogspot.com/-7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.png":-1!=n.indexOf("blogblog.com/img/openid16-rounded.gif")?"http://2.bp.blogspot.com/-VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png":-1!=n.indexOf("blogblog.com/img/blank.gif")?-1!=defaultAvatar.indexOf("gravatar.com")?defaultAvatar+"&s="+avatarSize:defaultAvatar:n,1==showAvatar&&(i=1==roundAvatar?"avatarRound":"",e+='<div class="avatarImage '+i+'"><img class="'+i+'" src="'+n+'" alt="'+o+'" width="'+avatarSize+'" height="'+avatarSize+'"/></div>'),e+='<a href="'+r+'">'+o+"</a>";var A=d.content.$t,v=A.replace(/(<([^>]+)>)/gi,"");""!=v&&v.length>characters?(v=v.substring(0,characters),v+="&hellip;",1==showMorelink&&(v+='<a href="'+r+'">'+moreLinktext+"</a>")):v=v,e+="<span>"+v+"</span>",e+="</li>"}e+="</ul>";var c="";0==hideCredits&&(c="display:block;"),e+="",document.write(e)}var numComments=7,showAvatar=!0,avatarSize=42,roundAvatar=!0,characters=40,showMorelink=!1,defaultAvatar="http://2.bp.blogspot.com/-XjxrXKBPQqs/VYcGtLWPGUI/AAAAAAAAKaQ/5jr871JIwds/s1600/default-avatar.jpg",hideCredits=!0,numComments=numComments||5,avatarSize=avatarSize||60,characters=characters||40,defaultAvatar=defaultAvatar||"http://4.bp.blogspot.com/-SRSVCXNxbAc/UrbxxXd06YI/AAAAAAAAFl4/332qncR9pD4/s1600/default-avatar.jpg",moreLinktext=moreLinktext||" More &raquo;",showAvatar="undefined"==typeof showAvatar?!0:showAvatar,showMorelink="undefined"==typeof showMorelink?!1:showMorelink,roundAvatar="undefined"==typeof roundAvatar?!0:roundAvatar,hideCredits="undefined"==typeof hideCredits?!1:roundAvatar;
//]]>
</script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=arlinacomments&amp;max-results=7"></script>



كود عمل تبادل إعلاني "بانر"
125x125
<div class="kotak_iklan">
<a href="#" title="judul iklan"><img style="border: none;" src="https://s26.postimg.org/4adyetw09/download.png" alt="text gambar" width="125" height="125" /></a>
<a href="#" title="judul iklan"><img style="border: none;" src="https://s26.postimg.org/4adyetw09/download.png" alt="text gambar" width="125" height="125" /></a>
<a href="#" title="judul iklan"><img style="border: none;" src="https://s26.postimg.org/4adyetw09/download.png" alt="text gambar" width="125" height="125" /></a> 
<a href="#" title="judul iklan"><img style="border: none;" src="https://s26.postimg.org/4adyetw09/download.png" alt="text gambar" width="125" height="125" /></a> 
</div>



إظافات لداخل التدوينة +
كود أزرار التحميل و المشاهدة
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>



كود عمل محتوى أو نص مخفي مع زر الإظهار
<div id="flippy"><button>إظهار/إخفاء</button></div>
<div id="flippanel">
أضف النص هنا ...
</div>



كود الجدول
<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>





هناك تعليق واحد:
إترك تعليق
  1. اخي شاهد كيف يظهر الخط عندي
    https://dz4web.blogspot.com/

    ردحذف

لدعم هذا المشروع