Home » All posts

Membuat Tombol Like Button Diatas Postingan

in - on Sunday, May 27, 2012 - No comments
1. Log In dulu ke blogger.
2. Klik Rancangan lalu pilih Edit HTML.
3. Centang Expand Template Widget dan back up dulu template anda.
4. Cari kode seperti ini
<data:post.body/>
5. Setelah ketemu tambahkan kode berikut ini di atas kode tadi. Biasanya ada 2 kode seperti tersebut pasang yang kode ke 2 tadi, dan pasang sesuai selera di bawah atau di atas posting. Kalo di atas sebelum kode tersebut dan kalo di bawah posting setelah kode tersebut.
Warna merah, bisa diganti dengan kode warna yang lain. Light untuk template putih. Dark untuk template warna hitam.

6. Save template.


Read more
Labels:

Membuat Blue Matrix Background

in - on Sunday, May 27, 2012 - 2 comments
  1. masuk ke blogger.com
  2. masuk dengan akun anda
  3. pilih rancangan
  4. pilih edit HTML
  5. cari kode </head> 
  6. letakkan kode di bawah diatas kode diatas
    7. <script src='http://eko-yulianto.googlecode.com/files/Blue%20Matrix.txt' type='text/javascript'/>
  7. kalo sudah simpan apa yang terjadi


    Read more
    Labels:

    Cara Membuat Random Post Plus Gambar Bawaan Blogspot

    in - on Saturday, May 26, 2012 - 5 comments
    Cara Membuat Random Post Plus Gambar Bawaan Blogspot - Akhirnya dapat juga trik untuk membuat random post dengan gambar. Udah nyari kesana-kesini yang ada cuman random post biasa sekalinya ada juga menggunakan widget dari linkwithin.com bisa aja sih tapi agak bosen aja make link within buat random post bergambar. Saya pengen sedikit perbedaan, jadi saya cari yang asli dari blogspot dan ternyata berhasil ketemu.

    Yuk langsung kita bahas bagaimana caranya membuat random post dengan gambar dengan widget blogspot. Untuk mendapatkan widget tersebut silahkan klik disini atau logo add to blogger di bawah ini


    Setelah itu nanti anda akan dibawa kedalam pilihan seperti gambar widget di bawah ini:


    Saya akan jelaskan fungsi dari masing-masing kolom pada settingan widget tersebut:

    Maximum Length of Post Title - judul postingan Anda bisa terlalu panjang. Dalam hal ini Anda dapat membatasi judul untuk x jumlah karakter menggunakan parameter ini.

    Snippet Style - Anda dapat menampilkan potongan dengan Post Ringkasan, Pos Miniatur, atau keduanya atau tidak ada.

    Feed - Opsi default "Ringkasan Feed" akan memindai ringkasan feed posting Anda. Ini adalah pilihan lebih cepat dan efisien dan saya akan menyarankan Anda untuk memilih satu ini. Jika Anda memilih "Full Feed", gadget akan lambat tetapi anda akan mendapatkan Thumbnail YouTube juga.
    Catatan: - Jika Anda ingin mengambil gambar atau thumbnail YouTube, maka anda harus memiliki "Site Feed" set ke Penuh. Jika Anda memilih untuk Miniatur Media saja, maka umpan pendek akan digunakan secara default.

    Thumbnail Dimensions - Ukuran Thumbnail dalam piksel. Gadget tidak menghasilkan apapun Thumbnail. Itu hanya menggunakan media thumbnail, thumbnail YouTube, atau gambar apapun dalam pos dan skala ke dimensi tertentu

    Summary Length - Jika Anda telah memilih untuk menampilkan posting Ringkasan, maka Anda dapat mengontrol panjang ringkasan (dalam karakter)

    Post Meta Style - Anda dapat menampilkan Post Date, Komentar Count dan Read More Link.You dapat memilih kombinasi dari ketiganya.

    Font dan Ukuran Font - By Default, font wadah dan Ukuran Font yang diwariskan ke dalam Gadget. Tetapi jika Anda menggunakan template 3 pihak, maka ini mungkin tidak benar diwarisi. Dalam hal ini Anda dapat menggunakan opsi ini untuk lebih naik parameter ini.

    Extra Styling - Memungkinkan Anda untuk menentukan posisi Miniatur, dan apakah untuk menggarisbawahi link atau tidak.

    Border Color - Anda dapat memilih No Border, atau pilih salah satu dari 140 warna yang tersedia. Jika Anda tidak yakin tentang bagaimana warna-warna ini terlihat seperti, kemudian mengambil lihat ini bagan warna pada W3Schools - http://www.w3schools.com/html/html_colornames.asp

    Link Color and Text Color - Secara default, warna akan diwariskan dari Blog Anda. Jika Anda ingin menimpa ini, Anda dapat memilih salah satu dari 140 warna yang berbeda.
    (Warna yang disediakan dalam Dropdown (dan bukan sebagai bidang teks) untuk mengatasi masalah dengan API)

    Read more text - bidang ini sengaja ditambahkan untuk membantu blog yang tidak ditulis dalam bahasa Inggris. Awalnya saya dulu "Lainnya» "sebagai teks Baca lebih tanpa mengambil input pengguna. Melihat ini pada Blog non-Inggris adalah sedikit canggung
    Read more
    Labels:

    Buat Kolom Diatas Kolom Posting Pada Magazine template 2

    in - on Thursday, May 24, 2012 - No comments
    Tutorial kali ini khusus Kang Eko tujukan bagi anda para pengguna template magazine 2 yang ingin menambahkan kolom baru di atas kolom posting. Ini di sebabkan setelah melakukan inspeksi ke beberapa pengguna template magazine 2, ternyata banyak diantaranya yang sering memasang iklan atau apa saja di atas kolom posting, namun tampilannya menjadi kurang enak untuk di lihat. Coba perhatikan gambar di bawah ini :

    ads-magazine-2

    Coba bandingkan dengan gambar berikut :

    ads-magazine-2(2)

    Di lihat dari segi fungsi, kedua duanya memiliki fungsi yang sama yaitu memasang iklan di atas kolom posting, tidak ada yang salah dengannya. Namun, secara estetika gambar yang kedua jauh lebih baik. Disamping memiliki fungsi memasang iklan, nilai keindahan dari template tersebut tidak menjadi rusak ( itu menurut kang Rohman lho ).
    Untuk menciptakan seperti gambar yang kedua seperti contoh di atas, anda perlu membuat kolom baru di atas kolom posting. Bagi yang berminat, silahkan ikuti langkah-langkah berikut ini :

    1. Silahkan login ke Blogger dengan ID anda.
    2. Klik Tata Letak
    3. Klik tab Edit HTML.
    4. Klik tulisan Download Template Selengkapnya.
    5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
    6. Cari kode ]]></b:skin>.
    7. Copy paste kode berikut persis di atas kode  ]]></b:skin>.
    .topcolumn{
    width: 578px;
    padding:10px 0px 10px 10px;
    background:#fff;
    margin:0px 0px 10px 0px;
    text-align:left;
    border:1px solid #C0C0C0;
    }
    .topcolumn .widget{
    }
    1. Lihat ke bagian bawah, lalu cari kode berikut :

      <div id='main-wrapper'>

    2. Copy paste kode berikut persis di bawah kode <div id='main-wrapper'> :

      <b:section class='topcolumn' id='topcolumn' preferred='yes'/>

    3. Klik tombol SIMPAN TEMPLATE.
    4. Selesai.

    Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :

    elemen-halaman


    Sekarang anda sudah bisa memasukan apa saja di atas kolom posting anda tanpa harus mengganggu keindahan dari template anda.

    Selamat mencoba!
    Read more
    Labels:

    Buat Kolom Dibawah Header Pada Magazine Template 2

    in - on Thursday, May 24, 2012 - No comments
    Jika sebelumnya kang Eko telah membuat tutorial tentang , maka pada kesempatan kali ini mencoba alternatif lain yaitu membuat kolom dibawah kolom header. Ini tentunya berguna bagi anda yang suka menyimpan iklan langsung di bawah header.
    Jika menilik pada desain asli magazine template 2, maka anda tentu saja tidak dapat menyimpan iklan atau apa saja langsung di bawah header. Berikut desain asli dari magazine template 2 :
    kolom-bawah-header_03

    Dan kita akan membuatkan kolom baru yang langsung berada di bawah kolom header, berikut contoh ilustrasi dari penempatan iklan langsung di bawah kolom header :
    kolom-dibawah-header_03

    Tertarik ingin membuat kolom langsung di bawah header? berikut adalah cara lengkapnya :
    1. Silahkan login ke Blogger dengan ID anda.
    2. Klik Tata Letak
    3. Klik tab Edit HTML.
    4. Klik tulisan Download Template Selengkapnya.
    5. Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula.
    6. Cari kode ]]></b:skin>.
    7. Copy paste kode berikut persis di atas kode  ]]></b:skin>.
    .adscolumn{
    width:933px;
    padding:10px 3px;
    background:#fff;
    margin:5px 10px 0px 10px;
    text-align:center;
    border:1px solid #C0C0C0;
    }
    .adscolumn .widget{
    }
    1. Lihat ke bagian bawah, lalu cari kode berikut :
      <div id='main-wrapper'>
    2. Copy paste kode berikut persis di atas kode <div id='main-wrapper'> :

      <b:section class='adscolumn' id='adscolumn' preferred='yes'/>

    3. Klik tombol SIMPAN TEMPLATE.
    4. Selesai.

    Langkah selanjutnya, silahkan klik tab Elemen Halaman, maka anda akan melihat tata letak template menjadi seperti contoh gambar berikut :
    layout

    Sekarang anda sudah bisa memasukan apa saja langsung di bawah kolom header.  Selamat mencoba!

    Read more
    Labels: