Faldi Favian

Selasa, 24 Juli 2012 -

Cara Singkat,Cepat dan Efektif Mengatur Ukuran Lebar 'Konten Utama / Postingan' Blogger Template

Jika sobat menginginkan ukuran template dapat sobat utak-atik sendiri dengan cara singkat,tak ada salahnya sobat coba trik berikut ini.

Betul gan,sesuai dengan titlenya,mengubah / mengganti / mengarur ukuran lebar template blogger untuk 'widget'.
Main widget,ya ini akan merubah widget yang sobat miliki.Lihat screenshot template berikut ini:

mengatur mengubah mengganti ukuran lebar template blogger.

Lihat gambar dalam ukuran besar
Gambar diatas adalah salah satu contoh dari template yang menggunakan 'blogger template satu kolom'.

Lalu apa hubungannya,ya,jika sobat memiliki template satu kolom,nanti bisa langsung sobat lihat dengan jelas efek dari trik yang akan kita coba nanti.

Namun jika blogger template yang sobat gunakan bukan 'satu kolom' kemungkinan trik ini hanya akan mengatur ukuran lebar area widget.

Caranya sangat mudah,Pertama, masuk ke akun Blogger sobat, buka tab Edit HTML dan contreng tulisan "Expand Widget Templates"

Selanjutnya cari kode :

body { (gunakan CTRL+F untuk mempermudah pencarian)

Biasanya akan tampak seperti ini:

Lihat gambar dalam ukuran besar

Nah,jika sobat sudah ketemukan tepat diATASnya letakkan kode berikut ini:

.widget { padding-bottom:30px; margin-left:70px; margin-right:70px; padding-top:0px; }

Sehingga akan tampak seperti gambar ini:

Lihat gambar dalam ukuran besar

Nah,angka dalam kode yang berwarna merah diatas,gantilah sesuai dengan keinginan,semakin besar nilainya,maka widget akan semakin menyusut kedalam alias menyempit.

Simpan template dan lihat hasilnya.Selamat berkreasi ya gan!

Sumber

»» READ MORE..

Jumat, 20 Juli 2012 -

11 komentar

Cara Mengatasi Problem "failed to obtain an ip address pada Blackberry"

Halo friend,kali ini gue mau posting Cara Mengatasi Problem "failed to obtain an ip address pada Blackberry". Awalnya gue juga bingung dengan pernyataan "failed to obtain an ip address",tapi setelah gue googling sama modif sedikit dengan cara gue akhirnya bisa,HAHAHA.

cara nya:

1. pijit menu blackberry,lalu pilih manage connections yang lambang nya seperti gambar

2. nyalakan wifi blackberry kamu,lalu pilih set up Wifi network

3. selanjutnya pilih "scan for network" untuk mencari Wifi auto atau "Manually Add network" untuk mencari wifi manual. kalau gue "scan for network"

4.blackberry akan mencari wifi auto seperti gambar

5. apabila sudah ketemu,plih wifi yang akan di pakai. misal seperti gambar. Maaf ini adalah gambar yang sudah connect.apabila wifi belom connect, dibawah SSID/nama wifi (Giska) akan ada security type. misal WEP,PSK (Pre-Shared Key),dll.

6. TARA....,disinilah yang jadi permasalahan seperti gambar. pilih saja next dan plih finnish setelah anda pencet next. dan akan menuntun ke menu awal.

7. plih lagi manage connections - set up Wifi network - wifi options.dan akan menampilkan seperti gambar

8. lalu pilih edit

9. scroll ke bawah,cari sampai ada kalimat "Automatically obtain IP address and DNS" seperti gambar

10. lalu un-check / hilangkan tanda centang. dan akan menampilkan seperti gambar

11. ganti angka 0 tersebut dengan

IP: 192.168.0.101

Subnet Mask:255.255.255.0
Gateway: 192.168.0.1

DNS1: 180.131.144.144
DNS2: 180.131.145.145

Lalu save

12. Bila berhasil, Ada tanda check berwarna hijau dan tanda sinyal.

Note : apabila tidak berhasil, angka gateway nya berbeda dengan wifi yang akan anda connect.

Terima kasih sudah membaca posting saya. Sorry kalo bahasa nya kurang formal ._.v

»» READ MORE..

Jumat, 27 Januari 2012 -

0 komentar

Cara Membuat Burung Twitter di Blog

Halo kawan, kali ini aku mau kasih tau cara menambahkan burung twitter terbang di blog yang kalo di klik bisa langsung ke profil twitter kamu.

Baiklah ini dia step nya :

Login Ke Blogger - Rancangan - Tambah Gadget - HTML/Javascript

Copypaste Script di bawah ini :

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSaBNFvNCAFFA-pQbep-Bsa_XIFq3Q5ve813Rg9N-h0oklDHeQqpD66UGtoxb8kgfT93irAaS6pn4xJWq4c1YQBOQI7q7SoF1UpIkKXiX8BDgGzzYiDaul-emD8eX40lmOE0x-bTpCGqE/"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/faldi_favain";var tweetThisText = "Twitter - faldi_favian http://faldifavian.blogspot.com/";tripleflapInit();</script>

Ganti tulisan yang di cetak tebal berwarna merah (faldi_favian) menjadi ID twitter punyamu dan juga alamat blog ku diganti menjadi alamat blog kamu kemudian save dan jadi deh, burung-burung tweet akan beterbangan di blogmu.

»» READ MORE..

Senin, 14 November 2011 -

0 komentar

Cara mengganti template blog

Log in Blog anda
Rancangan > Edit HTML
download template blog nya, saya beri contoh Di sini
klo sudah di Dowload, Extract File nya
balik lagi ke edit html klik telusuri pilih template tadi yang di extract trus unggah

Semoga Membantu Sob :)

»» READ MORE..

Minggu, 13 November 2011 -

0 komentar

Cara Mengetik Simbol-simbol Seperti ► ™ ♥ ♦ ♣ ♠ ◄ di Komputer

Pada dasarnya dalam mengetik komputer membaca karakter ASCII yang kita inputkan lalu di interpretasi kan ke layar komputer sebagai sebuah karakter. namun ada beberapa karakter yang mungkin belum banyak diketahui berikut adalah daftar table ASCII :

cara penggunaannya adalah sebagai berikut:
sebagai contoh kita akan membuat karakter ™

Tahan Tombol ALT yang ada di keyboard

Menekan nomor kode 0153 pada bagian numlock di keyboard

Lepaskan Tombol ALT

demikian selanjutnya untuk karakter2 yang lain bisa dilihat pada gambar diatas

Note:
untuk pengguna laptop, cara pakainya

aktifkan dahulu tombol numlock nya dengan menekan tombol Fn + NumLk
biasanya yang tersedia (at least di laptop saya) J=1,K=2,L=3,U=4,I=5,P=6,7=7,8=8,9=9,M=0
jika ingin mengambalian cukup tekan Fn + NumLk

»» READ MORE..

0 komentar

Cara Membuat Read More Otomatis pada Template Blogger

Seperti janji minggu lalu ya sob,Pelajaran Blog kali ini akan mengulas dan mengutak atik 'seputar blogger template' yang kita gunakan saat ini.
Betul gan,ini kaitannya 'membuat read more atau tulisan baca selengkapnya' versi kedua.

Beberapa waktu lalu telah diposting cara membuat read more/baca selengkapnya.. secara manual,namun kendalanya bagi blog yang terlanjur sudah memiliki banyak artikel tentu akan banyak makan waktu dan tenaga untuk mengedit satu persatu.

Nah,dengan kombinasi javascript read more yang akan kita ciptakan ini akan tampil otomatis meskipun kita tidak mengeditnya kembali.
Yup,membuat read more/baca selengkapnya otomatis pada blogger adalah tema kita kali ini.
Untuk demonya sobat bisa liat di SINI.

Lalu bagaimana jika saya telah menggunakan read more secara manual?
Tidak perlu cemas gan,karena tinggal ganti kodenya dan jreng!!! :D

Langkah Cara Membuat Read More Otomatis pada Blogger dengan Bahasa Javascript

Ada dua(2) pilihan membuat readmore otomatis / auto read more pada blogger ini sob,yakni read more menggunakan gambar dan hanya menggunakan tulisan.

Untuk pertama kali,seperti biasa ya gan pilih Dashboard,lalu Tata Letak dan Contreng tulisan Expand Widget Templates.
(1)

(2)

(3)

Selanjutnya,cari kode </head>,setelah ketemu tepat dibawahnya letakkan kode javascript berikut:

<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://pelajarandashblogdotblogspotdotcom.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

Kemudian cari kembali kode <data:post.body/> atau <p><data:post.body/></p>

Setelah itu untuk Cara 1.Read More Button Otomatis menggunakan gambar,hapus kode tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>

Sedangkan untuk Cara 2.Read More Button Otomatis hanya berupa text,hapus kode<data:post.body/> atau <p><data:post.body/></p>
tersebut dan gantilah dengan kode berikut:

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'>[ Read More.. ]</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/><br/><p align='right'>
<strong><a href='http://pelajaran-blog.blogspot.com/?cx=partner-pub-7754036656352309%3Aryy79g3xuqq&cof=FORID%3A10&ie=ISO-8859-1&q=toko+online&sa=Search#944'>| <em>Free Bussines?</em> |</a></strong></p></b:if>

Lalu simpan templates dan lihat hasilnya.
Untuk yang terlanjur menggunakan read more secara manual seperti di sini,tinggal hapus kode:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Dan gantilah dengan kode sesuai pilihan sobat diatas,bisa menggunakan cara 1 maupun cara 2.Semoga berhasil dan selamat ngutak-atik template ya

Sumber

»» READ MORE..

Sabtu, 15 Oktober 2011 -

0 komentar

Cara pasang jam di blogger

Banyak sekali sahabat blogger baru yang menanyakan bagaimana cara pasang jam di blogger, aksesoris ini ternyata banyak juga peminatnya terutama kau hawa yang sangat mengetahui akan arti kecantikan yang akan dituangkan dalam sebuah blog. Jujur saya sangat tidak menyarankan untuk memasang jam pada blog kalian, selain bikin lambat page load juga kurang terlalu berguna. Walaupun sudah banyak para blogger yang mengetaui cara pasang jam ini tapi tidak begitu bagi blogger pemula yang baru memulai membuat blog tentu perlu tahapan dan bimbingan jadi gak ada salahnya untuk memasang aksesoris ini jika dirasa berguna :). Layanan gratis aksesori jam sangat banyak, namun kali ini om hanya menjelaskan cara pasang jam menggunakan layanan gratis dan paling banyak digunakan http://www.clocklink.com/

Langkah-langkah pasang jam di blogger sebagai berikut:

1. Klik alamat http://www.clocklink.com/
2. Kemudian pilih tab Gallery atau klik aja disinihttp://www.clocklink.com/gallery.php
3. Pilih Gallery sesuai selera atau tema blog, misalnya sobat memilih animallalu klik link "animal" tersebut
4. Pilih gambar yang ingin sobat gunakan, lalu klik "view html" dibawah gambar jam.
5. Kemudian akan keluar halaman box lisensi dari layanan ClockLink, pilih aja tombol "Accept"
6. Pada halamat box selanjutnya kalian dapat memilih salah satu code, sebaiknya pilih kode yang atas.
7. Copy atau Simpan kode yang telah dipilih untuk sementara waktu
8. Lalu kembali masuk kehalaman blogger, pilih Elemen halaman -> Tambahkan sebuah Elemen Halaman -> pilih HTML/JavaScript -> lalu Copy/Paste code tersebut, dan jangan lupa disimpan
9. Selesai :) dan lihat hasilnya
Contoh jam :

Selamat mencoba dan happy Blogging :)

»» READ MORE..