Jadi Blogger Matre

Dari cari pertemanan dan gombal-gombalan menjadi blogger matre.

Ini gara-garanya karena ikutan program reviews, walaupun tidak sehebat pendapatan pantastis dari blogger yang sudah  lama ikutan program ini, namun job bulan kemarin yang saya terima ngefeknya luar biasa.

Maka janji kemarin untuk menconvert template dari wordpress theme, tidak jadi saya kerjakan. karena keasikan untuk memodifkasi template lama yang saya optimisasi untuk menghasilkan uang baik dari reviews, iklan adsense atau banner ads.

Sangat simple dan easy, dengan background warna yang bisa di ganti sesuai  warna pavorit atau kesukaan,  namun anda harus hati-hati untuk melangkah pada template ini, karena jika salah melangkah maka anda akan kena ranjau adsense yang saya tebar dan pasang .

Namun satu hal kekuranganya, karena saya mengunakan 4  gambar yang ukurannya luamayan besar plus iklan bannner . Maka speed lodingnya relatif  lama.

Untuk yang  merasa penasaran bisa di lihat demo atau mendownloadnya. 

view “ Sexy red or Simple Red “.

Note : sorry yeh jika bhs linggisnya amburadul , itu asli pake google transilate .. ixixixixi

Comming  Soon.

Mungkin pada sesi yang akan datang. saya ingin meng-share juga template “ Tomodachi “  dari RumblingSoul, yang telah saya convert.

Promosikan Tulisan Anda di sini

Dengan mendaftrakan link artikel anda di sini, maka saya akan menambahkan link artikel tersebut pada fitur " community link feed " yang ada pada sidebar kanan blog ini.

PERHATIAN:

Link Artikel yang di daftarkan merupakan artikel tutorial. Blogger, Adsense, seo, wordpress, photoshop, web desain, tutorial facebook, gadget for blog, trik and trik komputer.

Dan saya akan menyorti sendiri artikel anda.

Update..update..update... harupat

Uhui cukup lama juga,  delapan hari blog ini tidak  terupdate. bukan lantaran terserang penyakit nihil ide.  Ide-ide untuk menulis masih cukup amunisinya, malahan terlalu banyak hinggga sampai binggung mau nulis yang mana :D

Untungnya kebetulan sekarang para blogger lagi asik-asiknya utak-atik dan sibuk buka fasbok, yang sekarang lagi boming di kita.

emmm apalagi yach ?

Oh iye sambil nunnggu semangat untuk mengupdate yang seger dan fresh, seperti biasa saya lagi coba bikin template baru. tema-nya sih masih sama seperti kemarin " layout magazine ".   Inspirasinya saya dapatkan dari Theme wordpress. - ya mudah-mudahan belum ada yang mengconvert-nya ke blogcepot, dan mudah-mudahan juga template ini kelar 3 atau 4 hari nanti.

emmm apa lagi yach ???????

Menganti Tampilan Gadget Form Search

Secara default gadget/elemen  kota search dari blogger in draf , tampilanya seperti ilustrsi  ini.

sekarang bagaimana untuk menganti  kotak searchnya dengan tampilan yang kita inginkan misalnya seperti ini.

atau seperti ini.

untuk membuatnya ikutilah langkah-langkah berikut ini.

pertama :

Buka situsnya blogger in draf di sini, kemudian login dengan cara menekan link tulisan  “ Blogger in draft “. ( jika anda membuat halaman Blogger in draf dalam dasboard secara default, tidak perlu mengikuti langkah ini, langsung saja login ).

kedua :

Dalam tab Page elemen – Add a Gadget , Tambahkan sebuah gadget/elemen search.

Ketiga :

Buka tab Edit Html dan tulis skrip berikut ini dalam halaman css-nya. – atau simpan sebelum tulisan ini. ]]></b:skin>

#CustomSearch1_form {
display: block;    background:url(url gambar )  no-repeat 0px 0px;
height: 32px;
width: 160px;
padding-top: 6px;
margin-left:0px;
}

url gambar: alamat gambar yg ente miliki , nilai height dan width tergantung atau harus di sesuaikan dengan ukuran  lebar dan tingginya gambar yang anda gunakan.

#CustomSearch1_form input {
color: #000; background: transparent;
padding-top: 5px;
border-style: none;
}

skrip ini untuk menghilangkan warna background dari form input kotak search-nya.

.gsc-search-button {display:none;}

skrip untuk menyembunyikan tombol searchnya.

.gsc-branding {display:none;}

Skrip untuk menghilankan logo googlenya.

Perhatian.

Ini merupakan pengalaman saya, dan mungkin dalam beberapa template tidak berjalan atau di butuhkan  modifikasi scriptnya lagi.

Untuk melihat demonya bisa di lihat pada blog ini.

Cara mengedit heading [ h2 ] untuk Sidebar

Salah satu mangfaat pengunaan heading/judul ialah untuk mempermudah dalam menentukan sebuah topik. Pada html sendiri heading ini mempunyai tingkatan dan ukuran tertentu, mulai dari h1 sampai h6.

Dan secara default dalam template Minima Standar , pengaturan untuk tag heading h2 di atur secara umum ( inheritance= pewarisan property ), artinya ketika kita mengunakan h2 untuk konten dan untuk judul sidebar maka keduanya akan terlihat sama. dengan mengunakan script css di bawah.

/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .5em;
  font:$headerfont;
  line-height: .4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

Nah jika kita ingin mengunakan pengaturan h2 antara konten dan judul sidebar berbeda, maka caranya membuat h2 untuk sidebar secara khusus dengan menambahkan selector ID dan property-value .

contohnya  seperti ini.

#Sidebar-Wrapper h2 { property:value}

dengan begitu maka h2  untuk sidebar mempunyai aturan sendiri.

Sedangkan jika ingin membuat h2 mempunyai sifat yang lebih khusus lagi pada sebuah judul widget , maka yang perlu di ketahui dulu adalah nama widget dan Id nya.

contoh jika LinkList h2 untuk sidebar sama mengunakan  font tebal dan berwarna hitam seperti ini.

• LinkList1 h2.
  BlogKawan Satu
• Lisklist2 h2.
  BlogKawan Dua
• Linklist3 h2.
  BlogKawan Tiga.
  

ket : LinkList1,LinkList2,Linklist3  merupakan nama widget/gadget yang memiliki sebuah ID (  digunakan untuk tag secara individual dan spesifik, maka  untuk penulisannya dalam Css di awali dengan tanda pagar [ # ] ) .

Dan  jika saya ingin menampilkan BlogKawan Dua dengan hurup berwarna merah maka penambahkan pada halaman css-nya seperti ini.

#LinkList2 h2 { font-weight;Bold;color;red}

BlogKawan Dua

Otre selain dengan cara di atas,  ada lagi cara untuk membuat heading/judul untuk sidebar  berbeda satu sama lain, cara ini sering di sebut juga inline style sheet.

pertama centang/tandai di samping tulisan Expand Widget Templates.

kemudian cari tag html h2 yang ingin kita edit  atau ingin di atur secara individual. .

<h2><data:title/></h2>

dan tambahkan script seperti ini .

<h2 style=”background:…..; padding:…..; border:……”><data:title/></h2>

contohnya saya mengunakan inline style berupa border-top untuk h2 dengan warna yang berbeda-beda di blog ini.

 

 

yup mudah-mudahan pengalaman saya yang sangat sederhana ada mangfaatnya.

Simplicity 4 column dan Beloon Online Modify

Seperti yang anda ketahui, pada tanggal 22 feb lalu saya coba membuat blog yang kolom dan cara pengunaanya hampir sama dengan blog " Beloon Online " . Namun blog yang di beri nama " footerblog " tersebut , saya buat sangat minimalis sekali, tidak begitu beda dengan template basicnya Minima Douglas Bowman.

Dan satu kehormatan tersendiri ternyata template tersebut dari segi tampilanya ada yang mengembangkanya  lagi- yang saya tahu, pertama ; Simplicity 4 column dari mba cebong. yang demonya bisa dilihat di ipiettoon.blogspot.com. kedua ; Beloon Online Modify oleh mas herro, demonya bisa di lihat di btheme info.

Otomatis juga kedua template tersebut akan saya tambahkan pada koleksi album template saya.

Seandainya saya sekaya mas pogung, yang bisa mengadakan kontes SEO " Kampanye Damai Pemilu Indonesia 2009 ", dengan imbalan duit 5 jeti. mungkin saya pun kedapatan ide  mengadakan kontes memodifikasi template " footerblog" tersebut. :D.

Cuman sayangnya saya blogger kere dan gembel,  mana mungkin bisa mengadakan kontes seperti itu...xixixiix.. 

Ane lenook, makasih buat mas cebong dan mas herro - keduanya blogger design yang sedang rajin-rajinya membuat template. sukses selalu untuk kalian berdua :)

Inspirasi ringan di bawah halaman blog

Ini ngga ada hubuganya dengan nama template footerblog, tapi tengtang tulisan  yang  ada di bawah footer atau paling bawah dari halaman blog. biasanya merupakan tulisan kecil atau  informasi seputar copyright atau nama pembuat templatenya.

Terus terang saja dulu saya jarang memperhatikan bagian ini, karena menurut saya bukan sesuatu yang sangat penting bagi pengunjung. maka untuk me-redesain bagian ini cukup hanya mengunakan tag <center> .. </center>.

Namun sejak saya melihat template dari hajunik , semuanya jadi lain dan beda. Walaupun keliatanya bukan sebuah prioritas, namun menjadi nilai tambah jika di lihat secara keseluruhan desain.  contoh;

Float: left;

Copyright,  post  feed dan comments feed yang link urlnya  secara otomatis di tautkan pada url pemilik blog.

Float: Right;

 

Keterangan pembuat template atau yang memidahkan template tersebut ke dalam flatform blogger.

Atau bisa bandinkan  footerblog  free template dari RamblingSoul. di samping kiri copyright dan navigasi, sedangkan di sampingkan kanan , tombol link yang berfungsi untuk kembali ke atas halaman blog.

 

Atau seperti footerblog yang di miliki oleh blogombal.org. seperti tulisan kecil yang sering saya lihat di majalah atau koran.

Dan sebenarnya masih banyak lagi contoh –contoh yang bagus untuk bisa saya ambil sebagai bahan perbandingan dan inspirasi.