Tampilkan postingan dengan label scrip blog. Tampilkan semua postingan
Tampilkan postingan dengan label scrip blog. Tampilkan semua postingan

Profesional Design Blog AboutMe

Apa yang baru didalamnya?

Desain ini meliputi 4 fitur yang paling penting yaitu:

  1. Semua Widget Blogger dibawah judul Pos dan di bagian bawah disimpan tersembunyi
  2. Tiga Baris keren yang menjelaskan konsep seluruh situs anda yaitu 1 - Bio Anda, 2 - Tujuan Blog dan 3 - Penutup.
  3. Pidato Voice Pasif digunakan untuk membuat benda terlihat profesional
  4. Ini Memuat dalam detik


Jika Anda pikir Anda benar-benar membutuhkannya seperti itu maka saya yakin Anda akan senang untuk membaca tutorial di bawah ini.

Cara membuat halaman "About Us" desain baru


Dibawah Ini scripnya silahkan copas bagi yang membutuhkan

<div style="border: #686868 5px solid; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px"> <div style="text-align: justify"><img style="display: inline; float: right" align="right" src="ADD IMAGE LINK HERE" width="128" height="128" /></div> <div style="text-align: justify"><font color="#666666"> ADD PARAGRAPH-1 TEXT HERE </font></div> </div> <div style="text-align: justify">&#160;</div> <div style="border: #686868 5px solid; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px"> <div style="text-align: justify"><img style="display: inline; float: right" align="right" src="ADD IMAGE LINK HERE" width="128" height="128" /></div> <div style="text-align: justify"><font color="#666666"> ADD PARAGRAPH-2 TEXT HERE </font></div> </div> <div style="text-align: justify">&#160;</div> <div style="border: #686868 5px solid; padding: 10px; -moz-border-radius: 15px; -webkit-border-radius: 15px"> <div style="text-align: justify"><img style="display: inline; float: right" align="right" src="ADD IMAGE LINK HERE" width="128" height="128" /></div> <div style="text-align: justify"><font color="#666666"> ADD PARAGRAPH-3 TEXT HERE </font></div> </div> <div style="text-align: justify">&#160;</div>


Memasang Lagu di Blog Autoplay Via SoundCloud

Sudah lama tidak post , heheh , ok langsung saja , di sini mungkin sudah banyak yang bisa memasang lagu di blog , tapi tidak sedikit juga yang belum bisa , begini caranya :

  • Masuk ke sini dulu SoundCloud
  • Lalu Klik Sign Up bagi yang belum punya akun [daftar menggunakan akun fb juga bisa]
  • lalu jika sudah kita upload lagu kita , bisa juga dengan mancari nya , tapi biar tidak COPAS mending upload manual saja :) 
Lihat Screenshoot Dibawah ini
  • Lalu akan Muncul "Choose File" , kalau sudah selesai Upload , akan seperti ini
Lihat Screenshoot Dibawah ini

  • Edit Sesuai Keinginan , Dan Save
Lihat Screenshoot Dibawah ini

  • Nanti Muncul Tampilan Seperti ini
Lihat Screenshoot Dibawah ini
  • Pilih Share - lalu edit Widget
Lihat Screenshoot Dibawah ini

  • Akan Muncul tampilan Seperti ini , Kita pilih FLASH lalu sesuaikan dengan keinginan mu, lalu Copas kode yang untuk BLOGSPOT

Lihat Screenshoot Dibawah ini

Sekarang di SoundCloud sudah beres , kita tinggal pasang di blog caranya :

  1. Masuk ke blogger masing-masing
  2. Pilih Tata Letak 
  3. Lalu Tambah Gadget
  4. Pilih yang Html/ javascript
Lihat Screenshoot Dibawah ini

 5. Buka dan paste code mu di sana dan Save
Lihat Screenshoot Dibawah ini


Cukup Mudah kan ?, Bagi yang tidak mau repot Upload Lagu , bisa Search Langsung kok , atau bisa juga make lagu Dewa 19- Risalah hati  kalau masih bingung silahkan Berkomentar dengan Sopan dan Santun ,

Membuat Daftar Member Yang Aktif Pada Blog

Cara Membuat Daftar Member Yang Aktif Pada Blog kali ini meneruskan artikel saya dulu yang hanya memberikan javascript member aktif. dan kali ini berlanjut ke cara memasangnya pada blogger dengan langkah-langkah mudah tanpa harus mengedit CSS lagi. tapi jika tampilannya masih kurang silahkan anda edit sendiri CSS nya sesuai style anda.

LIVE DEMO

1. Masuk ke Page/laman blog atau bisa juga pada new entry/buat artikel baru.
2. Kemudian masukan semua code di bawah ini pada page/laman atau post terbaru anda.

<link type='text/css' rel='stylesheet' href='https://css3-tutsplus.googlecode.com/svn/trunk/member-aktif.css' />
<script type="text/javascript">
//<![CDATA[
var homepage = 'http://ngocop16.blogspot.com',
  maxTopCommenters = 77,
  minComments = 1,
  numDays = 0,
  excludeMe = true,
  excludeUsers = ["Anonymous", "Ngocop16", "Firman Ngocop"],
  maxUserNameLength = 42,
  txtTopLine = '[image] [user]',
  txtNoTopCommenters = 'No top commentators at this time.',
  txtAnonymous = '',
  sizeAvatar = 80,
  cropAvatar = true,
  urlNoAvatar = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipbGUQdEVuAXCfmjZqnuuEKUqLwiVfwwpt6KPHj131oK_NK4jtXtOAdnyRNDuEc-mEKRutCAWHB3G5Aa_kgCQspWyaWgtqnUGO-0UWPDRdhH9W-6ks7yBtyo0FUYUw38f0LeozjLAMdj4/' + sizeAvatar + '/avatar_blue_m_96.png',
  urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar,
  urlMyProfile = '',
  urlMyAvatar = '';
  //]]>
</script>
<script src='http://css3-tutsplus.googlecode.com/files/member-aktifv2.js'
type='text/javascript'></script>

3. Preview atau pratinjau sebelum dipublikasikan jika sudah muncul maka langsumg publikasikan.


NB : kegagalan tidak muncul adalah karena kesalahan saat menuliskan nama pada excludeUsers. dan belum adanya yang berkomentar pada blog.

Kategori

Kategori