GM | Satu Dasawarsa

Indeks Arsip

Romo Gus Mendem

Link Author

Title: Indeks Arsip
Author: Romo Gus Mendem
Rating 5 of 5 Des:

Guna memudahkan anda, gunakan scroll bar (up-down) di sisi kiri halaman untuk mencari semua arsip berdasarkan kategori yang tersedia .... ...

<div style="text-align:justify;display:none;">Guna memudahkan anda, gunakan scroll bar (up-down) di sisi kiri halaman untuk mencari semua arsip berdasarkan kategori yang tersedia .... </div>

#show-cat{float:left;margin:0px 1% 20px 0;width:25%;height:340px;overflow:auto;line-height:18px;border:0px solid #ccc}
#show-cat ul{margin:0;border-top:0px solid #ccc;padding:0}
#show-cat ul li{list-style-type:none;margin:0;border-right:1px solid #ccc;border-bottom:0px solid #ccc;border-left:0px solid #ccc;padding:0}
#show-cat ul li a{display:block!important;padding:10px;border-bottom:1px solid #fafafa;}
#show-cat ul li:last-child a{border-bottom:none;}
#show-cat ul li a,#navi-cat a{background:#e9eaed;color:#04319b;text-decoration:none}
#show-cat ul li a,#navi-cat a,#navi-cat span{font-size:14px}
#show-cat ul li a:hover,#navi-cat a:hover{background:#4c66a4;color:#fff;}
#show-post{float:left;width:72%;border: 1px solid #fafafa;background:#fff;margin-right:-10px;}
#show-post ul li{list-style-type:none;margin-left:-20px}word-wrap:break-word;
#show-post ul li a{word-wrap:break-word;}
#navi-cat{background: #4c66a4;padding:20px 0}
#navi-cat a{margin-right:10px;border:0px solid #ccc}
#navi-cat a,#navi-cat span{padding:0px 20px;margin-left: 5px;color:#fff;background:transparent;}
#navi-cat span{float:right;color:#fff;}
#show-cat .cat a {background: #4c66a4!important;color: #fff!important;}
  
@media screen and (max-width:800px){
#show-cat{width:40%;}
#show-post{width:60%;}
}
@media screen and (max-width:500px){
#show-cat{width:100%;margin:20px 0}
#show-post{width:100%;}
 
}
</style>
<div id='show-cat'></div>
<div id='show-post'>
<script type='text/javaScript'>
var cat_home='https://gusmendem.blogspot.com';cat_numb=10;cat_pre='Prev';cat_nex='Next';
var cat_name;var cat_start;var cat_class;
function show_post2(a){var tt=a.feed.openSearch$totalResults.$t;dw='';dw+='<ul>';for(var i=0;i<cat_numb&&i<a.feed.entry.length;i++){var entry=a.feed.entry[i];cat_title=entry.title.$t;for(var j=0;j<entry.link.length;j++){if(entry.link[j].rel=='alternate'){var cat_url=entry.link[j].href}}dw+='<li>';dw+=(cat_start+i)+'. <a href="'+cat_url+'" rel="nofollow" target="_blank" title="'+cat_title+'">'+cat_title+'</a>';dw+='</li>'}dw+='</ul>';dw+='<div id="navi-cat">';if(cat_start>1){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start-cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_pre+'">'+cat_pre+'</a>'}if((cat_start+cat_numb-1)<tt){dw+='<a href="" onclick="show_post(\''+cat_name+'\',\''+(cat_start+cat_numb)+'\',\''+cat_class+'\');return false" title="'+cat_nex+'">'+cat_nex+'</a>'}dw+='<span>'+cat_start;if(cat_start!=tt){dw+=' – '+(cat_start+i-1)}dw+=' / '+tt+'</span>';dw+='</div>';document.getElementById('show-post').innerHTML=dw+'<style type="text/css">.cat-'+cat_class+' a{background:#bbb!important;color:#fff!important}<\/style>'}function show_post(a,b,c){var d=document.getElementsByTagName('head')[0];e=document.createElement('script');e.type='text/javascript';e.setAttribute('src',cat_home+'/feeds/posts/default/-/'+a+'?alt=json-in-script&start-index='+b+'&max-results='+cat_numb+'&callback=show_post2');d.appendChild(e);cat_name=a;cat_start=parseInt(b),cat_class=c}function show_cat(a){var cat=a.feed.category;dw='';dw+='<ul>';for(var i=0;i<cat.length-1;i++){for(var j=i+1;j<cat.length;j++){if(cat[i].term>cat[j].term){cat_hv=cat[i].term;cat[i].term=cat[j].term;cat[j].term=cat_hv}}}for(var i=0;i<cat.length;i++){dw+='<li class="cat-'+i+'">';dw+='<a href="" onclick="show_post(\''+cat[i].term+'\',\'1\',\''+i+'\');return false" title="';dw+=cat[i].term;dw+='">';dw+=cat[i].term;dw+='</a>';dw+='</li>'}dw+='</ul>';document.getElementById('show-cat').innerHTML=dw}document.write('<script type="text/javascript" src="'+cat_home+'/feeds/posts/default?alt=json-in-script&max-results=999&callback=show_cat"><\/script>');
</script>
</div>
<div style='clear:both'></div>

Indeks Arsip

Guna memudahkan anda, gunakan scroll bar (up-down) di sisi kiri halaman untuk mencari semua arsip berdasarkan kategori yang tersedia .... ...

Indeks Arsip

Guna memudahkan anda, gunakan scroll bar (up-down) di sisi kiri halaman untuk mencari semua arsip berdasarkan kategori yang tersedia .... ...

Indeks Arsip

Gus Mendem

Link Author

Title: Indeks Arsip
Author: Gus Mendem
Rating 5 of 5 Des:

Bila anda berselancar menggunakan PC, laptop, tab, atau sejenisnya, daftar isi berdasar kategori tersedia di sisi kanan halaman utama. Na...

<div style="text-align:justify; display:none;">Bila anda berselancar menggunakan  PC, laptop, tab, atau sejenisnya, daftar isi berdasar kategori tersedia di sisi kanan halaman utama. Namun pengguna iphone, android, dan sejenisnya terpaksa harus membuka halaman ini .....  </div>

Indeks Arsip

Bila anda berselancar menggunakan PC, laptop, tab, atau sejenisnya, daftar isi berdasar kategori tersedia di sisi kanan halaman utama. Na...

Indeks Arsip

Bila anda berselancar menggunakan PC, laptop, tab, atau sejenisnya, daftar isi berdasar kategori tersedia di sisi kanan halaman utama. Na...

Pencarian Cepat

Gus Mendem

Link Author

Title: Pencarian Cepat
Author: Gus Mendem
Rating 5 of 5 Des:

Urutkan pencarian berdasarkan : Artikel terbaru Artikel yang baru di-upd...

<br />
<div id="sitemap-blog">
<table>
    <tbody>
<tr>
        <td><label for= "feed-order"><font color="4c66a4"><b>Urutkan pencarian berdasarkan</b></font>:</label>
        </td>
        <td><select id="feed-order">
            <option selected="" value="published"> Artikel terbaru</option>
            <option value="updated"> Artikel yang baru di-update</option>
          </select>
        </td>
      </tr>
<tr>
        <td><label for="label-sorter"><font color="4c66a4"><b>Kelompokkan pencarian berdasarkan kategori</b></font>:</label>
        </td>
        <td><select disabled="" id="label-sorter">
            <option selected="">Loading....</option>
          </select>
        </td>
      </tr>
<tr>
        <td><label for="feed-q"><font color="4c66a4"><b>Kelompokkan pencarian berdasarkan kata kunci</b></font>:</label>
        </td>
        <td><form id="post-searcher">
<input id="feed-q" placeholder="Masukkan kata kunci, tekan ENTER" type="text" />
          </form>
</td>
      </tr>
</tbody>
  </table>
</div>
<header id="result-desc"></header>
<br />
<ul id="daftar-isi-blog"></ul>
<div id="feed-nav">
</div>
 
<script type="text/javascript">
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
var css = '#sitemap-blog{padding:7px 10px;margin:0 auto}#sitemap-blog table{width:auto;margin:0 auto;border:none!important}#sitemap-blog table td{border:none!important;padding:0!important}#sitemap-blog form{font:inherit}#sitemap-blog label{display:block;text-align:right;margin:0 10px 0 0;padding:4px 0 0}#sitemap-blog select[disabled]{opacity:.4}#post-searcher{display:block;margin:0;padding:0}#sitemap-blog input,#sitemap-blog select{width:112%;border:1px solid #dedede;border-radius:5px;margin:0;padding:5px;font-family:Roboto,sans-serif!important;font-size:14px!important;font-weight:500!important;text-transform:capitalize!important;outline:0;color:#888!important;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#sitemap-blog select option{min-height:1.4em!important}#sitemap-blog input#feed-q{padding:5px 10px!important}#daftar-isi-blog{background:#fff;display:block;clear:both;margin:0;padding:0;list-style:none;overflow:hidden;position:relative;border-top:none}#daftar-isi-blog li{list-style:none;margin:0;padding:0;border-top:1px solid #eee;color:#555;width:auto;float:left;display:inline}#daftar-isi-blog li .inner{margin:15px 0;height:auto;overflow:hidden;word-wrap:break-word;text-overflow:ellipsis}#daftar-isi-blog li a{text-decoration:none;color:#2C2C2C;font-weight:600}#daftar-isi-blog li a:hover{text-decoration:none;color:#E94141}#daftar-isi-blog li .news-text{text-align:justify; margin-top:5px;line-height:1.3em!important}#daftar-isi-blog li img{margin:0 15px 5px 0;padding:7px 7px 7px 0;float:left;display:block;width:140px!important}#result-desc{margin:0;padding:0}#result-desc div,#result-desc span{display:block;margin:0;padding:5px 0 7px;color:#D64D52}#result-desc div{color:inherit}#feed-nav{margin:10px 0 30px;text-align:center;font-weight:500}#feed-nav a,#feed-nav span{border:1px solid #dedede;border-radius:5px;padding:0;color:#757575;text-decoration:none;display:block;height:30px;line-height:32px}#feed-nav a,#feed-nav span:hover{color:#1B1B1B}#feed-nav a:active,#feed-nav a:hover{color:#555}#feed-nav span{cursor:wait}@media (max-width:600px){#sitemap-blog table{margin:0 auto;width:112%}#daftar-isi-blog,#sitemap-blog{margin:0 auto}#daftar-isi-blog li .inner{margin:5px auto;height:auto}#feedContainer li{float:none;display:block;width:auto;height:auto}#daftar-isi-blog li .news-text,#feedContainer:after,#daftar-isi-blog li img{display:none!important}}.post-body{min-height:300px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSsLht0I9LEBC1py0o4GZAAm6dJr9RekotC7xJNXUdSoVvJFCih2pXvscsYvD7R8ndOl-E6_5YMVmHD6H2dWeTw2O8GiyAIiJwU7et33UQ1x3b6NZfdiXPyL0AFGhQtzebFWWXt3oZYzU/w220-h19-no/ajax-loader+%25281%2529.gif; display:none;)50% 50% no-repeat!important}';
style.appendChild(document.createTextNode(css));
head.appendChild(style); 
</script>

Pencarian Cepat

Urutkan pencarian berdasarkan : Artikel terbaru Artikel yang baru di-upd...

Pencarian Cepat

Urutkan pencarian berdasarkan : Artikel terbaru Artikel yang baru di-upd...