0
Scrip view source dan print code popup new windows dipostinggan blogger | Tutorial cara membuat box view code dan print source pada postingan blogger dengan popoup new windows | Cara menampilkan kotak source kode dan prin kode kedalam postingan blog.


1. Login ke blogger
2. Template > Edit HTML
3. Cari kode
<b:skin><![CDATA[/*
Jika sudah letakkan kode beriut diatasnya  :
 
 <link href="http://sites.google.com/site/bloggermintcom/shCore.css" rel="stylesheet" type="text/css"></link>
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css" rel="stylesheet" type="text/css"></link>
<script src="http://tutorialforyou.googlecode.com/files/shCore.js" type="text/javascript">
<script src='http://tutorialforyou.googlecode.com/files/shBrushCss.js' type='text/javascript'/>
<script src='http://tutorialforyou.googlecode.com/files/shBrushJScript.js' type='text/javascript'/>
<script src='http://tutorialforyou.googlecode.com/files/shBrushXml.js' type='text/javascript'/>
<script src='http://alexgorbatchev.com/pub/sh/current/scripts/shBrushScala.js' type='text/javascript'/>
<script language='javascript' type='text/javascript'>
 SyntaxHighlighter.config.bloggerMode = true;
 SyntaxHighlighter.all();</script>

Jika sudah klik Simpan Template.

Untuk mengaktifkan scrip tersebut kedalam postingan jangan lupa untuk meletakkan kode berikut kedalam HTML postingan :
 
<pre class='brush:js'>"Kode scrip" 
</pre> 

Jika srip tersebut sudah anda masukkan kedalam HTML postingan sekarang tinggal pilih tab Compose dan "Kode scrip" rubah sesui kode yang ingin anda masukkan.

Jika anda ingin merubah tampilan/tema box view source dan print code perhatikan kode
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css" rel="stylesheet" type="text/css"></link>
Rubah kode tersebut dengan salah satu tema berikut :

Theme R Dark

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeRDark.css' rel='stylesheet' type='text/css'/>

Theme Midnight
   
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMidnight.css' rel='stylesheet' type='text/css'/>
    
Theme MDUltra
    
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeMDUltra.css' rel='stylesheet' type='text/css'/>
     
Theme Emacs
    
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEmacs.css' rel='stylesheet' type='text/css'/>

Theme Eclipse
 
<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeEclipse.css' rel='stylesheet' type='text/css'/>

Theme Django

<link href='http://alexgorbatchev.com/pub/sh/current/styles/shThemeDjango.css' rel='stylesheet' type='text/css'/>

Semoga berhasil ^_^

Srip tersebut saya dapat dari http://gawsoti.blogspot.com/2013/01/cara-menampilkan-source-code-di.html

Post a Comment

 
Top