Tulis Apa

Don't care what is written in your history

Slider Recent

Responsive Ads Here
Showing posts with label Tips Blogger. Show all posts
Showing posts with label Tips Blogger. Show all posts

Tuesday, July 15, 2014

Cara Pasang Syntax Highlighter di Blogger

Tips Blogger ,
Cara Pasang Syntax Highlighter di Blogger
Yoo, Postingan saya kali ini untuk melanjutkan Cara posting script di blog, tapi kali ini saya akan share bagaimana cara pasang Syntax Highlighter di Blog, kenapa harus Highlighter ? ya, karna ini salah satu trik untuk mempercantik tampilan blog saat kita memposting sebuah script.

Pada Highlighter ini kalian akan disuguhkan dengan tampilan script yang keren, seperti memiliki warna font yang berbeda pada word-word tertentu, contoh seperti kita sedang mengetik di Notepad++ atau di Netbean

Nah, dari pada kepanjangan curhat langsung ke TKP

1. Seperti biasa Login Blogger > Template > Edit HTML
2. Cari kode </head> lalu copykan code dibawah ini diatas kode </head>
<!-- syntax highlighting-->

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

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

<!-- Add-in Script for syntax highlighting -->

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shCore.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushAS3.js' type='text/javascript'/>



<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushBash.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCSharp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushColdFusion.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCpp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushCss.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushDiff.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushErlang.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushGroovy.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJScript.js' type='text/javascript'/>



<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJava.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushJavaFX.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPerl.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPhp.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPlain.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPowerShell.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushPython.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushRuby.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushScala.js' type='text/javascript'/>



<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushSql.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushVb.js' type='text/javascript'/>

<script src='http://alexgorbatchev.com/pub/sh/2.1.364/scripts/shBrushXml.js' type='text/javascript'/>

<script language='javascript'>

SyntaxHighlighter.config.bloggerMode = true;

SyntaxHighlighter.config.clipboardSwf = &"http://alexgorbatchev.com/pub/sh/2.1.364/scripts/clipboard.swf&";

SyntaxHighlighter.all();

</script>

<!-- End code hilight -->

<!--SYNTAX HIGHLIGHTER ENDS-->
3. Save Template

Sesi Pemasangan Syntax pada Templte beres, nah untuk pemakainnya pada postingan copykan code dibawah ini ke HTML postingan anda <!--bukan Compose--> 
Masukan Kode disini
Hasilnya akan seperti digambar
Cara Pasang Highlighter diBlogger
Simple n Gampang kan ? cukup sekian tentang "Cara Pasang Syntax Highlighter di Blogger"

Nah . . . Kalian bisa merubah tampilan dari Hightlighter dengan cara merubah Theme dari Highlighter tersebut , cari kode dibawah ini. Cari kode ini "shThemeDefault.css" lalu ganti dengan yang dibawah ini


  • Default shThemeDefault.css
  • Django shThemeDjango.css
  • Eclipse shThemeEclipse.css
  • Emacs shThemeEmacs.css
  • Fade To Grey  shThemeFadeToGrey.css
  • Midnight  shThemeMidnight.css
  • RDark  shThemeRDark.css
    • Ganti dan rasakan perbedaannya. .. Cya





    Read more »
    By at No comments:
    Labels:

    Sunday, July 6, 2014

    Cara Pasang Widget Fanspage Facebook Melayang di Blog

    Tips Blogger , Tips SEO
    Cara Pasang Widget Fanspage Facebook Melayang di Blog
    Malam pelajar, jika ada diantara kalian yang pernah melihat like fanspage facebok melayang sewaktu kalian membuka web orang lain, dan bertanya tanya bagaimana cara pasang widget yang kayak begituan, nah kali ini saya akan berbagi tentang Cara Pasang Widget Fanspage Facebook Melayang di Blog, yang dmana script ini saya dapatkan dari agan fujianto21-chikafe.blogspot.com

    Cara Pasang Widget Fanspage Facebook Melayang di Blog
    Contoh
    Langkah-langkahnya cukup gampang


    Copy kode dibawah ini dan masukan ke Gadget > HTML/Java script > lalu save



    Keterangan

    cukup sekian tentang  Cara Pasang Widget Fanspage Facebook Melayang di Blog,
    silahkan komen klw ada yang salah

    Taruh apa saja yang ingin sobat scroll di sini.

    Read more »
    By at No comments:
    Labels: ,

    Saturday, July 5, 2014

    Daftar Isi

    animator , Game
    Daftar Isi
    By at No comments:
    Labels: , , , , , , , , ,

    Saturday, June 28, 2014

    Cara Posting Script HTML di Blog

    Tips Blogger ,
    Cara Posting Script HTML di Blog

    Mungkin sebagian kalian ada yang bertanya bagaimana ngeposting script html di blog kalia.Oleh karena itu disini saya akan coba posting tentang " Cara Posting Script di Blog" 
    untuk memposting Script di blog ada banyak cara, seperti
    • Mengconvert script tersebut agar bisa diposting
    • Memberikan sebuah box pada postingan yang akan diisi dengan script kita
    • atau dengan cara baru bawaan blogger itu sendiri

    Convert script html

    untuk yang cara posting script dengan mengkonvert script tersebut bisa masuk link ini "Blogerowds.com"

    Memasukan script ke Box

    klw cara memberikan box pada postingan yang akan diisi dengan script bisa ikuti langkah-langkah ini
    1. Login ke blogger. Dan pilih entri baru.
    2. Selanjutnya copykan script dibawah ini ke html.
    <div style="border: 3px #1780dd Double; padding: 10px;background-color:#ffffff;
    text-align: left;">
    .Isi dari script kamu</div>

     ini untuk box dengan fitur scrollbox
    <textarea name="code" class="c#" cols="60" rows="10">
    <div style="background-color: white; border: 3px #1780dd solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 100px;">
    .kode script disini.</div>
    </textarea>

    <div style="background-color: white; border: 3px #1780dd solid; height: 50px; overflow: auto; padding: 10px; text-align: left; width: 100px;">
    .kode script disini.</div>

    Cara Bawaan Blogger

    Caranya sama dengan yang sebelumnnya
    1. Login > New Entri
    2. Pilih pengaturan di Setelan Entri > Pilihan > mode tulisan > centang Tunjukan HTML apa adanya *seperti gambar
    Cara Posting Script HTML di Blog
    Cara Posting Scrip HTML dengan cara bawaan blogger

    Okay, saya rasa cukup sekian dari Cara Posting Script HTML di blog

    Read more »
    By at No comments:
    Labels: