Sunday, May 9, 2010

Memasang ADDthis toolboks

Pernahkah kalian mendengar tentang toolboks button? ya, button ini adalah navigasi untuk sharing artikel kita yg biasanya terletak dibawah posting, untuk memasangnya pada blog anda, langkah pertama adalah
Register dulu ke www.addthis.com
kalao sudah pilih button yg kamu suka tyuz get kode, xlo saya sih pilih kode yg ini


<!-- AddThis Button BEGIN --> <div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'><a href='http://www.addthis.com/bookmark.php?v=250&amp;username=reymetalic' class='addthis_button_compact'>Share</a> <span class='addthis_separator'>|</span> <a class='addthis_button_facebook'></a> <a class='addthis_button_myspace'></a> <a class='addthis_button_google'></a> <a class='addthis_button_twitter'></a> </div> <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=reymetalic"></script> <!-- AddThis Button END -->

xlo udah dpt kode diatas, langsung aja kita terbang menuju edit html, lalu cari kode seperti ini <div class='post-footer'>, xlo udah letakan kode toolboks yg diatas dibawahnya tepat dibawah kode <div class='post-footer'> xlo udah, simpan template, sekarang kamu udah bza share artikelmu ke jejaring sosial yg kamu suka deh
READ MORE ABOUT - Memasang ADDthis toolboks

Cara menampilkan Html di posting cara 2

Ni ada cara lagi buat nampilin kode html dlm posting, Dan tentunya lebih mudah dari cara sebelumnya ,yap langsung aja kita proses dan masuk menu-edit html, masukkan kode di bawah ini di atas kode ]]</b:skin>

.codeview { margin : 15px 35px 15px 15px; padding : 10px; clear : both; list-style-type : none; background : #f9f9f9 url(http:// i280.photobucket.com/ albums/kk162/ mochal_nl_2008/ cv-1.gif) no-repeat right bottom; border-top : 1px solid #eeeeee; border-right : 2px solid #cccccc; border-bottom : 2px solid #cccccc; border-left : 1px solid #eeeeee; } .codeview li { font-size : 13px; line-height : 24px; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; color : #333333; font-weight : normal; margin : 0; padding : 0; }
Nah SAVE hasil pekerjaan loe..!
menampilkan code HTML/Javascript di postingan sobat tinggal pakai code di bawah ini :
<div
class="codeview"> Taruh kode HTML/javascript yg mao ditampilkan disini </div>


NB : kode di atas bisa ditulis di dalam mode compose ataupun Edit HTML
saya dapat ilmunya dicini loeh
READ MORE ABOUT - Cara menampilkan Html di posting cara 2

Cara Menampilkan HTML di Posting

Cara menampilkan kode html ke postingan , begitulah judul yg bz saya buat karena intinya emang begeto, ok karna I gag pande ngrangkae kata, langsung aja ke TKP, pertama, masuk edit html lalu cari kode <!-- end outer-wrapper -->, xlo udah ketemu lalu dibawah kode diatas dgn kode ini

< LINK href="http://reymetalic.googlepages.com/ SyntaxHighlight er.css" rel="stylesheet "type=" text/css" > <SCRIPT language= " javascript"src=" http:// reymetalic.googlepages.com/ shCore.js" > </ SCRIPT> < SCRIPT language= " javascript " src="http:// reymetalic.googlepages.com/ sh BrushCss.js " > </ SCRIPT>< SCRIPT language= " javascript " src= "http://reymetalic.googlepages.com/ s hB r us hJScript. js "> < / SCRIPT> <SCRIPT language="javascript " src="http:// reymetalic.googlepages.com/ s hB r us hX ml . j s " > < / SCRIPT> < SCRIPTl anguage= " javascript " > dp . Syn t axH i ghlighter. Bl oggerMode ( ) ; dp . SyntaxH i gh l i gh t e r . Highlight All ('code') ; </SCRIPT>

xlo udah, lgsg aja SAVE..! langkah terakhir tnggal masukan tag dibwah ini

<pre name="code" class="css">HTML/ CSS/javascript LOE</ pre>

selamat mencoba deh
ma'af xlo tulisanya jelek, coz keburu-buru, ada misi rahasia ama spiderman
READ MORE ABOUT - Cara Menampilkan HTML di Posting
REYMETALIC'S BLOG © 2010 peter parker Template created by:
reymetalic