إضافة قائمة منزلقة لآخر المواضيع لمدونات بلوجر
قم بالبحث عن الكود التالي :
]]></b:skin>
ثم قم بلصق الكود التالي قبله :
.accordion {
width: 620px;
text-align: center;
border-bottom: solid 1px #c4c4c4;}
.accordion h3 {
background:
#e9e7e7
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBouAvKIAuZF-6V_iO308c88spEbGxhyphenhyphenvFZdhVVotSTk9SowvYC7fqDQaWnDsV87or7r5JuRqeuWuWNAB68TQ4ZO8yHQYde5dDIYGCEGz_4NDtm-xzZXUuOPJs0-ZxPyPMbJHPY-Hd4XWD/s320/arrow-square.gif)
no-repeat right -51px;
padding: 7px 15px;
margin: 0;
font: bold 120%/100% Arial, Helvetica, sans-serif;
border: solid 1px #c4c4c4;
border-bottom: none;
cursor: pointer;}
.accordion h3:hover {
background-color: #e3e2e2;}
.accordion h3.active {
background-position: right 5px;}
.accordion p{
background:url(http://lh6.ggpht.com/_4_wf1DKMvX4/TMWm472NmPI/AAAAAAAABmw/aioU52gp7Zw/box-bgr.gif) ;
margin: 0;
padding: 10px 15px 20px;
border-left: solid 1px #c4c4c4;
border-right: solid 1px #c4c4c4;}
الآن قم بالبحث عن هذا الكود :
</head>
ثم قم بلصق الكود التالي قبله :
<script src='http://blogspacetech.googlecode.com/files/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){
$(".accordion h3:first").addClass("active");
$(".accordion p:not(:first)").hide();
$(".accordion h3").click(function(){
$(this).next("p").slideToggle("slow")
.siblings("p:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
</script><font size="0"><a href="http://www.monte-escalier-prix.org"></a></font>
قم بالبحث عن الكود التالي (إذا وجدت إثنين فالكود الثاني هو المقصود) :
<data:post.body/>
ثم قم بلصق الكود التالي بعده :
<b:if cond='data:blog.pageType == "item"'>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAzwqVRfjdTDIdIVZRJFJl0qG7ABYXrqQ2rxvV9TUKn3BFMT5RWLJKfjX4KGvfAUjO1iH_ALiJFBXiuCdyUNrEIohHawbik2g_X96tuW5zquAsa2w0iO-swkVEhoMCRGUnIkNKazGWzY4/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold = true;
jtext = "التعليقات";
jshowPostDate = true;
jsummaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
numposts = 10;
label = "إضافات بلوجر";
home_page = "http://www.idafat.blogspot.com/";
</script>
<div class='accordion'>
<script src='http://blogspacetech.googlecode.com/files/new.recent-posts.js' type='text/javascript'/>
</div>
</b:if>
<script language='JavaScript'>
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAzwqVRfjdTDIdIVZRJFJl0qG7ABYXrqQ2rxvV9TUKn3BFMT5RWLJKfjX4KGvfAUjO1iH_ALiJFBXiuCdyUNrEIohHawbik2g_X96tuW5zquAsa2w0iO-swkVEhoMCRGUnIkNKazGWzY4/s128/no-image.blogspacetech.jpeg";
showRandomImg = true;
jimgwidth = 80;
jimgheight = 80;
jfntsize = 12;
jacolor = "#E67C15";
jaBold = true;
jtext = "التعليقات";
jshowPostDate = true;
jsummaryPost = 200;
summaryFontsize = 12;
summaryColor = "#000";
numposts = 10;
label = "إضافات بلوجر";
home_page = "http://www.idafat.blogspot.com/";
</script>
<div class='accordion'>
<script src='http://blogspacetech.googlecode.com/files/new.recent-posts.js' type='text/javascript'/>
</div>
</b:if>
width: 620pxقم تغيير هذه القيمة على حسب عرض الإضافة التي تريد
إضافات بلوجر : قم تغيير هذه التسمية بأحد التسميات الخاصة بمدونتك
قم بتغيير رابط المدونة برابط مدونتك.وأخيرا قم بحفظ القالب ،أتمنى أن تنال هذه الإضافة إعجابكم.
| روابط هذه التدوينة قابلة للنسخ واللصق | |
| URL | |
| HTML | |
| BBCode | |
0 التعليقات:
إرسال تعليق
تذكروا قول الله تعالى : {مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ}