Sabtu, 25 Oktober 2014

CARA MEMBUAT TAMPILAN PROFIL DI BLOG MENJADI LEBIH KEREN

Bosan sama tampilan profil (about me) yang biasa-biasa aja? Jangan galau soalnya tampilan profil tersebut bisa kita modif menjadi lebih keren. Salah satunya kayak punya aku ini 

widget profil/about me

Caranya nggak susah kok. Cukup ikuti langkah-langkah berikut :

  1. Masuk ke akun blogger kita
  2. Pilih Tata Letak 
  3. Klik Tambah Gadget 
  4. Pilih HTML/JavaScript
  5. Kemudian masukkan kode di bawah ini ke kolom konten (jangan di kolom judul ya)
<style>
#aboutme {
  background-color:
#f4cccc;
  -moz-box-shadow:0 0 3px #e0e0e0;
  -webkit-box-shadow:0 0 3px #e0e0e0;
  box-shadow:0 0 3px #e0e0e0;
  border:1px solid #666;
  padding:3px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:0 auto;
  margin-top:15px;
  padding:10px;
  width:180px;
  height:auto;
}
.name-author {
  margin:0 0 7px;
  display:block;
  width:100%;
}
.name-author h3 {
  position:relative;
  display:inline;
  background-color:#0097BD;
  color:#FFF;
  font-family:Segoe UI;
  font-size:15px;
  font-weight:bold;
  margin:0 0 0 -3px;
  padding:3px 5px 3px 10px;
  width:100%;
  -moz-text-shadow:0 1px 0 black;
  -webkit-text-shadow:0 1px 0 black;
  text-shadow:0 1px 0 black;
}
.name-author h3:after {
  content:" ";
  width:0;
  height:0;
  position:absolute;
  left:100%;
  top:0;
  border-width:13px;
  border-style:solid;
  border-color:transparent transparent transparent #0097BD;
}
@-webkit-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-moz-keyframes name-author {
  0% {color:white}
  20% {color:Orange}
  40% {color:pink}
  60% {color:Orchid}
  80% {color:gold}
  100% {color:white}
}
@-keyframes name-author {
  0% {color:white}
 20% {color:Orange}
 40% {color:pink}
 60% {color:Orchid}
 80% {color:gold}
 100% {color:white}
}
/* Penerapan efek pada element yang akan diberi efek*/
.name-author h3 {
/* Waktu 10 detik */
  animation:10s infinite name-author linear;
  -webkit-animation:10s infinite name-author linear;
}
.aboutme-text {
  font-size:12px;
  text-align:left;
  margin:0;
}
.aboutme-image-container {
  float:left;
  width:70px;
  height:70px;
  margin-right:75px;
        z-index:1;
}
.aboutme-image-container {
  margin:-20px 0 5px 0;
  padding:9px;
  position:relative;
  -webkit-border-bottom-right-radius:10px;
  -webkit-border-bottom-left-radius:100%;
  -moz-border-radius-bottomright:100%;
  -moz-border-radius-bottomleft:100%;
  border-bottom-right-radius:100%;
  border-bottom-left-radius:100%;
  -webkit-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  -moz-box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  box-shadow:inset 0 0 25px rgba(0,0,0,0.3),0px 1px 5px #666;
  background-color:#
ffffff;
}
.aboutme-image-container:before {
  content:' ';
  position:absolute;
  top:0;
  left:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:0 0 10px 10px;
  border-color:transparent transparent #333 transparent;
}
.aboutme-image-container:after {
  content:' ';
  position:absolute;
  top:0;
  right:-10px;
  width:0;
  height:0;
  border-style:solid;
  border-width:10px 0 0 10px;
  border-color:transparent transparent transparent #333;
}
.aboutme-image-container img {
  width:100%;
  height:100%;
  border:2px solid yellow;
  border-radius:100%;
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  transition:all 0.3s ease;
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
.aboutme-image-container img:hover {
  border:2px solid GOld;
  cursor:pointer;
  margin-left:0;
  -moz-transform:scale(1.2) rotate(360deg);
  -webkit-transform:scale(1.2) rotate(360deg);
  -o-transform:scale(1.2) rotate(360deg);
  -ms-transform:scale(1) rotate(-360deg);
  transform:scale(1.2) rotate(360deg);
  -moz-box-shadow:1px 1px 4px #000;
  -webkit-box-shadow:1px 1px 4px #000;
  box-shadow:1px 1px 4px #000;
}
</style><div id='aboutme'>
<div class='aboutme-image-container'>
<img src="
URL GAMBAR" />
</div>
<div class='name-author'>
<h3>NAMA PROFIL</h3></div>
<div class='aboutme-text'>URAIAN PROFIL<a href="
URL PROFIL" style="color: #666;">...Read More</a>
</div></div> 



KETERANGAN

  • kode #f4cccc ini adalah kode warna untuk latar kotak profil kita. Jika kalian tidak suka bisa diganti dengan kode warna lainnya.
  • 180px adalah lebar kotak. Jika terlalu lebar atau terlalu kecil bisa disesuaikan dengan lebar sidebar kita
  • Ganti URL GAMBAR dengan URL gambar kalian
  • Ganti NAMA PROFIL dengan nama kalian 
  • Tulis uraian profil yang ingin kalian tampilkan ke URAIAN PROFIL
  • Ganti URL PROFIL dengan URL kalian (bisa URL PROFIL BLOG atau URL PROFIL GOOGLE +)
  • Terakhir jangan lupa klik SAVE/SIMPAN
 Oke semoga bermanfaat ya tutorial ini

Selasa, 14 Oktober 2014

CARA EDIT HTML TEMPLATE BLOG VERSI 2013

Nggak hanya kurikulum sekolah yang berubah di taun 2013, tapi tampilan edit HTML juga ikut berubah.
edit HTML versi 2013
Tampilan edit HTML versi baru ini memuat beberapa tombol fungsi sebagai berikut :
    1. Kembali
    2. Simpan Template
    3. Lompat Ke Widget
    4. Edit Template
    5. Pratinjau Template
    6. Kembalikan Perubahan
    7. Kembalikan Template Widget Ke Default
    8. Format Template
    Pada edit HTML versi lama ada fitur Expand Widget Template, yang fungsinya untuk menampilkan tag widget tersembunyi. Sementara di edit HTML versi 2013 ini, fitur tersebut sudah dihilangkan dan digantikan dengan fitur baru.

    Sebelum melakukan edit HTML sebaiknya kita mencadangkan template blog terlebih dahulu dengan cara klik cadangkan/pulihkan.
    gunanya untuk mengantisipasi andaikata blog kita rusak (karena proses edit HTML yang tidak tepat) kita masih memiliki copynya di PC/laptop. 

    klik cadangkan/pulihkan

    Hal baru dari edit HTML versi 2013 ini adalah adanya fungsi LOMPAT KE WIDGET.
    Dimana di dalamnya memuat tag-tag inti seperti navbar, header, dsb (urutan atau isinya bisa beda-beda tergantung masing-masing tambahan widget yang kita masukkan)

    lompat ke widget
    Dengan menekan (misal : header1) maka akan muncul tanda panah berwarna hitam di depan kode widget header1 tersebut.

    header1
    Dan ketika kita klik tanda panah berwarna hitam tersebut. Maka akan muncul kode-kode widget yang sebelumnya masih tertutup/tersembunyi.

    panah hitam
    isi bagian yang tersembunyi

    Pada edit HTML versi lama untuk mempercepat proses pencarian kode biasanya kita bisa langsung menekan tonbol CTRL+F dan memasukkan kode yang kita cari. Namun di versi baru ini kita harus meletakkan kursor di area EDIT HTML terlebih dahulu baru kita menekan tombol CTRL+F dan akan muncul kotak SEARCH di bagian kanan atas.

    kotak search
    Nah, sekarang kita bisa melakukan edit HTML seperti yang kita inginkan.
    Selesai mengedit, kita bisa melihat tampilan blog dengan menekan tombol PRATINJAU TEMPLATE

    tampilan blog di pratinjau template

    Sementara untuk kembali ke area edit HTML kita bisa menekan tombol EDIT TEMPLATE



    Setelah semua proses edit HTML selesai, kita bisa menekan tombol KEMBALI

    Jumat, 10 Oktober 2014

    SYARAT KIRIM NASKAH KOMIK EYE CANDY

    Bagi sahabat muffin yang ingin karyanya di terbitkan di komik Eye Candy ini persyaratannya, ya : 
    1. Usia 8-14 tahun
    2. Buat cerita sebanyak 4-6 halaman menggunakan kertas A4
    3. Buat komik (berdasarkan poin 2) sebanyak 2 halaman menggunakan kertas A44. sertakan formulir asli yang ada dalam Komik eye candy 
    Kirimkan karya sahabat ke:
    Muffin Graphics
    Jalan Cinambo No. 137 Cisaranten Wetan, Ujungberung, Bandung 40294
    Telp. (022) 7834317 - Faks (022) 7834316

    Karya yang terpilih akan di terbitkan dalam komik Eye Candy

    Kamis, 02 Oktober 2014

    LOMBA MENULIS CERPEN MIA THE GHOST HUNTER



    LOMBA MENULIS CERPEN MIA THE GHOST HUNTER
    Suka dengan komik Mia The Ghost Hunter?
    Saatnya kalian bisa jadi penulis dari komik Mia The Ghost Hunter.

    Caranya gampang :

    1. Kirimkan naskah dengan tebal 6 - 8 halaman kertas A4, spasi 1, 5 (hindari penggunaan jenis font Comic Sans)
    2. Usia peserta lomba menulis cerpen horor adalah 6 - 12 tahun
    3. Kirimkan naskah yang sudah diketik rapi dan diprint ke alamat Redaksi Komik Mia The Gost Hunter, dilengkapi dengan : 
    • biodata lengkap (no telpon dan alamat email)
    • foto terbaru pengarang, dan
    • naskah dalam bentuk digital
    lalu kirimkan dalam amplop tertutup bertuliskan :

    "LOMBA MENULIS CERPEN MIA THE GOST HUNTER"
    REDAKSI KOMIK CAB
    JALAN CINAMBO NOMER 137 CISARANTEN WETAN
    UJUNG BERUNG
    BANDUNG 40294

    Naskah paling lambat diserahkan tanggal 31 Oktober 2014 cap pos
    • Juara 1 uang tunai Rp. 2.000.000,-  + piagam penghargaan + naskah akan diterbitkan di Komik Mia The Ghost Hunter
    • Juara 2 uang tunai Rp. 1.500.000,- + piagam penghargaan + naskah akan diterbitkan di Komik Mia The Ghost Hunter
    • Juara 3, uang tunai Rp. 1.000.000,- + piagam penghargaan + naskah akan diterbitkan di Komik Mia The Ghost Hunter

    Senin, 29 September 2014

    LOMBA CERPEN MY STORY MAJALAH SOCA


    YUK IKUTAN LOMBA KUMPULAN CERPEN MY STORY
    •  Memilih kategori tema yang sudah ditentukan. Satu anak maksimal mengirimkan 2 karya untuk tema yang berbeda.
     Kategori 1 : Seisi Bumi adalah Sahabatku!
    Tuangkan imajinasimu ke dalam cerpen tentang lingkungan di sekitar kita! Pohon dan hewan di sekitar adalah makhluk hidup yang berhak untuk hidup seperti kita!

    Kategori 2: Dengan Pendidikan, Kita Bisa!
    Harapan dan cita-cita adalah bahan bakar kita sebagai anak Indonesia. Di tengah berbagai keterbatasan, semangat menuntut ilmu akan berbuah kehidupan yang lebih baik!

    Kategori 3: Dunia yang Belum Pernah Ada
    Apakah kamu pernah memikirkan bahwa monster atau alien itu benar-benar ada? Bawa imajinasimu ke dunia yang belum pernah ada!
    • Maksimal usia 15 tahun 
    • Naskah diketik pada kertas A4, Times New Roman, 12 dan spasi 1,5 
    • Maksimal 500-600 kata (1-2 halaman) 
    • Karya merupakan naskah orisinil dan belum pernah dipublikasikan dalam bentuk apapun, tidak mengandung isu Suku, Agama, Ras dan Antar-Golongan (SARA), politik. 
    • Sertakan biodata lengkapmu (nama lengkap, alamat lengkap, sekolah, no. telp/HP, Twitter/FB, pengalaman menulis, prestasi dan cita-cita). 
    • Karya dan bidoata dikirim via e-mail ke : redaksisoca@sinarharapan.co.id dengan subjek:NASKAH KUMCER SOCA_NAMA_KATEGORI. CONTOH: NASKAH KUMCER SOCA_OLGA SYAHPUTRI_1,3 
    • Karya ditunggu selambat-lambatnya pada 10 Oktober 2014. 
    • Karya yang terpilih akan dimumkan di Fanspage FB MAJALAH SOCA dan Twitter @majalahSOCA pada 20 Oktober 2014. 
    • Karya yang terpilih akan diterbitkan dalam kumpulan cerpen dan mendapat honor selayaknya.
    Yuk, kita ajak banyak orang untuk mencintai Bumi dan mengunjungi dunia ciptaanmu! Ditunggu karya hebatmu, anak Indonesia!

    CP: Kak Radit (081286581313) Kak Shelma (083898978524)