<embed src="URL PDF" width="xx" height="xx"></embed>
Feed RSS : http://#/feeds/posts/default?alt=rss- Paste di pencairan URL ( browser Anda)
Feed Atom : http://#/feeds/post/default
<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://#/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
.menus,.menus *{margin:0;padding:0;list-style:none;list-style-type:none;line-height:1.0}3. Lalu cari kode </header> dan tempatkan kode HTML di bawah sebelum kode itu </header> atai atas kode </header>. atau terserah Anda mau dipasang dimana., silakan copy
.menus ul{position:absolute;top:-999em;width:100%}
.menus ul li{width:100%}
.menus li:hover{visibility:inherit}
.menus li{float:left;position:relative}
.menus a{display:block;position:relative}
.menus li:hover ul,.menus li.sfHover ul{left:0;top:100%;z-index:99}
.menus li:hover li ul,.menus li.sfHover li ul{top:-999em}
.menus li li:hover ul,.menus li li.sfHover ul{left:100%;top:0}
.menus li li:hover li ul,.menus li li.sfHover li ul{top:-999em}
.menus li li li:hover ul,.menus li li li.sfHover ul{left:100%;top:0}
.sf-shadow ul{padding:0 8px 9px 0;-moz-border-radius-bottomleft:17px;-moz-border-radius-topright:17px;-webkit-border-top-right-radius:17px;-webkit-border-bottom-left-radius:17px}
.menus .sf-shadow ul.sf-shadow-off{background:transparent}
.menu-secondary-container{position:relative;height:40px;z-index:300;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilP70tEiKw7GFB2bvZyESb_eySbxJjQju8cba5BeL9BkWPDmVoBc3EfPt7jul06LSmngn5MqCkrVqx0vb3QTNjs2H7AfeiIgJ6Wn4I1-7iS43krq6nlw5nJ9ptBgru4Ghyphenhyphen-EbdwcVu8roz/s0/menu-secondary-bg.png) left top repeat-x;margin:15px 0 15px 0}
.menu-secondary{}
.menu-secondary ul{min-width:160px}
.menu-secondary li a{color:#FFF;padding:14px 15px 11px 15px;text-decoration:none;text-transform:uppercase;font:bold 12px Arial,Helvetica,Sans-serif}
.menu-secondary li a:hover,.menu-secondary li a:active,.menu-secondary li a:focus,.menu-secondary li:hover > a,.menu-secondary li.current-cat > a,.menu-secondary li.current_page_item > a,.menu-secondary li.current-menu-item > a{color:#FFF;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilP70tEiKw7GFB2bvZyESb_eySbxJjQju8cba5BeL9BkWPDmVoBc3EfPt7jul06LSmngn5MqCkrVqx0vb3QTNjs2H7AfeiIgJ6Wn4I1-7iS43krq6nlw5nJ9ptBgru4Ghyphenhyphen-EbdwcVu8roz/s0/menu-secondary-bg.png) left -140px repeat-x;outline:0}
.menu-secondary li li a{color:#fff;background:#E8202D;padding:10px 15px;text-transform:none;margin:0;font-weight:normal}
.menu-secondary li li a:hover,.menu-secondary li li a:active,.menu-secondary li li a:focus,.menu-secondary li li:hover > a,.menu-secondary li li.current-cat > a,.menu-secondary li li.current_page_item > a,.menu-secondary li li.current-menu-item > a{color:#fff;background:#F8424E;outline:0}
.menu-secondary a.sf-with-ul{padding-right:26px;min-width:1px}
.menu-secondary .sf-sub-indicator{position:absolute;display:block;overflow:hidden;right:0;top:0;padding:13px 13px 0 0}
.menu-secondary li li .sf-sub-indicator{padding:9px 13px 0 0}
.wrap-menu-secondary .sf-shadow ul{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjColw3u0_egMNP17ITKsvF7D0iFbgNs-NsqHyKH2GjMQGRoFjtSpakao68eFMkaKtbfYkH2eD7w9Je7U72-E2wQYqrRfoMYRuStm6ROuIdRt1TaF4ktn4rYmwV8XrWcR3z3M5O0GuNQN_S/s0/menu-secondary-shadow.png') no-repeat bottom right}
<div class='menu-secondary-container'>4. Save template. dan lihat hasilnya.
<ul class='menus menu-secondary'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Business</a>
<ul class='children'>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Market</a></li>
<li><a href='#'>Stock</a></li>
</ul>
</li>
<li><a href='#'>Downloads</a>
<ul class='children'>
<li><a href='#'>Dvd</a></li>
<li><a href='#'>Games</a></li>
<li><a href='#'>Software</a>
<ul class='children'>
<li><a href='#'>Office</a>
</li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='children'>
<li><a href='#'>Child Category 1</a>
<ul class='children'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Featured</a></li>
<li><a href='#'>Health</a>
<ul class='children'>
<li><a href='#'>Childcare</a></li>
<li><a href='#'>Doctors</a></li>
</ul>
</li>
<li><a href='http://prabudx.blogspot.com'>Tutorial Blog</a></li></ul>
</div>
/* Kode CSS Button Social DX
----------------------------------- */
#subscribes {
float: right;
margin-right:0px;
margin-top: 0px;
position: relative;
}
#subscribes a {
padding-left:5px;
}
<div id='subscribes'>
<a href='http://www.twitter.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBsrm0MZfRzNYIcKx_kEP49a9zdlv3pE-UwbvbIiHReUly5lkd7SHc_cjOOn6rZbjK9OqbUAGMMnBR6YG0O1ZnaRgVxLDjRrNkhKryXKBgBoOhc6juDdnIfq0mNUVQl3i5anXPGag61eY/s0/twitter.png'/></a>
<a href='http://www.facebook.com/YOUR_USERNAME'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVuTQuaitPLOPQJxVleCOshbMr9xChzlTAe1SxW7PuaHE6DwCJ4nrNIVxw_9btFKfcjppiOLxq7aQeVRfljlwlFIqh38TBZmnaZGAw4V4i7OYe7M9Hyjwd8KlUALe3nzcx4iGWpX8QNQE/s0/facebook.png'/></a>
<a href='http://plus.google.com'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWIAs8StWh99gE97HVE5o0Gd454FEcUz83d2Htogq6rluYCtJfZXCEu2qy0t1cda4s1En5ozIPbvVrTU2YAlneJgi9r3WjcTA711Cx7quai0U8Lg-p_sxyFtjm4BzlTqgHU1S4avZbXJY/s0/google%25252B%252525252b1%25252Bcopy.png'/></a>
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnb_zJrp35g36rmYwr4pbMspLQq9Dd0QSFJzpDSybwD2BELNMrr0cLD6IDIuphG5rsrV7COCjaBivmyVExVW1JdvR_5JRr9yc67_uzFtmxHwSxbxvtWfGQGchSvdTNcMu4qd7rZMHHAyI/s0/subscribe.png'/></a>
</div>
atau dll.
.widget ul, .widget #ArchiveList ul.flat {Namun ada pula yang seperti ini (ini script sidebar/widget yang saya punya)
padding: 0;
list-style: none;/* pengaturan bullet di sidebar */
}
.widget ul li, .widget #ArchiveList ul.flat li {
border-top: dashed 1px #ccc; /* pengaturan garis bawah di sidebar */
border-top: dashed 1px rgba(128, 128, 128, .5); /* pengaturan garis bawah di sidebar */
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.widget .post-body ul {
list-style: disc; /* pengaturan bullet di posting */
}
.widget .post-body ul li {
border: none;
}
.main-inner .column-left-inner {
padding: 0px 0 0 20px;
}
.main-inner .column-left-inner .section {
margin-right: 0px;
}
.main-inner .column-right-inner {
padding: 0 20px 0 0;
}
.main-inner .column-right-inner .section {
margin-left: 0px;
}
.main-inner .section {
padding: 0px;
}
.main-inner .widget {
padding: 0 0 15px;
margin: 3px 0;
border-bottom: 1px solid $(widget.border.bevel.color);
}
.main-inner .widget h2 {
margin: 0;
padding: .6em 0 .5em;
}
.footer-inner .widget h2 {
padding: 0 0 .4em;
}
.main-inner .widget h2 + div, .footer-inner
.widget h2 + div {
padding-top: $(widget.padding.top);
}
.main-inner .widget .widget-content {
margin: 0px 0 0;
padding: 15px 0 0;
}
.main-inner .widget ul, .main-inner
.widget #ArchiveList ul.flat {
margin: -$(widget.padding.top) 0px 0px;
padding: -25px;
list-style-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0v66xOklzqcdzJoDqaIUAvTG0rSkvjEraOTGVY8bv7X_vgJqQTdPLgwsN96b_HgkJ__Z_3hoJ6hC0GP1HDFMmUXwJ4dFPGY9dUJwItuT9_q7Ex2WrSJ4dPaPAuo0oSg3aURGIkp1vfRs/");
} /* alamat gambar yang akan kita tambahkan */
.main-inner .sidebar .widget h2 {
border-bottom: 1px solid $(widget.title.border.bevel.color);
}
.main-inner .widget #ArchiveList {
margin: -$(widget.padding.top) 0px 0px;
}
.main-inner .widget ul li, .main-inner
.widget #ArchiveList ul.flat li {
padding: .25em 2px;
text-indent: 0;
border-top: dashed 1px #ccc;
border-top: dashed 1px rgba(128, 128, 128, .5);
}
.main-inner .widget #ArchiveList ul li {
padding-top: .25em;
padding-bottom: .25em;
}
.main-inner .widget ul li:first-child, .main-inner
.widget #ArchiveList ul.flat li:first-child {
border-top: none;
}
.main-inner .widget ul li:last-child, .main-inner .widget #ArchiveList ul.flat li:last-child {
border-bottom: none;
}
.main-inner .widget .post-body ul {
padding: 0 2.5em;
margin: .5em 0;
list-style: square;
}
.main-inner .widget .post-body ul li {
padding: 0.25em 0;
margin-bottom: .25em;
color: $(body.text.color);
border: none;
}
.footer-inner .widget ul {
padding: 0;
list-style: none;
}
.widget .zippy {
color: $(widget.alternate.text.color);
}
Pada dasarnya untuk membuat bullet dan merapikan link-list di sidebar yaitu dengan mengubah pengaturan "list-style" dan penambahan background (jika ingin menambahkan icon lain). Baiklah, dibawah saya tuturkan beberapa pengaturan Cara Membuat Icon Linklist Sidebar di Blog atau hanya sekedar mempercantik.Selamat berkreasi..........
1. Membuat garis bawah
Untuk menambahkan garis bawah yaitu dengan mengubah atau menambahkan tag "border".
Ubah border dengan:
1px solid (garis bawah penuh)
1px dotted (garis bawah dengan titik)
1px dashed (garis bawah putus)
2. Membuat icon di awal list
Untuk menambahkan icon yaitu dengan mengubah tag "list-style" atau menambahkan "backgrond"
Ubah atau tambahkan list-style pada
**list-style-type dengan:
circle ( bullet persegi);
disc ( bullet bulat);none;
square
( bullet berlobang)
list-style-position dengan:
inside;
outside;
list-style-image dengan:
Alamat url gambar (seperti yang saya cetak tebal di atas)
/* Fungsi page navigation dx
--------------------------------------- */
.blog-pager,#blog-pager {padding:10px 10px;border:1px solid #ddd;}
.showpageArea{float:left;background:#111;}
.showpageOf{margin:0 1px 0 0;padding:3px 7px;color:#333333;border:1px solid #bbb;}
.showpageArea a {text-decoration:underline;}
.showpageNum a {border:1px solid #bbb;color:#000;font-weight:bold;margin-bottom:0;margin-left:1px;margin-right:1px;
padding:3px 7px;text-decoration:none;}
.showpageNum a:hover {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV6bSoAMOGVQFAX365APvMhkVYKfXGIfDI1tFo3NVMdzWAun1bxrPwrm5ThK-xPYmYw-7sGh26-3UUitU5D2eQszfm87QVNgjSGXuXAaujl9tHHIewGJwFwFsn235Muas2txVCDRiJZ4M/s0/glass.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0.07);border:1px solid #bbb;color:#000000;font-weight:bold;}
.showpagePoint {-moz-background-inline-policy:continuous;
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV6bSoAMOGVQFAX365APvMhkVYKfXGIfDI1tFo3NVMdzWAun1bxrPwrm5ThK-xPYmYw-7sGh26-3UUitU5D2eQszfm87QVNgjSGXuXAaujl9tHHIewGJwFwFsn235Muas2txVCDRiJZ4M/s0/glass.png") repeat-x scroll 0 100% rgba(0, 0, 0, 0.07);border:1px solid #bbb;color:#000000;
font-weight:bold;margin:1px 1px;padding:3px 7px;text-decoration:none;}
.showpageOf {color:#000000;font-weight:bold;margin:0 1px 0 0;padding:3px 7px;text-decoration:none;}
.showpage a {border:1px solid #bbb;font-weight:bold;padding:3px 7px;text-decoration:none;}
.showpage a:hover {text-decoration:none;}
.showpageNum a:link, .showpage a:link {color:#000000;font-weight:bold;text-decoration:none;}
<script type='text/javascript'>Catatan:
var home_page="/";
var urlactivepage=location.href;
var postperpage=9;
var numshowpage=9;
var upPageWord ='Kembali';
var downPageWord ='Selanjutnya';
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('5 G;5 i;5 b;5 n;1f();x 1g(15){5 6=\'\';H=I(K/2);3(H==K-H){K=H*2+1}J=b-H;3(J<1)J=1;o=I(15/j)+1;3(o-1==15/j)o=o-1;L=J+K-1;3(L>o)L=o;6+="<4 e=\'1y\'>1z "+b+\' 1A \'+o+"</4>";5 16=I(b)-1;3(b>1){3(b==2){3(i=="w"){6+=\'<4 e="1B"><a f="\'+y+\'">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">\'+M+\'</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+16+\');A B">\'+M+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+16+\');A B">\'+M+\'</a></4>\'}}}1h(5 g=J;g<=L;g++){3(b==g){6+=\'<4 e="1C">\'+g+\'</4>\'}c 3(g==1){3(i=="w"){6+=\'<4 e="k"><a f="\'+y+\'">1</a></4>\'}c{6+=\'<4 e="k"><a f="/r/s/\'+n+\'?&7-l=\'+j+\'">1</a></4>\'}}c{3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+g+\');A B">\'+g+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+g+\');A B">\'+g+\'</a></4>\'}}}5 17=I(b)+1;3(b<o){3(i=="w"){6+=\'<4 e="k"><a f="#" z="N(\'+17+\');A B">\'+1i+\'</a></4>\'}c{6+=\'<4 e="k"><a f="#" z="O(\'+17+\');A B">\'+1i+\'</a></4>\'}}5 C=u.1D("C");5 18=u.1E("1F-1G");1h(5 p=0;p<C.P;p++){C[p].1j=6}3(C&&C.P>0){6=\'\'}3(18){18.1j=6}}x 1a(Q){5 R=Q.R;5 1k=I(R.1H$1I.$t,10);1g(1k)}x 1f(){5 d=m;3(d.9("/r/s/")!=-1){3(d.9("?S-7")!=-1){n=d.D(d.9("/r/s/")+14,d.9("?S-7"))}c{n=d.D(d.9("/r/s/")+14,d.9("?&7"))}}3(d.9("?q=")==-1&&d.9(".6")==-1){3(d.9("/r/s/")==-1){i="w";3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l("<h T=\\""+y+"U/V/W?7-l=1&X=Y-Z-h&11=1a\\"><\\/h>")}c{i="s";3(d.9("&7-l=")==-1){j=1J}3(m.9("#E=")!=-1){b=m.D(m.9("#E=")+8,m.P)}c{b=1}u.1l(\'<h T="\'+y+\'U/V/W/-/\'+n+\'?X=Y-Z-h&11=1a&7-l=1" ><\\/h>\')}}}x N(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x O(F){12=(F-1)*j;G=F;5 13=u.1m(\'1n\')[0];5 v=u.1o(\'h\');v.1p=\'1q/1r\';v.1s("T",y+"U/V/W/-/"+n+"?1t-1u="+12+"&7-l=1&X=Y-Z-h&11=1b");13.1v(v)}x 1b(Q){1c=Q.R.1K[0];5 1w=1c.1x.$t.D(0,19)+1c.1x.$t.D(1L,1M);5 1d=1N(1w);3(i=="w"){5 1e="/r?S-7="+1d+"&7-l="+j+"#E="+G}c{5 1e="/r/s/"+n+"?S-7="+1d+"&7-l="+j+"#E="+G}1O.f=1e}',62,113,'|||if|span|var|html|max||indexOf||nomerhal|else|thisUrl|class|href|jj|script|jenis|postperpage|showpageNum|results|urlactivepage|lblname1|maksimal|||search|label||document|newInclude|page|function|home_page|onclick|return|false|pageArea|substring|PageNo|numberpage|nopage|nomerkiri|parseInt|mulai|numshowpage|akhir|upPageWord|redirectpage|redirectlabel|length|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBody||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpagePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|entry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]>
</script>
<a href='URL LINK'>tulisan yang di link</a>
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="DOWNLOAD">Catatan.
Saya sarankan keduanya untuk memasukkan email Anda. Selain jadi follower, juga ikut berlangganan.
<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Copy Semua"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Catatan.
...Isi text...
</textarea></p></div></form>
<div id="spoiler">Catatan
<div>
<div color="transparent" id="show" style="border-style: solid; border-width: 1px; display: none; margin: 0px; padding: 4px; width: 98%;">
</div>
<div id="spoiler">
<div>
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show']
.style.display != '') {
this.parentNode.parentNode.getElementsByTagName('div')['show']
.style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide']
.style.display = 'none';
this.innerText = '';
this.value = 'Hide Spoiler!';
} else {
this.parentNode.parentNode.getElementsByTagName('div')['show']
.style.display = 'none';
this.parentNode.parentNode.getElementsByTagName('div')['hide']
.style.display = '';
this.innerText = '';
this.value = 'Show Spoiler!'; }" style="font-size: 12; margin: 10px; padding: 0px; width: 200px;" type="button" value="Ini Spoiler silakan klik!" />
<div id="show" style="border-style: solid; border-width: 0px; color: black; display: none; margin: 0px; padding: 4px; width: 98%;">
Ini spoiler</div>
</div>
</div>
</div>
</div>
<div><div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;"><i><span style="font-weight: bold;">Fotonya</span></i><input value="Show" style="margin: 0px; padding: 0px; width: 60px; " onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/>
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">
isi spoiler
</div></div></div></div>
