Tips dan Trik Blogging

Kumpulan Tips dan Trik Computer Networking Blogging

This is Featured Slide 1 Title

This is Featured Slide 2 Title

This is Featured Slide 3 Title

This is Featured Slide 4 Title

This is Featured Slide 5 Title

Auto Hide Navbar Blogger

No comments
Tau donk navbar itu apa...?
Kalo ada yang belum tau, ne screenshotnya :

Nah, walaupun sebenarnya blogspot memberikan fasilitas itu untuk memberikan kemudahan, tapi apapun alasannya banyak para blogger merasa terganggu dengan adanya navbar tersebut, dengan demikian kita harus mengakalinya supaya navbar tersebut menghilang pada saat tidak kita butuhkan.

Berikut adalah langkah-langkahnya :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode berikut body {
4. Setelah ketemu, pastekan kode berikut tepat diatas kode body {

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}
#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}

5. Simpan Template
6. Selesai dan lihat hasilnya...

Semoga bermanfaat.
Share:
Read More

Membuat Huruf Drop Cap

No comments
Untuk membuat tulisan bergaya koran ini, kalian bisa mengikuti langkah sebagai berikut :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode berikut : ]]></b:skin>
4. Setelah ketemu, pastekan kode berikut diatas kode yang berwarna merah.

/* kode untuk drop cap
----------------------------------------------- */
.dropcap {
float:left;
color: #000000;
background:#ffffff;
line-height:80px;
padding-top:1px;
padding-right:5px;
font-family:times;
font-size:100px;
}

5. Jika kalian ingin memasangnya pada posting, maka cara postingnya seperti ini <span class="awal">hurup awal </span>

Contoh:
Drop Cap adalah huruf awal pada suatu kalimat atau tulisan yang biasanya dipakai pada tulisan seperti koran dll.
Share:
Read More

Membuat Judul Blog Bergerak

No comments
Mempunyai Judul Blog yang bergerak maju merupakan sesuatu yang menarik dan tampak indah. Nah, untuk menjadikannya seperti itu ikuti langkah berikut :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Beri tanda centang pada kotak kecil "Expand Template Widget"
4. Cari kode berikut :
<title><data:blog.pageTitle/></title>
kalau sudah ketemu, kamu cek dulu dibawah kode diatas ada kode script seperti dibawah ini atau tidak?

<b:include data='blog' name='all-head-content'/>

kalau ada, hapus kode yang berwarna biru diatas dan ganti dengan Kode script dibawah ini :

<b:include data='blog' name='all-head-content'/>
<script language='JavaScript'>
var txt="Tulis Teks Kamu Disini";
var kecepatan=100;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>


5. Simpan Template

Teks yang berwarna hijau bisa kalian rubah susukanya.
Begitupun juga dengan teks yang berwarna ungu, itu untuk merubah kecepatan berjalannya judul blog.

Semoga Bermanfaat.
Share:
Read More

Memasang Pesan Dibawah Kotak Komentar

No comments
Kalian ingin menambahkan pesan atau kata-kata dibawah kotak komentar ?
Begini caranya :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Beri tanda centang pada kotak kecil "Expand Template Widget"
4. Cari kode <p><data:blogCommentMessage/></p>
5. Tulis pesan dibawah kode diatas.

Contoh :
<p><data:blogCommentMessage/></p>
Blog ini sepi komentar, Silahkan memberi komentar asal jangan yang bernada SPAM, SARA, PORNO ataupun KATA KASAR. :-]

6. Simpan Template

Share:
Read More

Memasang Back To Top Otomatis

No comments
Membuat scrooll bar atomatis naik keatas atau TOP secara otomatis bagi para senior blogger mungkin bukan hal yang sulit, tapi buat para newbie yang benar-benar baru belajar membuat blog mungkin membingungkan. Ya sudah gk usah dipikirin, begini caranya :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode <head>
4. Lalu copy script dibawah ini dan paste tepat di bawah kode <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>

<script src="http://raezen.fileave.com/scrolltop.js" type="text/javascript"></script>

5. Simpan Template.
6. Beres.

Hehe... Gk bingung lagi kan??
Semoga Bermanfaat.
Share:
Read More

Mengganti Favicon

No comments
Buat kalian para newbie, mungkin belum ada yang belum tahu apa itu Favicon. Favicon adalah gambar atau logo kecil sebuah website atau blog yang ada disamping address bar.

Langkah-Langkahnya sebagai berikut :

1. Login ke Blogger
2. Pilih Rancangan - Edit HTML
3. Cari kode </head>
4. Lalu copy script dibawah ini dan paste tepat di bawah kode </head>

<link href="http://Paste link kamu disini.gif" rel="shortcut icon"/>

5. Ganti tulisan yg berwarna biru dengan link gambar kamu
6. Klik Simpan
Share:
Read More

Cara Mendisable Block / Anti Copas

No comments
Mungkin sebagian dari sobat blogger ada seneng kalo artikelnya dicopas ma pengunjungnya dengan ataupun tanpa harus mencantumkan penulis aslinya tapi ada juga yang sama sekali tidak mau artikel atau postingannya dicopas oleh pengunjungnya. Nah bagaimana caranya untuk melindungi blog kita dari copas dengan mendisable block pada blog?

Caranya cukup mudah,
1. Login ke blogger
2. Pilih Rancangan
3. Klik tab Edit HTML
4. Beri tanda centang pada kotak kecil Expand Template Widget
5. Cari kode <head> => Supaya mudah gunakan Ctrl+f
6. Kalau sudah ketemu, Copy Pastekan script yang ada dibawah ini "Persis setelah kode <head> "

<SCRIPT type="text/javascript">
if (typeof document.onselectstart!="undefined") {
document.onselectstart=new Function ("return false");
}
else{
document.onmousedown=new Function ("return false");
document.onmouseup=new Function ("return true");
}
</SCRIPT>

7. Klik Simpan Template
8. Selesai

Cukup mudah bukan...?
Semoga bermanfaat.
Share:
Read More

Cara Membuat Disable Klik Kanan

No comments
Mungkin diantara kalian ada yang belum tau bagaimana cara mendisable klik kanan pada blog dan menggantinya dengan alert box. Begini caranya :
  1. Login ke blogger
  2. Pilih Rancangan - Elemen Halaman
  3. Tambah Gadget
  4. Copy dan paste kode berikut

<script>
var message="GANTI BAGIAN INI";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}}
function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}}
if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}
else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
document.oncontextmenu=new Function("alert(message);return false")


Setelah selesai, jangan lupa menyimpan settingannya.

Semoga bermanfaat.
Share:
Read More

Cursor Bertabur Bintang

No comments
Buat kalian yang ingin mempunyai cursor yang bertaburan pada blognya, caranya cukup mudah, berikut langkah-langkahnya :

1. Login ke Bloger
2. Klik tab Rancangan - Elemen Halaman
3. Pada elemen halaman, klik Tambah Gadget, pilih HTML/Javascript.
4. Copy salah satu kode di bawah ini, lalu letakkan di gadget yang tadi.

* Bintang yang bertaburan berwarna "Coklat"
<script src="http://h1.ripway.com/ichal13/bintangcoklat.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "hijau"
<script src="http://h1.ripway.com/ichal13/bintanghijau.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "hitam"
<script src="http://h1.ripway.com/ichal13/bintanghitam.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "kuning"
<script src="http://h1.ripway.com/ichal13/bintangkuning.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "maroon"
<script src="http://h1.ripway.com/ichal13/bintangmaroon.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "merah"
<script src="http://h1.ripway.com/ichal13/bintangmerah.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "orange"
<script src="http://h1.ripway.com/ichal13/bintangorange.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "pink"
<script src="http://h1.ripway.com/ichal13/bintangpink.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "putih"
<script src="http://h1.ripway.com/ichal13/bintangputih.js" type="text/javascript"></script>


* Bintang yang bertaburan berwarna "ungu"
<script src="http://h1.ripway.com/ichal13/bintangungu.js" type="text/javascript"></script>


5. Simpan Settingannya

Artikel ini Diadaptasi dari ichalcyutebeud.co.cc
Share:
Read More

Kode Warna HTML

No comments
WarnaContohKode
Antique_white#FAEBD7
azure#F0FFFF
Bisque#FFE4C4
blanched_almond#FFEBCD
cornsilk#FFF8DC
eggshell#FCE6C9
floral_white#FFFAF0
gainsboro#DCDCDC
ghost_white#F8F8FF
honeydew#F0FFF0
ivory#FFFFF0
lavender#E6E6FA
lavender_blush#FFF0F5
lemon_chiffon#FFFACD
linen#FAF0E6
mint_cream#F5FFFA
misty_rose#FFE4E1
moccasin#FFE4B5
navajo_white#FFDEAD
old_lace#FDF5E6
papaya_whip#FFEFD5
peach_puff#FFDAB9
seashell#FFF5EE
snow#FFFAFA
thistle#D8BFD8
titanium_white#FCFFF0
wheat#F5DEB3
white#FFFFFF
white_smoke#F5F5F5
zinc_white#FDF8FF
WarnaContohKode
cold_grey#808A87
dim_grey#696969
grey#C0C0C0
light_grey#D3D3D3
slate_grey#708090
slate_grey_dark#2F4F4F
slate_grey_light#778899
warm_grey#808069
WarnaContohKode
black#000000
ivory_black#292421
lamp_black#2E473B
WarnaContohKode
alizarin_crimson#E32636
brick#9C661F
cadmium_red_deep#E3170D
coral#FF7F50
coral_light#F08080
deep_pink#FF1493
english_red#D43D1A
firebrick#B22222
geranium_lake#E31230
hot_pink#FF69B4
indian_red#B0171F
light_salmon#FFA07A
madder_lake_deep#E32E30
maroon#B03060
pink#FFC0CB
pink_light#FFB6C1
raspberry#872657
red#FF0000
rose_madder#E33638
salmon#FA8072
tomato#FF6347
venetian_red#D41A1F
WarnaContohKode
beige#A39480
brown#802A2A
brown_madder#DB2929
brown_ochre#87421F
burlywood#DEB887
burnt_sienna#8A360F
burnt_umber#8A3324
chocolate#D2691E
deep_ochre#733D1A
flesh#FF7D40
flesh_ochre#FF5721
gold_ochre#C77826
greenish_umber#FF3D0D
khaki#F0E68C
khaki_dark#BDB76B
light_beige#F5F5DC
peru#CD853F
rosy_brown#BC8F8F
raw_sienna#C76114
raw_umber#734A12
sepia#5E2612
sienna#A0522D
saddle_brown#8B4513
sandy_brown#F4A460
tan#D2B48C
van_dyke_brown#5E2605
WarnaContohKode
cadmium_orange#FF6103
cadmium_red_light#FF030D
carrot#ED9121
dark_orange#FF8C00
mars_orange#964514
mars_yellow#E3701A
orange#FF8000
orange_red#FF4500
yellow_ochre#E38217
WarnaContohKode
aureoline_yellow#FFA824
banana#E3CF57
cadmium_lemon#FFE303
cadmium_yellow#FF9912
cadmium_yellow_light#FFB00F
gold#FFD700
goldenrod#DAA520
goldenrod_dark#B8860B
goldenrod_light#FAFAD2
goldenrod_pale#EEE8AA
light_goldenrod#EEDD82
melon#E3A869
naples_yellow_deep#FFA812
yellow#FFFF00
yellow_light#FFFFE0
WarnaContohKode
chartreuse#7FFF00
chrome_oxide_green#668014
cinnabar_green#61B329
cobalt_green#3D9140
emerald_green#00C957
forest_green#228B22
green#00FF00
green_dark#006400
green_pale#98FB98
green_yellow#ADFF2F
lawn_green#7CFC00
lime_green#32CD32
mint#BDFCC9
olive#3B5E2B
olive_drab#6B8E23
olive_green_dark#556B2F
permanent_green#0AC92B
sap_green#308014
sea_green#2E8B57
sea_green_dark#8FBC8F
sea_green_medium#3CB371
sea_green_light#20B2AA
spring_green#00FF7F
spring_green_medium#00FA9A
terre_verte#385E0F
viridian_light#6EFF70
yellow_green#9ACD32
WarnaContohKode
aquamarine#7FFFD4
aquamarine_medium#66CDAA
cyan#00FFFF
cyan_white#E0FFFF
turquoise#40E0D0
turquoise_dark#00CED1
turquoise_medium#48D1CC
turquoise_pale#AFEEEE
WarnaContohKode
alice_blue#F0F8FF
blue#0000FF
blue_light#ADD8E6
blue_medium#0000CD
cadet#5F9EA0
cobalt#3D59AB
cornflower#6495ED
cerulean#05B8CC
dodger_blue#1E90FF
indigo#082E54
manganese_blue#03A89E
midnight_blue#191970
navy#000080
peacock#33A1C9
powder_blue#B0E0E6
royal_blue#4169E1
slate_blue#6A5ACD
slate_blue_dark#483D8B
slate_blue_light#8470FF
slate_blue_medium#7B68EE
sky_blue#87CEEB
sky_blue_deep#00BFFF
sky_blue_light
#87CEFA
steel_blue#4682B4
steel_blue_light#B0C4DE
turquoise_blue#00C78C
ultramarine#120A8F
WarnaContoh

Kode

blue_violet#8A2BE2
cobalt_violet_deep#91219E
magenta#FF00FF
orchid#DA70D6
orchid_dark#9932CC
orchid_medium#BA55D3
permanent_red_violet#DB2645
plum#DDA0DD
purple#A020F0
purple_medium#9370DB
ultramarine_violet#5C246E
violet#8F5E99
violet_dark#9400D3
violet_red#D02090
violet_red_medium#C71585
violet_red_pale#DB7093
Share:
Read More

Widget Jam Untuk Blog

No comments

Bagi kalian yang belum punya widget jam pada blognya, berikut adalah berbagai macam kode html / javascriptnya.

Caranya seperti biasa :

  1. Login ke Blogger
  2. Pilih Rancangan
  3. Tambah Gadget
  4. Pilih HTML/Javascript
  5. Copy-Paste salah satu kode dibawah ini

JERUK ANALOG CLOCK


<embed src=http://fc02.deviantart.com/fs48/f/2009/196/1/3/appleanalogclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>


JERUK DIGITAL CLOCK


<embed src=http://fc08.deviantart.com/fs49/f/2009/196/a/7/appledigitalclock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=120 height=140 wmode=transparent></embed>


SPONGEBOB CLOCK



<embed src=http://fc01.deviantart.com/fs45/f/2009/139/2/6/Spongebob_Clock_by_blogclocks.swf quality=high pluginspage=http://www.macromedia.com/go/getflashplayer type=application/x-shockwave-flash width=150 height=127 wmode=transparent></embed>



SQUIDWARD CLOCK



<embed src="http://fc03.deviantart.com/fs48/f/2009/189/1/e/clockwidget_by_blogclocks.swf?c=0x99e2ff&p=http%3A%2F%2Fi41%2Etinypic%2Ecom%2F11rydfq%2Ejpg&a=20&s=1&r=1" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="120" height="120" wmode="transparent"></embed>


GARUDA CLOCK

<p align="center"><embed menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" swliveconnect="true" quality="best" allowscriptaccess="sameDomain" loop="false" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&gig_n=blogger" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&__view=expanded" height="205" type="application/x-shockwave-flash" width="205" wmode="transparent"> </embed></p>


MOSLEM CLOCK








<img style="visibility:hidden;width:0px;height:0px;" border=0 width=0 height=0 src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyODg2MjIyMTQyODEmcHQ9MTI4ODYyMjIyMzcxOCZwPTIzODk4MSZkPUlzbGFtaWMlMjBDbG9jayUzYSUyMGRpZ2l*/YWwtY2xvY2stb3JuYW1lbnQtYnV*dG9uLTAxJmc9MSZvPWNkZjZhMjU3MmE1ZjQzYjc5MTM1Y2Y5MmNjNjAwNTIwJm9mPTA=.gif" /><div style="margin:0px auto;text-align:center;width:175px;height:100px;float:left;"><embed src="http://www.widgipedia.com/widgets/alhabib/Digital-Clock-Islamic-Ornamental-Button-3409-8192_134217728.widget?__install_id=1288622082251&__view=expanded" width="175" height="100" flashvars="&col1=b7c628&col2=000000&col3=eeffcc&tzoffset=p420&gig_lt=1288622214281&gig_pt=1288622223718&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>


Nah kalau kalian sudah memilih salah satu dari widget jam diatas dan menyimpannya, kalian lihat aja hasilnya. Semoga bermanfaat.
artikel ini diadaptasi dari ichalcyutebeud.co.cc
Share:
Read More

Membuat Blog di Blogger / Blogspot

No comments

Hallo sob,

Potingan kali ini mungkin saja adalah postingan yang paling ringan dan tidak begitu berbobot, tapi abie berharap ini akan bermanfaat bagi para newbie yang benar-benar belum tau cara membuat blog pada blogger atau blogspot.


Ok, basa basinya gk usah terlalu panjang, kita langsung saja ke TKP...

  1. Login ke blogger.com
  2. Pastikan kalau kalian sudah mempunyai account google / gmail. Kalau belum punya klik disini
  3. Setelah masuk ke blogger, klik memulai

  1. Setelah itu, isi form isian yang tersedia, seperti alamat email ( gmail ) yang telah anda buat sebelumnya, password yang akan digunakan ( boleh berbeda dengan password gmail ), nama tampilan dan verivikasi kata dll. Setelah form terisi semua, jangan lupa beri tanda centang pada "Saya menerima Persyaratan dan Layanan" lalu klik Lanjutkan
  2. Pada tampilan selanjutnya, kalian akan diminta untuk memilih template awal. Pilihlah sesuai dengan tema blog kamu atau yang manapun yang kalian suka.
  3. Setelah itu, blog kalian sudah siap.
  4. Silahkan dandani blog baru kalian dengan gadget yang menurut kalian perlu.
  5. Cobalah kalian menulis sesuatu pada tab Posting. Lalu lihatlah hasil tulisan dan tampilan blog baru kalian.

Mungkin itu saja tutorial singkat untuk membuat blog pada blogger / blogspot.

Semoga bermanfaat.

Share:
Read More

Recent Posts

3/recent/post-list

Popular Posts

  • Membuat Blog di Blogger / Blogspot
    Hallo sob, Potingan kali ini mungkin saja adalah postingan yang paling ringan dan tidak begitu berbobot, tapi abie berharap ini akan berm...
  • Membuat Judul Blog Bergerak
    Mempunyai Judul Blog yang bergerak maju merupakan sesuatu yang menarik dan tampak indah. Nah, untuk menjadikannya seperti itu ikuti langkah ...
  • Setting Modem Untuk Telkom Speedy
    Informasi setting modem yang digunakan untuk layanan Telkom Speedy Adsl Modem SMC Default IP: 192.168.2.1 Default password: smcadm...

Categories

Recent Posts

Label Cloud

ABOUT (1) Internet (1) Tutorial Blog (12)

Maklumat

Apabila ada pertanyaan tentang tips dan trik maupun tutorial yang berkaitan dengan komputer, jaringan dan bloging, silahkan sampaikan melalui komentar. Kami akan membantu semaksimal mungkin atas permasalahan sobat semua.