معهد خبراء بلوجر - تحميل قالب Johny Storage Dark المعرب

http://i1075.photobucket.com/albums/...torageDark.png

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

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

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

كود:

cssfeed.addFeed(&quot;Headline News&quot;, &quot;http://johny-storage-dark-bloggerexp.blogspot.com/feeds/posts/default&quot;)

واستبدل http://johny-storage-dark-bloggerexp.blogspot.com/ برابط مدونتك

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

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

صورة توضيحية (مثلا تريد عرض مواضيع لقسم "أخبار دولية" مكان Label2 = اضغط تحرير لأداة Label2 واكتب عنوان القسم في مكان الكود ولا تنس تغيير العنوان إلى ما يناسبك) :
http://i1075.photobucket.com/albums/...rageDark-1.png

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

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

كود:

<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>

مكان الأداة :

http://i1075.photobucket.com/albums/...k/076b7d28.jpg
-------------------------------------------

لإضافة أداة التويتر، الصق الكود التالي في أداة 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

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