CARA MEMBUAT TEMPLATE BLOGGER DENGAN MUDAH UPDATE 2018

Oleh pada tanggal

Second article

This was posted on the 2nd of March 2013 by Christian Vasile

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

First post

This was posted on the 5th of March 2013 by Christian Vasile

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Top Sidebar

Discover how to use new techniques to achieve an outstanding, cross-browser HTML5.

Middle Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Bottom Sidebar

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod expedita distinctio.

Copyright © 2013 1stwebdesigner

Baca Juga

Read more
Post a Comment

MEMBUAT EFEK BAYANGAN PADA GAMBAR ARTIKEL BLOG DENGAN CSS

Oleh pada tanggal

Box Shadow - Sebelumnya saya telah membuat artikel tentang cara menciptakan pengaruh bayangan dalam text menggunakan bantuan css (text shadow) serta kali ini saya akan menulis artikel mengenai cara membuat efek bayangan dalam gambar post blog, umum nya ini diklaim menggunakan "box shadow" style css. Bagaimana cara menciptakan dampak bayangan pada gambar artikel blog? Simak penerangan singkat ini dia mengenai css box shadow.
Saya sudah menyiapkan 2 metode menciptakan imbas bayangan (shading efec) gambar menjadi hiasan buat mempercantik sebuah postingan blog. Yg pertama dengan cara manual dan yg ke 2 menggunakan cara otomatis, eksklusif saja kita mulai agar tidak membuang-buang saat.
#Metode1: Membuat css efek shadow (bayangan) dalam post blog dengan cara manual
Menerapkan css box shadow seperti ini nir menciptakan semua gambar di artikel blog anda mempunyai bayangan, melainkan hanya satu gambar saja yg pada beri dampak bayangan, bila anda ingin menciptakan impak bayangan di semua gambar maka anda wajib menerapkan css box shadow ini pada setiap gamabar satu-per satu.
  • Bentuk dasar css box shadow adalah [box-shadow: 3px 7px 5px #009678;]
  • Nilai 3px pada css diatas adalah merupakan sumbu offset-x: horizontal, semakin besar nilai nya maka bayangan text akan semakin ke kanan, dan sebaliknya semakin kecil nilai nya misal nya -3px (minus tiga pixel) maka bayangan text akan semakin kekiri.
  • Nilai 7px merupakan sumbu offset-y: vertical, semakin besar nilai nya maka bayangan text semakin ke bewah, dan sebaliknya semakin kecil nilai nya misal -4px (minus empat pixel) maka bayangan tex akan semakin ke atas.
  • Nilai 5px merupakan pembentuk karakter bayangan-blur, jika di beri niai 0px maka garis bayangan text akan terihat jelas tapi jika di beri nilai 3px garis bayangan tidak jelas (blur). Dan
  • #009678 merupakan kode warna css untuk warna bayangan.

Cara Penerapan Css Box Shadow (Manual)
1. Uplood gambar pada sebuah artikel lalu ubah mode penulisan dari Compose ke mode HTML
2. Kemudian cari tag-html gambar tersebut biasanya kode nya seperti di bawah ini.
3. Untuk memberi efek bayangan masukkan css box shadow pada bagian tag-html gambar yang saya tandai dengan huruf tebal sehingga menjadi seperti berikut ini
box-shadow: 3px 7px 5px #009678;clear: both; text-align: center;">Maka hasil nya gambar akan memiliki efek bayangan bayangan hijau di sisi bawah dan kanan gambar seperti terlihat pada contoh gambar berikut ini Lihat Demo
#Metode2: Membuat css efek shadow (bayangan) pada post blog dengan cara Otomatis
Penerapan css box shadow berikut ini, untuk membuat efek bayangan di semua gambar dalam postingan (artikel) blog, jadi dengan melalui metode ini anda tidak perlu menerapkan kode css box shadow satu-persatu lagi. Sekali pasang semua gambar yang ada di dalam postingan blog akan memiliki efek bayangan.

Cara  Memasang Css Box Shadow (Otomatis)
Simpan kode css berikut ini ke dalam template anda tepat nya pass... Di atas kode ]]> lalu simpan tempate.
.post img box-shadow: 3px 7px 5px #009678;
Sekarang silahkan lihat artikel anda, jika dilakukan dengan benar maka semua gambar dalam artikel akan mempunyai bayangan. Silahkan kode rona #009678; buat merubah warna bayangan. Demikian saja penjelasan mengenai cara membuat pengaruh bayangan pada gambar artikel blog, cobalah berkreasi dengan css box shadow tadi, atau pelajari lebih lanjut di www.W3schools.com.
Read more
Post a Comment

CARA MUDAH MEMBUAT RELATED POST

Oleh Anonymous pada tanggal
Cara Mudah Membuat Related Post - Related post atau artikel terkait merupakan kategori yang menampilkan artikel lain dalam blog yang masih satu tema atau satu label. Related post ini memudahkan para pembaca blog buat mengunjungi artikel lain yang berkategori sama atau buat memperlihatkan pembaca artikel lain yang berguna supaya pembaca blog betah berlama-usang pada blog, jua cara SEO yg banyak digunakan para blogger selain pemasangan breadcrumb. Sebenarnya banyak tutorial mengenai bagaimana menciptakan artikel terkait ini namun saya menunjukkan related post yang ringan, nir memberatkan load blog namun permanen anggun dicermati ( seasyik memandang perempuan cantik hehehehe,...) Ok eksklusif saja berikut langkah-langkahnya....
1. Login ke Blogger
2. Klik Template serta Edit HTML
3. Cari kode dengan menekan Ctrl + F serta letakan kode berikut ini persis diatasnya:


4. Setelah terpasang lanjutkan cari kode berikut:

5.mungkin ada lebih berdasarkan 2 kode seperti diatas, cari kode yg kedua atau lebih tepatnya yg bersangkutan menggunakan jumplink atau read more, letakkan kode berikut ini dibawah kode yg saya sebutkan diatas:




Angka yg saya kasih warna merah sanggup anda ganti sesuka hati anda, itu merupakan jumlah aporisma related post yg ditampilkan.
6. Klik simpan dan lihat hasilnya.

Baca Juga

Read more
Post a Comment

BAKAT YANG DIPERLUKAN DESAINER TEMPLATE BLOGGER

Oleh Anonymous pada tanggal
Jika anda pernah mengunjungi blog blog profesional anda niscaya pernah melihat blog menggunakan desain template yang menarik tentunya dibentuk sendiri bukan bawaan ataupun template download. Dengan desain protesis sendiri tentu akan lebih menarik, unik serta tentunya tempalte blog yg kita miliki tidak terdapat yg menyamai. Lalu apa saja talenta-talenta yg diperlukan dalam membuat desain template blog tadi berikut tipsnya:
Bahasa HTML
Nah yg pertama merupakan bahasa HTML. Hal ini sangat mutlak diperlukan bagi para desainer ataupun developer template blogger. Anda setidaknya menguasai bahasa HTML maupun HTML 5. Banyak tutorial-tutorial bagaimana belajar coding HTML pada internet.
Bahasa CSS (Cascading Style Sheet)
Jika HTML merupakan adalah kerangka absolut yg harus dikuasai menjadi desainer blog maka CSS pula minimal harus anda kuasai. Ibaratnya jika HTML merupakan sebuah kerangka dari tempat tinggal maka CSS merupakan pelengkap menurut rumah itu sendiri menjadi model atap, dinding, lantai serta lain sebagainya.
Bahasa XML
Karena Blogger tidak mendukung PHP maka sebagai gantinya blogger memakai Bahasa XML. Jika anda berkeinginan sebagai desainer juga developer template blogger maka bahasa XML ini juga wajib anda ketahui.
Bahasa Javascript
Sebenarnya satu ini nir terlalu dibutuuhkan bagi anda yang belajar membuat template blogger secara langsung, tetapi bila anda ingin sebagai desainer template blogger profesional maka anda juga wajib menguasai bahasa javascript ini.
Photoshop
Nah talenta maupun keahlian terakhir yg wajib anda miliki apabila anda ingin sebagai desainer atau developer template blogger merupakan anda harus menguasai cara edit image seperti photoshop maupun corel draw. Kedua edit foto ini dipakai biasanya buat menciptakan logo blog serta lain sebagainya.
Read more
Post a Comment
Subscribe to: Posts (Atom)