Ikutan EksizE: Widget
Headlines News :

Latest Post

Tampilkan postingan dengan label Widget. Tampilkan semua postingan
Tampilkan postingan dengan label Widget. Tampilkan semua postingan

Cara Membuat Recent Post Sesuai Label Disertai Thumbnail

Written By Unknown on Senin, 11 Februari 2013 | 21.03


Cara Membuat Recent Post Sesuai Label Disertai Thumbnail - Pada tutorial blog kali ini, saya akan membahas mengenai cara memasang widget recent post per label disertai thumbnail. Widget Recent Post digunakan untuk menampilkan postingan terbaru dari suatu blog, namun bisa juga posting terbaru sesuai label yang diinginkan. Demonya bisa sobat lihat pada gambar di bawah ini.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggzS_q8nobs2-5p_cTSkX7ZpD2RF1BhjIurETYKONcYwon4XfhlRlk-XWtg6g0ezmqoYKBQ6gsM786ebbceBNsauPHS36MagVLCcqkfv-8CXMCSNeA3PDuUEhN-Ay6YGC2mqh3_PFmgoZs/s320/recent+post+thumbnail.png

Untuk lebih jelas cara memasangnya silahkan ikuti arahan berikut ini.
Recent Post Sesuai Label
1. Masuk ke Dashboard > Tata Letak > Add Gadget/Tambah Gadget
2. Pilih HTML/JavaScript

3. Masukkan Kode JavaScript berikut ini.


<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 60;</script>
<script type="text/javascript" src="/feeds/posts/default/-/Label?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>


4. Save kemudian lihat hasilnya.

Keterangan:

    var numposts = 3 adalah jumlah post yang ingin ditampilkan, cukup dengan mengubah angkanya untuk menampilkan lebih banyak post.
    Label adalah nama label yang postingnya ingin ditampilkan, contoh label Berita, Hiburan, Tutorial, dan lainnya.


Cara Membuat Scroll Efek Diarea Komentar Blog



Cara Membuat Scroll Efek  Diarea Komentar Blog - Scroll mempunyai menfaat tersenderi bagi para blogger terlebih untuk menghemat panjang pada suatu elemen seperti komentar . terkadang ketika kita menulis postingan dengan banyak komentar sehingga membuat tampilan harus megikuti panjang sekaligus menyesuaikan dengan banyak komentar yang ada.  Disinilah scroll berperan untuk menghemat element tersebut.

Cara Membuat Scroll Efek  Diarea Komentar Blog :

1. Masuk ke Rancangan kemudian pilih Edit HTML dan centang Expand Template Widget.
2. Cari kode ini : #comments h4{
3.  Copy Paste script  di bawah ini dan simpan sebelum"di atas" kode  #comments h4{
#comments {
height:200px;
overflow:auto;
}

4.  setelah itu save, kemudian lihat hasilnya maka akan muncul seperti ini :



Desain Title Blog Menggunakan Generator Text Logo Online


Desain Title Blog Menggunakan Generator Text Logo Online - Banyak sekali cara untuk mempercantik tampilan sebuah Blog yang kita miliki salah satunya dengan cara mengubah tulisan Header blog menjadi seperti Banner ataupun gambar ataupun tulisan yang memiliki bentuk menarik.

Bagi anda yang ingin mengganti judul blog menjadi menarik, 

Contohnya seperti ini:




Disini ada beberapa generator online yang bisa anda gunakan.

1. www.textspace.net

Generator yang satu ini menawarkan beberapa bentuk model desain logo yang cukup memuaskan. Untuk contoh model text yang di tawarkan seperti misal: patterned text generator, glitter text generator, LCD text generator, marquee text generator, dan masih banyak lagi yang lainnya. Memiliki interface yang bersih dan waktu muat halaman yang cepat sehingga membuat kita semakin mudah dan cepat dalam membuat logo.

2. www.flamingtext.com

FLaming text memiliki banyak sekali koleksi design yang bermacam-macam dengan berbagai pilihan dari yang paling sederhana dan paling animatif. Membuat anda harus lebih jeli dan benar-benar fokus untuk membuat pilihan karena banyaknya design yang harus dipilih. Interface generator yang lengkap disertai live preview darihasil teks yang diedit sehingga tidak perlu lagi berpindah halaman untuk kembali mengedit.

3. cooltext.com

Sama halnya dengan flamingtext,cooltext memiliki banyak koleksi design dan memiliki interface editor yang mudah dan handy, sehingga siapapun dapat dengan mudah menggunakannya. Terdapat dua jenis design, yaitu logo dan button. Dilengkapi pula dengan puluhan jenis font menarik yang dapat dipilih dan disesuaikan dengan design blog.

4. simwebsol.com
Ketika membuka halaman web situs ini, anda akan masuk ke halaman text logo editor yang sederhana. Kostumisasi keseluruhan teks diserahkan kepada user, sehingga dapat membuat logo sesuai dengan kehendak. Pilhan style-nya tidak begitu banyak, namun masih cukup berharga mengingat hasil gambar dari online logo creator ini memiliki kualitas yang cukup baik.

5. www.logomatik.net
Design-design pada situs ini lebih menekankan pada koleksi design font yang menawan. Design yangdihasilkan dengan generator dapat dikostumisasi lebih, namun warna gambar hitam dan putih menurut saya adalah yang terbaik karena kesan vector-nya sangat kuat dan memukau.

6. www.thelogoshop.info

Cukup sederhana, atau bisa dibilang sangat sederhana, selain karena situs ini hanya memiliki satu halaman, design-nya pun sangat terbatas. Namun, bagi anda yang sedang belajar dan dalam proses awal blogging dan design gambar, situs ini bisa menjadi awalan bagi anda untuk belajar membuat design logo .
Setelah mendapatkan logo blog, pasang logo tersebut untuk menggantikan title dan description pada header blog.



Translate

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Ikutan EksizE - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger