Ali Tama ShortCodes

Ali Tama ShortCodes

Shortcode untuk blog https://tama.web.id

1. Jump Break

fungsinya agar keseluruhan isi artikel tidak teragc apabila blog kamu menjadi target AGC oleh orang yang tidak bertanggung jawab.
<!--more-->

2. Link Referensi

Tambahkan link referensi apabila mengambil referensi artikel dari sahabat sesama blogger.
<button class="tamatq" onclick="if(document.getElementById('spoiler') .style.display=='none') {document.getElementById('spoiler') .style.display=''}else{document.getElementById('spoiler') .style.display='none'}" title="Click to show/hide content" type="button"><i aria-hidden="true" class="fa fa-info-circle"></i> info</button>
<div id="spoiler" style="display: none;">
<span style="font-size: 10px;"><em>referensi: tama.web.id</em></span></div>

3. Tombol2

a. tamabttndl
DEMO
b. tamadl download2 & tamadl demo2,dst
DEMODEMODEMO DEMODEMO

4. NTAHLAHHHHHH

/* CSS Sitemap */
#table-outer table{width:100%;margin:0;padding:0}
#table-outer input,#table-outer select{padding:4px;font:inherit;border:2px solid #ecf0f1;width:170px;box-sizing:border-box}
#table-outer select{cursor:pointer;outline:none}
#table-outer input:focus{outline:none}
#resultDesc{margin-bottom:10px}
#feedContainer{overflow:hidden;margin-top:20px}
#feedContainer strong{font-size:10px}
#feedContainer,#feedContainer li{padding:0;margin:0;list-style:none}
#feedContainer li{float:left;width:50%;margin-bottom:10px;position:relative;z-index:0}
#feedContainer .inner{padding:8px;margin:0 5px;position:relative;background-color:#fff;border:1px solid #f9f9f9;height:133px}
#feedContainer img{float:left;margin:0 8px 0 0;max-width:100%;border:1px solid #f9f9f9;padding:2px}
#feedContainer .toc-title{max-height:33px;overflow:hidden}
#feedContainer .toc-title:hover{text-decoration:underline}
#feedContainer .news-text{font-size:11px}
#feedNav a,#feedNav span{display:block;text-align:center;color:#fff;text-decoration:none;background-color:#444;padding:5px;width:95%;margin:0 auto;transition:all 0.3s linear}
#feedNav a,#feedNav span:hover{background-color:#333;transition:all 0.3s linear}
#feedContainer .date{display:none;position:absolute;bottom:0;right:0;background-color:transparent;color:#fff;font-size:9px;padding:3px 2px;width:35px}
#feedContainer .date .dd{font-size:9px;line-height:5px;font-weight:bold}
#feedContainer .date span{display:inline-block;line-height:5px;text-align:center;margin-left:5px}

5. code classbl1

#feedContainer .date .dd{font-size:9px;line-height:5px;font-weight:bold}
#feedContainer .date span{display:inline-block;line-height:5px;text-align:center;margin-left:5px}

6. Tabbed content


Content for Tab OnePellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitaeest. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.
TaB2

See the Pen

Tabbed Content with jQuery and CSS by Mohit Aneja (@cssjockey)

on CodePen.



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

<div class="tabs"><div class="tab"><input checked="" id="tab-1" name="tab-group-1" type="radio"/><label for="tab-1">Tab One</label><div class="content hideContent"><input id="readmore-1" type="checkbox"/><label for="readmore-1"></label><div>Content for Tab OnePellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitaeest. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.</div></div></div><div class="tab"><input id="tab-2" name="tab-group-1" type="radio"/><label for="tab-2">Tab Two</label><div class="content hideContent"><input id="readmore-2" type="checkbox"/><label for="readmore-2"></label><div>TaB2</div></div></div><div class="tab"><input id="tab-3" name="tab-group-1" type="radio"/><label for="tab-3">Tab Three</label><div class="content">Content for Tab Three</div></div></div>

7. Daftar Isi

<div id="toc_wrapper"> 
<div class="tombol_toc" on="tap:daftarisi.toggleVisibility" role='button' tabindex='0'>DAFTAR ISI <svg width="18" height="18" viewBox="0 0 24 24"><path fill="#000000" d="M12,18.17L8.83,15L7.42,16.41L12,21L16.59,16.41L15.17,15M12,5.83L15.17,9L16.58,7.59L12,3L7.41,7.59L8.83,9L12,5.83Z" /></svg></div> 
<div id="daftarisi"> 
<ul> 
<li class="lvl1"> 
<a href="#toc1" title="Aliquam pulvinar bibendum mauris ut molestie">Aliquam pulvinar bibendum mauris ut molestie</a>
 <ul> 
  <li class="lvl2"><a href="#toc1_1" title="Aenean dapibus elit et quam vestibulum">Aenean dapibus elit et quam vestibulum</a></li>
  <li class="lvl2"><a href="#toc1_2" title="Donec cursus lacus diam">Donec cursus lacus diam</a></li>
  <li class="lvl2"><a href="#toc1_3" title="Donec id dolor quis ipsum hendrerit">Donec id dolor quis ipsum hendrerit</a></li>
 </ul> 
</li> 
<li class="lvl1"><a href="#toc_2" title="Mauris dapibus blandit ipsum a aliquet">Mauris dapibus blandit ipsum a aliquet</a></li>
<li class="lvl1"><a href="#toc_3" title="Praesent dignissim purus a purus accumsan facilisis">Praesent dignissim purus a purus accumsan facilisis</a></li>
<li class="lvl1"><a href="#toc_4" title="Integer at pellentesque tortor">Integer at pellentesque tortor</a></li>
</ul> 
</div> 
</div>
Langganan: Postingan (Atom)