عرض مشاركة واحدة
قديم 06-21-2012, 04:12 PM   #1
admin
مدير عام
 
الصورة الرمزية admin
 
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
Thumbs up تحميل قالب Johny Storage Dark المعرب



تحميل قالب Johny Storage Dark المعرب

قالب Johny Dark storage المعرب للبلوجر : قالب أزرق وأسود بعمود للإضافات على اليسار وبثلاثة أعمدة فوتر.

أولا إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة الستحدم وابحث عن :

كود:
cssfeed.addFeed("Headline News", "http://johny-storage-dark-bloggerexp.blogspot.com/feeds/posts/default")
واستبدل
http://johny-storage-dark-bloggerexp.blogspot.com/ برابط مدونتك

---------------------------------------------

لإظهار المواضيع حسب الأقسام : من عناصر الصفحة اضغط تحرير ل Label1 واكتب مكان الكود اسم القسم المراد عرض مواضيعه ولا تنس تغيير Label1 بعنوان القسم. وافعل المثل مع Label2...8

صورة توضيحية (مثلا تريد عرض مواضيع لقسم "أخبار دولية" مكان Label2 = اضغط تحرير لأداة Label2 واكتب عنوان القسم في مكان الكود ولا تنس تغيير العنوان إلى ما يناسبك) :


---------------------------------------------

كود آخر المواضيع :
من تصميم ثم عناصر الصفحة اضغط تحرير لأداة آخر المواضيع والصق الكود التالي :

كود:
<ul>
<script>
document.write("<script src=\"/feeds/posts/default?max-results="+numposts5+"&orderby=published&alt=json-in-script&callback=showrecentposts6\"><\/script>");
</script>
</ul>
--------------------------------------------

كود آخر التعليقات :
من تصميم ثم عناصر الصفحة اضغط تحرير لأداة التعليقات والصق الكود التالي :

كود:
<style type="text/css">
ul.tb_recent_comments{list-style:none;margin:0;padding:0;}
.tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
.tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
.tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
.tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
numComments  = 5,
showAvatar  = true,
avatarSize  = 50,
characters  = 60,
defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
//]]>
</script>
<script type="text/javascript" src="http://johnytemplate.googlecode.com/files/recentcomment.js"></script>
<script type="text/javascript" src="http://johny-storage-dark-bloggerexp.blogspot.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=5"></script>
مع تغيير
http://johny-storage-dark-bloggerexp.blogspot.com برابط مدونتك
-------------------------------------------

لتفعيل الاشتراك عبر البريد إذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة الستحدم وابحث عن :

كود:
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogspot/www.bloggerexp.com&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='blogspot/www.bloggerexp.com'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
استبدل
blogspot/www.bloggerexp.com بمعرفك على feedburner

مثلا لو كان رابط خلاصاتك على شكل feedburner.google.com/BLOGGEREXP فستستبدل blogspot/www.bloggerexp.com ب BLOGGEREXP

--------------------------------------------

كود السلايدر :

لتفعيل السلايدر اضغط تحرير للأداة الموضحة أسفله والصق الكود التالي مع مراعاة تغيير "رياضة" باسم القسم المراد عرض مواضيعه بالسلايدر :

كود:
<div id='featuredContent'>
<div class='sliderwrapper' id='featured-slider'>
<script>
document.write("<script src=\"/feeds/posts/default/-/رياضة?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>");
</script>
</div>
<div id='paginate-featured-slider'>
<ul>
<script>
document.write("<script src=\"/feeds/posts/default/-/رياضة?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>");
</script>
</ul>
<div class='clear'></div>
</div>
<script type='text/javascript'>
featuredcontentslider.init({
id: "featured-slider", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide.
revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover"
enablefade: [true, 0.4], //[true/false, fadedegree]
autorotate: [true, 5000], //[true/false, pausetime]
onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
//previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
//curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
}
})
</script>
</div>
مكان الأداة :


-------------------------------------------

لإضافة أداة التويتر، الصق الكود التالي في أداة HTML/JavaScript مع تغيير bloggerexpcom بمعرفك على تويتر

كود:
<div style="background:#cc0000 url(http://2.bp.blogspot.com/-C9T2YYi8tv8/T6LO-vQvcuI/AAAAAAAAA9U/Xq14mSfAsII/s1600/tweet+2.png) no-repeat;padding-top:46px;padding-left:10px">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 3000,
width: 280,
height: 122,
theme: {
****l: {
background: 'transparent',
color: '#aeaeae'
},
tweets: {
background: 'transparent',
color: '#aeaeae',
links: '#5193f0'
}
},
features: {
scrollbar: false,
loop: true,
live: true,
hashtags: true,
timestamp: true,
avatars: true,
behavior: 'default'
}
}).render().setUser('bloggerexpcom').start();
</script>
</div>


-----------------------------------------------------

لتعديل روابط المواقع الاجتماعية، اذهب إلى تحرير HTML وعلم على توسيع قوالب عناصر واجهة المستخدم وابحث عن :

كود:
<div id='searchbarleft1'>
<ul class='isocial'>
<li><a class='rss' href='#' target='_blank' title='اشترك عبر RSS'/></li>
<li><a class='facebook' href='#' target='_blank' title='Become a Fan'/></li>
<li><a class='twitter' href='#' target='_blank' title='Follow Us'/></li>
<li><a class='google' href='#' target='_blank' title='Google Plus Profile'/></li>
<li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li>
</ul>
    </div>


غير # إلى رابط حساباتك على المواقع الاجتماعية

باسوورد فك الضغط : www.bloggerexp.com

معاينة القالب - تحميل القالب

الدعم العربي

admin غير متواجد حالياً   رد مع اقتباس