google translate

Tapeugöt Selide box rekomendasi

Na takalôn lam saböh website wate tabaca artikel di miyuép i tubiét secara auto dari siblah uneun atawa siblah wié Rekomendasi dari artikel lain sebagoé artikel lain jyang keneuk tabaca.
Sistemnyoé bertujuan untuk mempermudah awak jyang
keneuk baca artikel bak website atawa blog geutanyoé. Alhamdullilah sistemnyoe na lön kalôn bak saböh website dari kangismet.net jadi ulön tinggai share mantöng kegeutanyoé jyang keneuk ngui sistem rekomendasinyoé.
Jadi langsung mantong ta peugöt cara - cara jih di miyueup nyoé.

1. jyang keuphöh that kubah sript html di miyueupnyoé pah segahlôm  ]]></b:skin>  ( jyang ke 2 atawa ]]></b:skin> jyang di miyuep )

/* Related Post with Sliding CSS */
#kislidingbox{background:#faf5f5;box-shadow: 0 2px 6px rgba(0,0,0,0.2);transition:all 0.6s ease-out;width:400px;height:172px;border-radius:4px 0 0 4px;position:fixed;overflow:hidden;border:none;right:-405px;z-index:9999;text-align:left!important;letter-spacing:0;}
.kislidingbox-title{background:none;border-top:1px solid #ddd;color:#000000;display:block;height:30px;width:100%;font:bold 22px PT Sans Narrow;padding-right:25px;}
.kislidingbox-title span a{float:right;height:40px;width:25px;}
a#kislidingbox-close, a#kislidingbox-close {margin-right:15px;}
.kislidingbox-title > span > h2{font-size:20px!important;font-weight:normal!important;}
.kislidingbox-title span a img{margin:16px;border:0 !important;box-shadow:0 !mportant;}
.kislidingbox-container{border:none;float:left;width:100%;height:auto;margin:3px}
.kislidingbox-container > div{border:none;height:40px;margin:3px;padding:10px;}
.kislidingbox-container > div > span {font-size:14px;}
.kislidingbox-container img{float:left;margin:3px 5px;width:25px;border:1px solid #ccc;}
.show{bottom:80px;}
.hide{bottom:-145px;}
.related-post {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}
.related-post h4 {font-size:150%;margin:0 0 .5em;}
.related-post-style-2 {border-top:1px solid #D0B2B2;margin-top:-20px;padding-top:15px;list-style:none;}
.related-post-style-2 li {margin-left:-50px;margin-top:-10px;style:none;}
.related-post-style-2 li {padding:0 10px 10px 10px;overflow:hidden;}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {width:110px;height:70px;background:#FFF;padding:3px;border-radius:2px;box-shadow: 0px 0px 1px 0px rgba(69,62,69,1);float:left;margin:2px 10px 0 0;border:1px solid #ccc;}
.related-post-style-2 .related-post-item-title {font:bold 15px arial;}
a.related-post-item-title {color :#780707 !important;}
a:hover.related-post-item-title {color :#0491ea !important;text-decoration:underline;}
.related-post-style-2 .related-post-item-summary {display:block;overflow:hidden;}
.related-post-style-2 .related-post-item-more {}
/* End CCSS Related Post with Sliding */
2. Jyang ke 2 neu kubah code di miyuepnyé di ateuh code </head>

 <script type='text/javascript'>
$(window).scroll(function(){
        if ($(this).scrollTop() &gt; 400) {
            $(&#39;#kislidingbox&#39;).css({&#39;right&#39;:&#39;0px&#39;});
        } else {
            $(&#39;#kislidingbox&#39;).css({&#39;right&#39;:&#39;-360px&#39;});
        }
    });
  
$(document).ready(function(){
 var kislidingbox      = $(&#39;#kislidingbox&#39;);
    var closed      = $(&#39;#kislidingbox-close&#39;);
    var minimize    = $(&#39;#kislidingbox-minimize&#39;);
    var maximize    = $(&#39;#kislidingbox-maximize&#39;);
  
    maximize.hide();
  
    closed.click(function(){
        kislidingbox.css({&#39;right&#39;:&#39;-350px&#39;});
        kislidingbox.fadeOut(&#39;slow&#39;);
    })
    minimize.click(function(){
        kislidingbox.toggleClass(&#39;hide&#39;);
        $(this).hide();
        maximize.show();
    })
    maximize.click(function(){
        kislidingbox.toggleClass(&#39;hide&#39;);
        $(this).hide();
        minimize.show();
    })
});
</script>

3. Neu kubah code di miyuepnyoe seuleupah code <div class='post-footer'> ( jyang ke 2  ).

<!-- Related Post with Sliding -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='show' id='kislidingbox'>
    <div class='kislidingbox-title kislidingbox-www'>
      <span style='float: left;margin:14px 0 0 15px;'>More Post</span>
        <span><a href='javascript:void(0);' id='kislidingbox-close' title='close'><img alt='close button' class='a' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib8R-ocZwChRT6CHx2yGqtlso6uvCV2m_XGDImlEzSNOhJaRxo7_s_SL7b8GLFQO0Li0Lekjk47h_GAv9sIgZ_bnsJzkSsj_cXoEmgVDsch2k3rCALSjAK3PHqlGOo3GbRGA8DLbnvbN4_/s1600/close-box.gif' title='close'/></a></span>
        <span><a href='javascript:void(0);' id='kislidingbox-minimize' title='minimize'><img alt='minimize button' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbEtwfqlegJvqR1ULxlHmmBdUIP3mROILhgdE1a5ddAAaSwWiVQYGIc2vsCGuxyMI5qwBEEYyGJ6977IGHn9O8DMgG9wrYd5HMXBhWVVR6K_XRno0YlIwG2DG_brjHCcGtqFoOar_-6RYj/s1600/minim-box.gif' title='minimize'/></a></span>
      
    </div>
    <div class='kislidingbox-container'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='related-post' id='sliding-tab'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;&lt;/h4&gt;&quot;,
      numPosts: 1,
      summaryLength: 0,
      titleLength: &quot;auto&quot;,
      thumbnailSize: 45,
      noImage: &quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
      containerId: &quot;sliding-tab&quot;,
      newTabLink: false,
      moreText: &quot;&quot;,
      widgetStyle: 2,
      callBack: function() {}
  };
  </script> 
  <script src='https://mereunoeblog.googlecode.com/svn/related-post.min.js' type='text/javascript'/>

</b:if>       
</div>
</div>

</b:if>
<!-- Related Post Widget End --> 


Menyoé na jyang hana meuphöh jeuét neútingai comment di miyupnyoé.

Our Social Page

Seneste Menu

 
Top