Membuat Blockquote Keren

Nih langsung tak kasih aja desainnya dan codenya silahkan diambil :

untuk caranya pastekan saja scriptnya diatas kode :

]]></b:skin>

Nih scriptnya :

.post blockquote { background:#FFFFFF url("http://2.bp.blogspot.com/_n7xseT2-HDU/TTfSVR6DdyI/AAAAAAAAArQ/ZtQUl-i6dhU/s1600/blockquote%2Bpelajaran%2Bblog.png") ;
background-position:; background-repeat:repeat-y; margin: 0 10px; padding: 20px 20px 10px 45px; font-size: 0.9em; font: italic 1.2em Georgia,
"Times New Roman", Times, serif; } .post blockquote p { margin: 0; padding-top: 10px}

  
silahkan dimodifikasi scriptnya sesuai kreatifitas, CMIWW!!

Read more »

Cara Menghilangkan Tulisan Beranda, Posting Lama, Langgan Entri di BLOG

Tulisan seperti beranda, posting lama, atau entri atom itu memang mengganggu mata sekaligus pemandangan di dalam Blog kita ya sobat, tapi ada caranya untuk bisa menghilangkan itu semua dengan beberapa cara yang mudah sebenarnya, kalau bisa tapi, hehe, ya sudah langsung saja sobat caranya begini,

Cara menghilangkan tulisan "Langgan : Entri (Atom)".

1. Login ke Blogger.
2. Di halaman Dasbor, pilih Tata Letak.
3. Kemudian pilih Edit HTML.
4. Beri tanda centang pada Expand Template Widget.
5. Cari Kode berikut ini :

<div class='feed-links'> <data:feedLinksMsg/><br /> <b:loop values='data:links' var='f'><br /> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a><br /> </b:loop><br /> </div>

    6.  Hapus (delete) kode tersebut.
    7.  Simpan template.

Cara menghilangkan tulisan Home/Beranda.

Login > Dashboard > Rancangan kemudian pilih Edit HTML, selanjutnya centang tulisan Expand Widget Templates.

Setelah itu cari kode di bawah ini:

<data:homeMsg/>

cara mencari code tersebut, gunakan Ctrl+f kemudian Copas code yang akan di cari tadi pada kotak yang muncul kemudian tekan next.

Terakhir, hapus code tadi kemudian Simpan Template/Save Template.

jika terdapat 2 code , hapus kode yang berada dibagian atas.

Menghilangkan Tulisan Posting Lama/Older Post.

Pergi ke Dashboard,lalu pilih Tata Letak kemudian pilih Edit HTML,selanjutnya contreng tulisan Expand Widget Templates,lalu cari kode di bawah ini:

<data:olderPageTitle/>

<data:newerPageTitle/>

Agar lebih mudah mencarinya,tekan Ctrl+F pada keyboard anda,lalu ketikkan kode tersebut.Jika sudah ketemu,hapus kode tersebut,lalu Simpan Template.

Referensi : sumber

Read more »

Cara Membuat Label/Kategori di Blogspot

Dengan adanya label/kategori memudahkan pembaca/pengunjung dalam mencari artikel yang terkait tanpa harus susah atau kesulihat searching, jadi langsung saja ya sobat! tanpa harus panjang lebar . . . hehe

Langkah-langkahnya ...

1. Buat label pada postingan.
    Pada saat sobat buat membuat entri baru tuliskan label atau kategori apa yang terkait dengan artikel yang        
    sobat tulis.

      

                                                         (sumber gambar : sumber)

2. Buat nama kategori.
    Buat kategori yang sesuai dengan artikel yang sobat tuliskan.

3. Menambah Widget
    Langkah-langkahnya sebagai berikut sobat :

• Pergi ke Layout.
• Klik Add Gadget.

4. Pilih Label Gadget.

    
5. Masukan Judul.

Selesai Sobat !! ^^

Read more »

Cara membuat tulisan bergerak di title bar

Cara membuatnya cukup mudah sobat, kali ini tinggal copy paste juga, hehe, contoh atau demonya bisa di lihat di title blog ini sobat, gak keren sih biasa aja tapi yang penting menarik, hehe, iya gak? ya uda deh langsung aja ya sobat nih caranya ?

• login ke dashbord blog sobat.
• pilih ''RANCANGAN / DESIGN''
• pada halaman ''Element laman'' klik 'Tambah Gadget'
• pilih widget ''HTML/Javascript'' dan tempatkan script berikut didalamnya.
• terakhir klik SIMPAN

Ini script nya sobat :

<script> function tb8_makeArray(n){ this.length = n; return this.length; } tb8_messages = new tb8_makeArray(3); tb8_messages[0] = "WELCOME TO OUR WEBSITE"; tb8_messages[1] = "INFORMATION ABOUT INTERNET"; tb8_messages[2] = "AND THANKS FOR VISITING"; tb8_rptType = 'infinite'; tb8_rptNbr = 5; tb8_speed = 125; tb8_delay = 1000; var tb8_counter=1; var tb8_currMsg=0; var tb8_tekst =""; var tb8_i=0; var tb8_TID = null; function tb8_pisi(){ tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1); document.title = tb8_tekst; tb8_sp=tb8_speed; tb8_i++; if (tb8_i==tb8_messages[tb8_currMsg].length){ tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay; } if (tb8_currMsg == tb8_messages.length){ if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){ clearTimeout(tb8_TID); return; } tb8_counter++; tb8_currMsg = 0; } tb8_TID = setTimeout("tb8_pisi()", tb8_sp); } tb8_pisi() </script>

Catatan:

" pada tulisan yang berwarna hijau tb8_speed = 125 adalah kecepatan teks berjalan pada TITLE BAR, silahkan expresikan sesuai keinginan sobat. :)

script dari temen : http://www.blogtegal.com

Read more »

Cara Memasukkan KODE HTML di Postingan

     Lagi seneng2 nya nulis dan ngeblog gak sengaja ni pengen nulis sesuatu yang beda, hehe, iya aku pengen nulis yang dimana di dalem postingan tersebut aku masukin kode html, rupanya gak bisa sobat kalau kode html tersebut langsung kita masukan di dalem postingan kita, nah caranya kita harus make yang namanya text area sobat, uda muter2 googling buat nyari artikel buat text area akhirnya ketemu ni beberapa referensi buat caranya bikin text area di postingan yang gak ribet menurut aku, ya uda deh, langsung saja ya sobat caranya:

ini contoh text area nya :

<*textarea name="code" rows="3" cols="10" style="background:#0000FF;color:#fff;border:2px inset #FF0000;line-height:1.5em;padding:0 7px;">ISI TEXT/KODE<*/textarea>

caranya copy kodenya terus paste di mana sobat mau tempatin text area nya, caranya saat sobat membuat entri baru sobat pilih mode html, dan jangan lupa tanda bintang nya dihapus.

dan ini beberapa text area lainnya :

<*textarea name="code" rows="3" cols="10" style="background:#808080;color:#000;border:1px solid #0000FF;border-left:20px solid #0000FF;line-height:1.5em;padding:5px;">ISI TEXT<*/textare<hr class="more"> <br /> <br /> <br /> <br /> <br /> <hr class="more" /> <br />

<*textarea name="code" rows="3" cols="20" style="background:#FFFF00;color:#000;border-bottom:4px solid #FF0000;border-right:4px solid #FF0000;border-top:4px solid #0000FF;border-left:4px solid #0000FF;line-height:1.5em;padding:5px;">ISI TEXT/KODE<*/textarea>

<*textarea name="code" rows="3" cols="10" style="background:#daffbf;color:#295F00;border:2px #295F00 dashed;line-height:1.5em;padding:5px;">ISI TEKS/KODE<*/textarea>

<*textarea name="code" rows="3" cols="20" style="background:#ef0090;color:#FFEFF9;border:3px dotted #FFEFF9;line-height:1.5em;padding:5px;">ISI TEKS/KODE<*/textarea>

Semoga postingannya bermanfaat buat sobat yang lagi belajar ngeblog seperti saya, sekian.

sedikit referensi dari : http://blackwater.pun.bz

Read more »

Cara Memasang Widget Burung TWITTER Terbang

Barusan ada yang bagus dan keren dari postingan yang saya baca, yaitu postingan ini. berikut cara membuatnya dan tidak sulit tidak lebih dari satu menit dan hanya dengan copy-paste maka widget twitter dengan icon burung terbang sudah jadi.

Cara Membuat atau Memasang Widget Burung Twitter di Blog :

• Pertama, Klik Design lalu sobat klik Page Element
• Klik Add Gadget dan HTML Javascript
• Copy dan paste kode di bawah ini pada kolom yang tersedia :

<!-- floating twitter Bird --><br /> <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script><br /> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK9UbiSiMqeIns8_6RyluX0txiZnhNaFhJCDBmqgQxf82xfNe7zosGqPmgyp8mi_p2cYGsZpXqyT67es4BI8-SzVRK_2r_sZZKCpiHBKmz6wk9_w49w_-tvCy17emamaLAbP0gsodcBM/s1600/burung+twitter+terbang.png"; 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/Akun Twitter sobat"; var tweetThisText = "Twitter - UserID http://bloggerpeer.blogspot.com/"; tripleflapInit(); </script>

Tambahan :
Ganti http://twitter.com/Akun Twitter sobat dengan Akun URL Twitter sobat

Apakah sobat blogger mau mengganti warna Burung Twitter tersebut? Gampang, sobat blogger tinggal ganti kode https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK9UbiSiMqeIns8_6RyluX0txiZnhNaFhJCDBmqgQxf82xfNe7zosGqPmgyp8mi_p2cYGsZpXqyT67es4BI8-SzVRK_2r_sZZKCpiHBKmz6wk9_w49w_-tvCy17emamaLAbP0gsodcBM/s1600/burung+twitter+terbang.png dengan salah satu kode di bawah ini :

Burung Twitter Warna Kuning

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi9Q97rTzLk7Kvg2ClPKlTQYe1gjntT6u3YmkxPzxdvd7J5YGp7SDzXFoHas2q52bc0bHlYec6a5yMZpxNFujFSJ27UYUoZahjJaDXWIkedAJKxUTPQ4C1ExYc0IzdW7IciHh_ouKNNgc/s1600/yellow+bird.png

Burung Twitter Warna Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6YaZkfhN1TSOqaaOmxnrt_serknV_w_kNCMSjyWN3d86IhltFhUvm3E4A8fAl0M6dgehpG4BjbxWqv4Z4VEwUT5qrTsA3D7UrUxF4XE8blQ36atYUbFiaWuvVFRvEeZj7SfAJtUpf7gs/s1600/black+bird.png

Burung Twitter Warna Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHNI57kS_Tky1fodV0wZj6YCzoRT2z9wAL3hsUoxT8MCJIIm2uMqleKT5aTpg5haoHuliVIQTcOV9azZ0WIxEHGxzpWJ0voWG6uf9puphZCs_4lRxxKyFyC5lYC1RQmPKN2OkVy6Vkal4/s1600/Blue+bird.png

Burung Twitter Warna Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMxZ5ppOTni3vnwmPd_nMVHlYNUpO_F1pOrYNeN75T5RDN2fHSXeiZphKr7Xxc1BQj1snTsu_-e20-1O2bGUoj-cEPJRCbEflsTbAD6aH_8NO9or5aWS7EHtHipwz-QxIgbZeZo7QXKzA/s1600/brown+bird.png

Burung Twitter Warna Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9sU-eoCgrUIydkK1Uy7GBvDZjrtStVWnjDrUBPlUGGSP2x5OKS0EwnW4kuaC929LveQlPtkxvPfNp3QRhYyTR9xg-pFk9ausN4V8NgrOhE6Zzu09FRI6D_kOBZpl1jEkAr_CoGtDCg2Y/s1600/purple+bird.png

Burung Twitter Warna Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnpfykWG-OBp_IXWJo3htgbcaQWialOoM1UKOUdWyeTESHGiugNM6jnmivQY8ubguR0PTGDZSRAXc-MpMule6AHRDcSxqdaZNtYAX26rm-jCMGmbgH7oO1SX40407x-TpStyna8e68C90/s1600/white+bird.png

Burung Twitter Warna Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5Xq40GvHrhfbnXI_CZAPD3kFPHyDsaUZEWop2hBzYj8m0O7HpoJYcInBvhfVJ3a1Lv8jOr_m7hWJOrQ64mzB83kHGHjdatAH6AabiMGitPnC6Mv4eG7qaKDWvC_ulkbUJNU3pN4BP3o/s1600/red+bird.png

Sekian :)
sedikit referensi dari : http://bloggertutorialblog.blogspot.com

Read more »