Download File: blogger

Showing posts with label blogger. Show all posts

Thursday, March 2, 2017

MEMBUAT RECENT POST DI BLOGGER

Untuk sobat yang ingin membuat recent post di blogspot rasanya tidak perlu repot lagi,karena blogspot sendiri sudah menyediakan sarana ini untuk para blogger. Guna dari recent post ini adalah untuk menampil artikel terbaru,bahkan sobat bisa menampilkan 10 dari artikel terbaru.

Untuk sobat yang baru memulai bikin blog dan belum tahu bagaimana cara membuat recent post bisa ikuti cara di bawah ini:

Login ke blog sobat.
Pilh tata letak.
Tambahkan Gadget.
Jika pada pop up halaman pertama tidak muncul recent post,sobat klik pada link yang bertuliskan Gadget lainnya. Maka akan muncul beberapa gadget,pilih dan klik gadget yang betuliskan recent posts yang gambar iconnya seperti di bawah ini.

Setel Gadget.

Beri judul atau tetap dengan judul yang ada yaitu Recent posts.
Atur ketinggian,jika yang ingin ditampilkan kurang dari 10 mungkin bisa dikurangi.
Number of posts to display : ini jumlah recent post yang ingin sobat tampilkan,bisa 10 atau bisa kurang.
Display Posts data : jika ingin menampilkan tgl-bln-thn beri tanda centang.
Show a summary of your blog posts? : jika ingin sebagian isi artikel ditampilkan beri tanda centang.
Summary Length : ini jumlah huruf yang ingin sobat tampilkan,bisa ditambah bisa dikurangi.
kliksimpan.
Lihat hasilnya.

Available link for download

MEMBUAT FOOTER MULTI KOLOM BLOGGER

engan satu kolom footer rasanya masih kurang,ini yang sering dirasakan bagi mereka yang suka mempercantik blognya dengan berbagai pernak-pernik. Bagi saya sendiri footer ini sangat berguna yang saya anggap fungsinya hampir sama dengan sidebar.

Yang sering saya lihat diberbagai blog mereka senang menggunakan footer dengan tiga kolom,sebenarnya ini tergantung selera masing-masing orang. Bagaimana cara membuatnya

di sini akan kita bahas bersama.

Biasanya beda template ukuranya berbeda-beda pula,agar ukuranya sesuai dengan template yang sobat miliki di sini ukuranya kita buat persen (%),sehingga kita tidak terlalu kebingungan mengganti ukuranya.

Untuk membuatnya mari kita lihat langkah-langkah di bawah ini:

Klik tata letak.

Pilih edit HTML.

Jangan kasih centang pada expand widget.

Cari kode ]]></b:skin> dan letakkan kode di bawah ini di atasnya,hingga posisinya sebagai berikut:

/* footer_wrapper
---------------------------- */
#footer_wrapper{
width: 100%;
position: relative;
float: left;
background:#ff69b4;
border: px solid #ff0000;
padding:%;
}

#footer_wrapper1{
float:left;
width:30%;
margin:1px;
background:#7cfc00;
padding:1%;
}

#footer_wrapper2{
float:left;
width:30%;
margin-top:1%;
margin-bottom:1%;
background:#7cfc00;
padding:1%;
}

#footer_wrapper3{
float:left;
width:30%;
margin:1%;
background:#7cfc00;
padding:1%;
}

]]></b:skin>

Kemudian tarik ke bawah pada bagian body temukan kode sebagai berikut:

<div id=footer-wrapper>
<b:section class=footer id=footer/>
</div>

Jika sudah ketemu letakkan kode di bawah ini di atasnya hingga posisinya sebagai berikut :

<div id=footer_wrapper>
<b:section class=footer id=footer_wrapper1/>
<b:section class=footer id=footer_wrapper2/>
<b:section class=footer id=footer_wrapper3/>
</div>

<div id=footer-wrapper>
<b:section class=footer id=footer/>
</div>

Dan lihat hasilnya pada tata letak,untuk mencoba tambahkan gadget.

Catatan: Kode yang berwana merah adalah kode yang asli sedang yang hitam adalah kode yang ditambahkan.

Sebenarnya cara membuat multi kolom pada footer hampir sama dengan menambah atau membagi kolom header,jika sobat ingin tahu bisa lihat di sini.

Semoga bermanfaat.

Available link for download

MEMASANG TOOL KODE WARNA DI BLOGGER

Dalam dunia blogging memilih warna yang tepat bisa membuat tampilan blog kita menarik. Saat ini Blogger terus menyempurnakan tool editing yang memudahkan para pemula (bisa dilihat dalam fitur template desainer). Dengan begitu sobat tidak perlu mahir kode HTML untuk memilih warna yang sesuai keinginan. Namun tetap saja, mengerti kode HTML meskipun sedikit akan sangat bermanfaat.

Kode HTML untuk warna berupa simbol “#” diikuti dengan 6 deret angka atau huruf dimana jumlah ini juga ada dalam sistem heksadesimal. Dengan kata lain kombinasi huruf dan angka tersebut akan menunjuk pada warna tertentu. Misalnya: kode HTML untuk warna putih adalah #FFFFFF dan kode heksadesimalnya adalah 255, 255, 255.

Jika masih bingung dengan penjelasan tadi, coba sobat perhatikan tool eksaminasi warna buatan 2createawebsite.com dibawah ini. Untuk menggunakannya cukup klik pada bagian warna yang diinginkan dan perhatikan kode yang muncul di sebelahnya.

Jika sobat suka dengan tool diatas silahkan copy kode dibawah ini dan letakkan ditempat yang diinginkan (area posting atau kolom widget).

Available link for download

Download File

Thursday, March 2, 2017

MEMBUAT RECENT POST DI BLOGGER

MEMBUAT RECENT POST DI BLOGGER

Saturday, February 18, 2017

MEMBUAT FOOTER MULTI KOLOM BLOGGER

MEMBUAT FOOTER MULTI KOLOM BLOGGER

Monday, January 30, 2017

MEMASANG TOOL KODE WARNA DI BLOGGER

MEMASANG TOOL KODE WARNA DI BLOGGER