الأحد، 4 مايو 2014

تعريب قالب بلوجر BROSENSE احترفي

السبت، 26 أبريل 2014

كوبونات جودادي 2014 - Coupons GoDaddy

الثلاثاء، 15 أبريل 2014

قالب فيديو ميكس للفيديوهات - Video Mix

الأحد، 13 أبريل 2014

سلايد شو احترافي بلوجر 2014

سلايد شو احترافي بلوجر 2014

هدا مثال 


لتركيب ندهب إلى التخطيط > ثم إضافة أداة > HTML/JavaScript

ثم نلصق الكود التالي ;

<script src="http://code.jquery.com/jquery-1.10.2.js" type="text/javascript"></script>
<script src="http://dl.dropboxusercontent.com/s/d2ki5h01tgnpezq/n17-content-slider-04.js" type="text/javascript"></script>
<a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="https://bitly.com/24workpng1" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://24work.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="https://bitly.com/24workpng1" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#myslides{
background:#2c3133;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 95%; /*Width of Carousel Viewer itself*/
height: 165px; /*Height should enough to fit largest content&#39;s height*/
margin: 0px 14px 5px 14px;
background:#2c3133;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 17px ; /*margin around each panel*/
width:220px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:#202325;
height:140px;
border:1px solid #393f42;
}
.stepcarousel .panel p{
text-align: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px 5px ; /*margin around each panel*/
}
.stepcarousel .panel h2{
text-align: left; /*leave this value alone*/
height:20px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 2px 5px ; /*margin around each panel*/
font-size:16px;
font-weight:bold;
text-align:center;
font-family:Georgia,century gothic,Arial,verdana, sans-serif;
}
.stepcarousel .panel img{
float: left; /*leave this value alone*/
background:#040404; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 10px 10px 10px; /*margin around each panel*/
padding:0px 0px;
}
</style>



<div id="myslides">

<script type="text/javascript">
stepcarousel.setup({
galleryid: 'mygallery', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'panel', //class of panel DIVs each holding content
panelbehavior: {speed:500, wraparound:true, persist:true},
defaultbuttons: {enable: true, moveby: 2, leftnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyeGvYFWLc6JfW4nAd_9y3tfpPg7d5eMGW7oTgQF1zMhiIJnPZQkte-Wbo4rEGobnj446JQMVi5PXMZjhiaJIxFz0H_NKT8QlSvz4FAxpf-xQaJYnVrp29dFQ8BCbZYDWmzljJdi_9Qv2u/', -14, 60], rightnav: ['https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4b7I5taEOyjyBIoevmYcBC6AwOTCfYszQWqD92pAnPPD_lF1sP2JTBnzKLEGdLMTwt8n2yCG_etsfTckSC_6uiWHSCJg46iqOCZsFXVqC3B9SHTmXNaZgHG0RoPRMYMk7uxRUHLRia9B4/', 0, 60]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>


<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel">
<a href="#" target="_blank" title="This is featured post 1 title">
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl7piwuVasikPOIeWVF3I8pPfQlouaVOLn2H505qQsPtg0AcFnW0mEMv0hyphenhyphen6zh1HNqhOyuuCdbXiH0pvSm9OCcwSzm3moIb8HFjYz0rM4Ytn_hRGtI9YE0vKXmLVn2K2jTKtZ9NaVWAPTC/s1600/How+to+change+mouse+cursor+in+blogger+blog+to+animated+cursors.png" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" target="_blank" title="This is featured post 2 title">
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX76qF8dk_2AGeuwLEnjy9wxkRlvDQCvMlcHAoV1Em_RTbxurKba4RFRlhrz-kkwFGOsoJWJZqN3vItQqiPP-UVBq38tL7mSdKphPChLGHLM_nocFVlLjpMMzlDkL3ZV5w4M7twsaaDzHP/s1600/Numbered+Page+Navigation+For+Blogger+New+Script.png" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" target="_blank" title="This is featured post 3 title">
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTsyQXZPd3E1zs_YuLE5b0tANm1F1Rcww4YNeOnT_Mbe18-lFdjxXEeD93f9tYXli7wszRe6CB7H3zs2yypluWAe1TYm57rsbWIi233Wm-OydW6FZdxveRQnnRIEfurYjJludq5igC3MLf/s1600/How+To+Add+Snow+Effect+On+The+Blogger+Mouse+Cursor+Area.png" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" target="_blank" title="This is featured post 4 title">
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhueusQCkVtdIe-zyFKyjZAGObenOkvyL0ZP_37b3tDgPIIvmhpJw6j3n7bI5jVOXb2jLL4BLrjP_RqfpQYkR0nHG3snrGYmVVeVJjO0AwvGUHe5k6INliPo3HgaLM8oPnLhLADXZNsTVVl/s1600/Falling+Objects++Falling+Text++Marquee+Scrolling+Text+Generator+for+Blogger.png" height="120"/>
</a>
</div>

<div class="panel">
<a href="#" title="This is featured post 5 title">
<img alt="" width="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRvGcc4kCmrMPmu5i2bzrLxsJWINR6ExoE9CraR8GCP6uVKZXkEVI6Bt_EOXB7ZZAGduNwh2DlAk7AiCnAokpTObrZaCpsS0o2QWPcyKwzOVEcDJChOSxEFAiguzWRddZNnY3wo9nHdIo/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png" height="120"/>
</a>
</div>


</div>
</div>
</div>
<div class="clear"></div>


لتغير مواضيع والصورة نبحث عن  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCRvGcc4kCmrMPmu5i2bzrLxsJWINR6ExoE9CraR8GCP6uVKZXkEVI6Bt_EOXB7ZZAGduNwh2DlAk7AiCnAokpTObrZaCpsS0o2QWPcyKwzOVEcDJChOSxEFAiguzWRddZNnY3wo9nHdIo/s1600/How+To+Add+Animated+Flash+Clock+To+Your+Blogger+Blog.png

ونغيرها لصورة الموضوعنا 
وشكرا 

السبت، 5 أبريل 2014

قالب بلوجر العاب فلاش إحترافي

الثلاثاء، 1 أبريل 2014

إضافة مواضيع ذات صلة إلى مدونات بلوجر بشكل جديد 2014

إضافة مواضيع ذات صلة إلى مدونات بلوجر بشكل جديد 2014 


السلام عليكم اليوم سوف نتعلم كيف نضيف مواضيع دات صلة إلى مدونات بلوجر بشكل جديد اسفل كل تدوينة نتابع شرح 
اولا ابحث عن الكود التالي واضيف مكانه الكود التالي </head>

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts  a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgksG6sNa1fbrT6dOPojVo-dcl4dnOQsieCcHQH_nVPXeoqbV0YxBeKTta3gmp-efryoPfr9-bZbHkOicXrSJjte4Gp6W8WnMdVqFp2v0BUZ3YhtAfZRnzgPPl7Gd098TSYHJBJm0UW5fo/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src='http://bloggergadgets.googlecode.com/files/related_posts_with_thumbnails_min.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->
</head>

ثانيا إبحث عن الكود التالي  
<div class='post-footer-line post-footer-line-1'>

ان لم تجده ابحث عن هدا الكود
<p class='post-footer-line post-footer-line-1'>


ثالثا ابحث عن الكود التالي وأضف بعده الكود التالي 
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/summary/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if> 
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt="Blogger Templates" src="http://image.bloggerplugins.org/blogger-templates.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->



للتعديل على كلمة Related Posts
ابحت عن الكود وغير بما يناسبك 
var relatedpoststitle="Related Posts";

السبت، 29 مارس 2014

قالب بلوجر Tasting معرب

قالب بلوجر Widgetly إخباري معرب

قالب بلوجر Widgetly إخباري معرب



طريقة التركيب 

للإضافة مثل هده التصنيفات :

لندهب الى التخطيط ثم نضيف اي قسم نريده كما في الصورة





التحميل /// المعاينة

ادا واجهتك اي مشكلة اترك تعليقا