Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Trik Menyimpan Link Javascript dan Kode CSS di Header BlogDETIK

Tempat paling ideal menyimpan link javascript dan link kode CSS di blog atau web adalah di antara tag pembuka dan tag penutup header. Jika mungkin sampeyan yang suka ngeblog di blogdetik blom tahu bagaimana cara menyimpan kode CSS, javascript, link CSS ataupun link javascript agar bisa berada di header blog, mungkin cara ini bisa menjadi salah satu solusi. He ...he ... mengapa aku sebut sebagai salah satu cara? Yah... karena memang masih ada beberapa cara yang lain yang dapat digunakan. Yap.., mungkin saja akan kita posting di lain waktu.
Cara Simpan Kode CSS & javascript di header blogdetik
Karena blogdetik memang tidak menyediakan ruang khusus penambahan javascript dan kode CSS baru di antara tag pembuka dan penutup header blog (<head> dan </head>), maka agar terbuka sebuah celah (ruang) baru yang memungkinkan kita menyimpan kode CSS dan javascript dalam segala bentuk (kode ataupun link), maka salah satu widget plugin harus diaktifkan terlebih dahulu. Bagimana detail langkahnya? Silahkan ikuti urutan langkahnya di bawah ini!

  1. Login ke Blogdetik melalui lin login berikut Login-Blogdetik.
  2. Setelah halaman Dasbor terbuka, arahkan cursor di atas menu Plugins yang terletak pada deret fitur bagian kiri atau atas halaman dasbor (keduanya punya fungsi sama!). Klik Installed.
  3. Halaman kelola Plugin

    Cari WP-Highslide, kemudian klik Aktifkan.
  4. Arahkan cursor ke menu Settings kemudian KLIK WP-Highslide.
  5. Halaman Highslide Options

    Pada halaman ini sampeyan akan nelihat sederet link javascript dan link kode CSS dengan bentuk seperti di bawah ini.
    <link href='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.css' rel='stylesheet' type='text/css' />
    <script type='text/javascript' src='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.js'></script>
    <script type='text/javascript'>
        hs.showCredits = false;
         hs.graphicsDir = 'URL Blogdetik Anda/wp-content/plugins/highslide/graphics/';
           hs.outlineType = 'rounded-white';
    </script>
  6. Letakkan kode CSS, javascript, link kode CSS, link javascript yang ingin sampeyan simpan tepat di bawahnya, sehingga bentuknya menjadui seperti di bawah ini:
    <link href='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.css' rel='stylesheet' type='text/css' />
    <script type='text/javascript' src='http://URL Blogdetik Anda/wp-content/plugins/highslide/highslide.js'></script>
    <script type='text/javascript'>
        hs.showCredits = false;
         hs.graphicsDir = 'URL Blogdetik Anda/wp-content/plugins/highslide/graphics/';
           hs.outlineType = 'rounded-white';
    </script>
    
    <link href='kode-css-baru.css' rel='stylesheet' type='text/css' />
    <script type='text/javascript' src='javascript-baru.js'></script>
    
    <style type="text/css">
    #myCSS{
     width: 400px;
        height: 200px;
        margin:0 auto;
        padding:10px;
        border:2px solid rgba(0,0,0,0.7);
    }
    </style>
    
    <script type="text/javascript">
    letakkan javascript anda di sini!
    </script>
  7. Klik Update Options ».
  8. Anda bisa cek letak kode css dan javascript baru yang telah tersimpan di header blog dengan membuka blog kemudian klik kanan pd mouse utnuk membuka source code.
Tutorial berikutnya: Dimana kini kita dapat menyimpan javascript & kode CSS?
Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

» Happy Blogging - gubhugreyot «

2 komentar:

 
GR | Edited by | gubhug reyot