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

Cara Menyimpan Kode HTML di Template » Edit HTML "New Blogger Interface"

Perubahan tampilan baru blogger dalam bentuk "New Blogger Interface" atau "Antarmuka Blogger Baru" membawa berbagai perubahan baik bentuk, kelengkapan ataupun tata cara penggunaan fiturnya. Salah satu yang berubah adalah langkah "Edit Template" atau "Edit html". Tak terlalu banyak memang perubahan yang terjadi, namun demikian agar tutorial semakin lengkap dan tak ketinggalan jaman (selalu up to date), kita akan lengkapi juga dengan panduan langkah menyimpan kode html melalui box Edit HTML di "New Blogger Interface".

Upgrade "Old Blogger Interface" ke "New Blogger Interface"

  1. Lakukan login ke Blogger
    • Tuliskan "User Name" (gmail) atau tuliskan "Email Address" (non gmail).
    • Tuliskan Password.
    • Klik "Sign in"
  2. Dasbor/Dasboard:
    Klik "Upgrade Now" atau "Tingkatkan Versi Sekarang"

    Tampilan Blogger akan diperbarui pada bulan April. Tingkatkan Versi Sekarang.

    Blogger is getting a new look in April. Upgrade Now.

Langkah menyimpan kode HTML

Melalui langkah ini anda dapat melakukan berbagai perubahan dalam template melalui box Edit Template, dimana perubahan dapat berupa penambahan ataupun pengurangan kode css, javascript dan xHTML.
  1. Setelah dasbor lama berganti menjadi dasbor "New Blogger Interface", klik "Template".
  2. Lanjutkan klik "Edit HTML".
  3. Klik "Proceed" atau "Lanjutkan". Tunggu beberapa saat!
  4. Template » Edit HTML
    Box Edit HTML yang terlihat pada bagian ini merupakan sebuah box yang di dalamnya berisi berbagai kode html (kode css, javascript dan xHTML) penyusun desain dasar blog. Penambahan ataupun pengurangan kode html dapat dilakukan, baik di antara tag <head> dan </head> atau di antara tag pembuka body (<body>) dan tag penutupnya (</body>).
  5. Setelah perubahan (berupa pengurangan kode dan/atau penambahan kode) klik "Save Template" atau "Simpan Template"

Beberapa catatan penting :

  1. Untuk mempermudah pencarian kode gunakanlah "Ctrl + F". Panduan cara cepat mencari kode html dapat anda buka di sini.
  2. Penambahan kode CSS umumnya dilakukan di atas kode ]]></b:skin>, meskipun demikian tak menutup kemungkinan untuk menyimpan kode css pada bagian yang lain. Penyimpanan di atas ]]></b:skin> dilakukan tanpa menggunakan tag pembuka dan penutup style (<style type="text/css"> dan </style>), sedang pada bagian yang lain harus menggunakan tag pembuka dan penutup style.
    Catatan : Anda dapat menyimpan kode css di hampir semua bagian box Edit HTML.
  3. Penambahan/penyimpanan javascript biasanya dilakukan di bawah <head>, di atas </head>, di bawah ]]></b:skin>, di bawah <body> atau di atas </body>.
  4. xHTML bisa di tambahkan di hampir semua bagian box Edit HTML, sekalipun secara umum penambahan banyak dilakukan di bagian body di antara tag pembuka body (<body>) dan tag penutupnya (</body>).
  5. Beberapa penambahan xHTML baru pada bagian body dilakukan dengan terlebih dahulu melakukan klik "Expand Widget Template".
  6. Preview berfungsi untuk melihat hasil perubahan/modifikasi blog tanpa penyimpanan kode secara permanen.
  7. Clear Edits untuk membersihkan/membatalkan hasil edit.
  8. Close untuk menutup box Edit HTML. Dapat dilakukan setelah proses edit selesai atau sebelum edit selesai (membatalkan edit).

Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini:




Posting » Jemuah WAGE, April, 20, 2012

» Happy Blogging - gubhugreyot «

17 komentar:

  1. makasi gan atas infonya......

    BalasHapus
  2. Terima kasih untuk tutorial ini...
    Sangat bagus dan sangat bermamfaat...

    BalasHapus
  3. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  4. Salam...

    Pak mu nanya, gmana caranya memasang link donwlad?

    Makasih...:)

    BalasHapus
  5. Bang minta tolong gimana cara menghilangkan sedikit warna hitam yg ada dipinggir tulisan HOME pada blog Berikut minta tolong bang karena aq uda hampir putus asa ngga bisa menghilangkan/mengganti. Keinginan aq agar bisa diganti warna hijau juga biar antara tepi yg satunya sama warna hijau.
    Nmr Hp:085855400600

    BalasHapus
    Balasan
    1. @Yayasan Yapirru : Jawaban sudah terkirim lewat email!

      Hapus
  6. keerreeenn sumpahh,.,.,.,.gan boleh ngintip codingan blog nya kgak.,.,.,.,plisss krim ke email wa.,,
    Rafles08@gmail.com

    BalasHapus
  7. mantap ni info nya.... mantap nih blognya... keren.... mampir gan http://infomadhi.com/

    BalasHapus
  8. blog nya mantap gan,, ngomong" gimana caranya biar html link blog kita bisa di tampilkan di laman

    BalasHapus
  9. terima kasih untuk pencerahannya, dan saya baru mengerti ketika membaca isi dari posting ini. Salam sahabat.

    BalasHapus
  10. Mksh info'x gan sangat membantu sekali.

    BalasHapus

 
GR | Edited by | gubhug reyot