Home
Writed by
On
10:27 AM , 
Wednesday, February 16, 2011
KianHome - Tutorial kali ini terinspirasi oleh beberapa blog-blog master diluar negeri, termasuk juga beberapa website berita online Indonesia. Dimana ada banyak judul berita dengan kategori-kategori yang ditampilkan untuk para pengunjung.
Kalau dulu kita memasang begitu banyak link dari blog-blog yang kita kelola, bisa dibilang masing-masing blog untuk 1 tema yang berbeda dengan blog yang lainnya. bisa dibayangkan begitu banyak waktu dan tenaga yang digunakan untuk menjalankan semuanya, kalau website atau blog kita dikelola oleh banyak penulis tentu bukan masalah-bagaimana kalau Admin hanya seorang diri..??
Saat ini banyak kemudahan yang bisa kita gunakan, salah satunya dengan link Feed bawaan Blogger. kalau belum tahu klik link berikut Cara buat menu postingan dengan Label tertentu. Dari contoh tutorial yang k'ian maksudkan diatas tadi, masih memiliki beberapa kekurangan. salah satunya waktu loading yang terlalu lama, karena kita ekstenal link dari feeds default blogger terlebih dahulu. Sedangkan pada tutorial kali ini tampilan jadi semakin cantik dengan waktu loading yang cepat (tergantung koneksi). Untuk Contoh kamu bisa lihat dihalaman utama blog k'ian ini, D.E.M.O
Dari pada kelamaan kita akan langsung mulai tutorialnya..
Cara Pasang Update Postingan
1. Masuk kemenu "Elemen Page" dan pilih "Add Gadget" (Letakkan kategori widget ditempat yang kamu sukai, bisa di sidebar, wrapper post, atau di footer).
2. Klik menu "HTML/Javascript", copy kode dibawah ini dan letakkan didalamnya
Kalau dulu kita memasang begitu banyak link dari blog-blog yang kita kelola, bisa dibilang masing-masing blog untuk 1 tema yang berbeda dengan blog yang lainnya. bisa dibayangkan begitu banyak waktu dan tenaga yang digunakan untuk menjalankan semuanya, kalau website atau blog kita dikelola oleh banyak penulis tentu bukan masalah-bagaimana kalau Admin hanya seorang diri..??
Saat ini banyak kemudahan yang bisa kita gunakan, salah satunya dengan link Feed bawaan Blogger. kalau belum tahu klik link berikut Cara buat menu postingan dengan Label tertentu. Dari contoh tutorial yang k'ian maksudkan diatas tadi, masih memiliki beberapa kekurangan. salah satunya waktu loading yang terlalu lama, karena kita ekstenal link dari feeds default blogger terlebih dahulu. Sedangkan pada tutorial kali ini tampilan jadi semakin cantik dengan waktu loading yang cepat (tergantung koneksi). Untuk Contoh kamu bisa lihat dihalaman utama blog k'ian ini, D.E.M.O
Dari pada kelamaan kita akan langsung mulai tutorialnya..
- Login ke account blog kamu, kemudian klik menu layouts.
- Pilih Edit HTML ---> beri tanda centang pada kolom "Expand widget Template",
- Cari kode <'/Head'>, kemudian pastekan kode dibawah ini tepat diatas kode tadi...
<script src='https://sites.google.com/site/kianbersama/javascript/categoripost.js' type='text/javascript'/>
- selanjutnya copy lagi kode dibawah ini, dan letakkan sebelum kode ]]></b:skin>
img.label_thumb{float:left; -moz-box-shadow: 1px 1px 10px #888;
-webkit-box-shadow:0px 1px 5px #888;
padding:4px;border:1px solid #d2d2d2;
background:#fff;margin:4px 4px 4px 4px;
height:45px;width:45px;} img.label_thumb:hover{background:#f7f6f6;}
.label_with_thumbs {float: left; width:100%;font-size:11px;margin: 0px 2px 2px 2px;padding:5px;} ul.label_with_thumbs li {padding:4px;margin-bottom:5px;}.label_with_thumbs a {}.label_with_thumbs strong {}
- Selanjutnya simpan.
Cara Pasang Update Postingan
1. Masuk kemenu "Elemen Page" dan pilih "Add Gadget" (Letakkan kategori widget ditempat yang kamu sukai, bisa di sidebar, wrapper post, atau di footer).
2. Klik menu "HTML/Javascript", copy kode dibawah ini dan letakkan didalamnya
<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 = 70;</script>3. Pada tulisan yang berwarna orange pada kode diatas adalah judul "label" yang sudah sobat buat dan harus sesuai dengan judul label itu sendiri.
<script type="text/javascript" src="/feeds/posts/default/-/Gadget?&alt=json-in-script&callback=labelthumbs"></script>
4. Simpan dan lihat hasilnya
Nb :Dalam script tersebut ada tulisan severti ini :
var numposts = 3;
var showpostthumbnails = true;
var displaymore = false;
var showcommentnum = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = true;
var numchars = 80;
Kode berwarna Orange adalah kode yang bisa anda edit, true berarti tampilkan, false berarti jangan di tampilkan, 80 adalah jumlah karakter, silahkan coba-coba ganti saja. Untuk Label yang menggunakan spasi harus ditambahkan kode %20, misalkan "tips blogging", maka pada penulisan kodenya haruslah "tips%20blogging".
Related Post :
trik
- Cara Membuat Kolom Widget Sejajar (Sama Tinggi)
- CSS3 : Efek Transisi Rotasi dengan simple dan sederhana
- Cara pasang gambar pada judul Gadget / Widget Blog
- Maaf teman, k'ian tidak bisa membalas Blogwalking saat ini
- Program Adsense Chitika dalam blog berbahasa Indonesia
- Setting tampilan CSS agar sama diseluruh Browser dengan CSS reset
- Cara buat kolom text magazine dengan CSS3
- Supaya kinerja situs atau blog lebih cepat
- Mengenal kode Box Shadow dengan CSS3
- Simple Tooltips dengan CSS & Jquery trik
- Efek dan style untuk Gambar pada Blogspot
- Setting domain blogspot dengan script Mobile blog otomatis
- Cara Pasang Sliding Post dengan disertai gambar (Thumbnails)
- modification of the text with CSS 3 Text shadow
- Show All total post dan Comment post pada blog
cih mantap nich tutornya, yg beginie nich saya cari dari dulu.. eh kesampaian jga disini,, keep update ya sob.. buat tutorialnya yang baru2 kayak gini lagi okeh :D ...Replay
@blog doodey : oke sob makasih atas saran dan kritiknya...k'ian akan luangkan waktu untuk Update tutorial baru...!!! thank's for visited here..!! ...Replay