Pages

Membuat template sendiri


Hai sobat ketika anda memulai blog di blogger mungkin anda akan merasakan dengan template anda sendiri antara memuasakan atau tidak memuaskan. itu ada pada diri anda sendiri, ada beberapa yang harus kita mengetahui dari template yaitu kode atau bahasa pemograman css, html javascript dll

Jika anda penguna blogger yang ingin belajar atau mengetahui tata letak bahasa pemograman di template anda maka anda bisa ikuti saya di sini, belajar dengan perlahan dan sedikit ilmu buat anda dan saya pribadi. saya mengerjakannya dengan cara mengenal html,css dan java script, tidak dengan program yang lainnya 

beberapa cara anda bisa merubah template

1. Belajar dengan bahasa pemograman 
2. Mengunakan Adobe Dreamwever CS3
3. Mengunakan Artisteer 4
4. photoshop
5. dan lain-lain

Pada artikel ini saya ingin belajar dari bahasa pemograman terlebih dahulu, karena blog ini saya akan memberikan secara step by step dan langsung bisa di lihat di gambar. jika anda memang dalam posisi di blog saya, 
Bahasa pemograman yang saya sedang pelajari entah yang mana karena pada dasarnya bahasa pemograman hanya kode memerintahkan bahasa agar dapat tercetak menjadi yang kita inginkan, mungkin jika saya paham dengan bahasa pemograman saya akan lebih detail untuk menjelaskan kembali. 

Silahkan anda bisa ikuti saya untuk memulai pada tahap 1 di sini 

Membuat Scroll pada label

Membuat Sroll pada label di blogger, silahkan anda yang sedang membutuhkan agar di ikuti langkah-langkanya sesuai dengan step by step : 

Login Blogger > lalu ikuti gambar di bawah ini 



Tahap pertama :
pada bagian edit HTML silahkan anda gunakan ctrl-f, pastekan kode berikut di dalamnya :

<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>

seperti gambar di bawah ini:


copykan kode ini <div style='overflow:auto; width:ancho; height:200px;'> dan pastekan tepat di bawah kode di atas.

Tahap kedua:

Setelah anda selesaikan tahap pertama selanjutnya anda mencari kode </b:includable> dan tambahkan kode ini </div> di bawahnya. jika anda sudah meyelesaikan semua silahkan anda save pada template lihat hasilnya

semoga bermanfaat

Scroll di dalam posting

Penasaran pada Template yang ada di nurhajid.blogspot.com yah :D. seperti membuat scroll, jika anda membuat artikel  terlalu panjang maka silahkan anda bisa mencobanya dengan cara copy kan kode ini :


<div style="border: 1px solid #eee; height: 100px; overflow: auto; padding: 10px; width: 400px;">
masukan artikel anda di sini 
</div> 
Masukan kedalam HTML bukan COMPOSE seperti yang saya lingkari di bawah ini : 


Silahkan anda rubah yang saya beri tanda merah sesuai dengan kebutuhan anda, agar blog anda semakin menarik yang saya warnai hijau anda hapus ketika di dalam html, dan kembali dengan compose maka hasil yang akan terlihat adalah kotak berwarna abu-abu, silahkan anda masukan artikel anda di dalamnya. setelah anda menyelesaikan pada bagian tersebut anda save, silahkan lihat hasilnya dengan cara pratinjau di entri anda. jika sudah berhasil silahkan share kepada teman dan kerabat anda

Semoga bermanfaat