Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan
Tampilkan postingan dengan label Blog Tutorial. Tampilkan semua postingan

Top Ping Services untuk Blog dan Websites

Posted by admin in

http://pingomatic.com
http://submiturl.com/ping-site
http://www.mypagerank.net/service_pingservice_index
http://www.pingler.com/
http://feedshark.brainbliss.com/
http://www.blogbuzzer.com/
http://pingoat.com/
http://www.ping.in/index.php

Membuat Text Berkedip

Posted by admin in

Pada bab ini akan saya coba jelaskan bagaimana cara membuat teks di postingan menjadi berkedip-kedip.
Tapi sebelumnya alangkah baiknya jika anda semua tau fungsi dari teks berkedip tersebut antara lain:
1. Untuk memberikan fokus kepada pembaca. Artinya kita memberi tahu pembaca bahwa isi dari teks tersebut penting dan dianjurkan untuk dibaca.
2. Mempercanti tampilan. Agar pembaca blog kita tidak bosan dengan tampilan posting kita yang monoton itu2 aja, selain kita juga bisa memberikan sentuhan warna.
3. Ummm ahh pokonya banyak deh dungsinya. ^_^V
Caranya cukup mudah. Kita hanya perlu menambahkan kode <blink>[TEKS]</blink>
Contohnya seperti kode di bawah ini :
<blink>Ini Contoh Teks Berkedip</blink>

Hasilnya akan seperti di bawah ini :

Ini Contoh Teks Berkedip

Cukup mudah bukan?
Dengan begini anda bisa lebih berkreasi lagi dengan memodifikasinya atau memadukannya dengan efek marquee yang bisa dibaca pada postingan saya disini dan disini

Auto Hide Navbar

Posted by admin in

Pertanyaan pertama : Apa sih sebenernya Navbar itu??
Navbar kependekan dari Navigation Bar yang artinya cokelat panas!
Waduh kok cokelat panasku kebawa di postingan huehuehe
yahh maksudnya sih menu yang berada di atas halaman blog itu lohhh...yang ada logonya blogger itutuuhhh...
heuhuee
biasanya hal tersebut sedikit mengganggu karena cukup memakan tempat sekitar 30px.
untuk template baru dari pihak ketiga biasanya navbar blogger ini dihilangkan. Tetapi saat sekarang ini tersebar isu dimana pihak blogger menghapus blog2 yang menghilangkan navbarnya seperti itu.
Kalau anda takut blog anda (hidup anda) dihapus begitu saja oleh blogger maka tak ada salahnya mencoba cara ini.
Pertama Log in blogger kamu kemudian tataletak > edit HTML.
setelah itu cari kode (CTRL+F)

#navbar-iframe
{height:0px; visibility:hidden; display:none;}

(biasanya kodenya seperti itu)
kemudian hapus yang berwarna merah dan ganti 0px menjadi 30px.
Cara diatas digunakan untuk memunculkan navbar blogger yang dihilangkan oleh pihak pembuat template.
lalu cari kode</head> dan paste kode dibawah ini tepat di atasnya.

#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}

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


Dengan cara ini, selain navbar tidak memakan tempat, kita juga tak perlu cemas blogger akan menghapus blog kita.

Ahhh....Cokelat Panas kuuuu!

Menghilangkan Sidebar pada Halaman Tertentu

Posted by admin in

Kadang ada juga temen2 yang butuh cara buat memperlebar area posting. It means that we need to remove the sidebar/s. So if we click at posttitle, the main bar will be automatically larger than before and the sidebar/s will bedisapear. How Can We Do That?? Is that difficult??
mm..Not at all! If you Follow my instruction, it will be easy!
now i will explain you step by step.

  1. Log on your Blogger
  2. Klik Tata Letak, Edit Html
  3. Find </head>
  4. put this code right above
    <b:if cond='data:blog.pageType != "index"'>
    <style>
    #rcol1{
    display: none !important;
    }
    #rcol2{
    display: none !important;
    }
    #lcol{
    width: 900px;
    }
    </style>
    </b:if>
  5. Save Changes and done.
Notes:
1. the red code means CSS codes of Your template's side bars.
2. The blue code means CSS code of your template's main bar.
3. The Green code means the width of your main bar after.

Berikut ini juga saya sampaikan macam2 kode (b:if cond) yang saya tahu.
Silakan baca disini.

Menampilkan halaman berbeda

Posted by admin in

Sebagai blogger seorang blogger, sudah hal wajib dan menantang untuk mengotak atik template blog kita. Tujuannya tak lain dan tak bukan untuk mempercantik tampilan blog agar pengunjung bisa betah berlama-lama di blog kita. Nahh...kalau blog kita terlalu penuh dengan widget yang gk penting2 amat a.k.a kurang mendukung suatu blog pengunjung akan malas untuk ber explore di blog kita karena mungkin bikin pusing atawa tampilannya kurang well.
untuk mengatasi hal tersebut sebenarnya kita bisa memilih2 widget mana yang akan kita tampilkan or disembunyikan pada laman2 tertentu saja.
Misal saja kita menginginkan untuk menampilkan suatu widget hanya tampil pada halaman depan/homepage saja. Caranya adalah:
Pertama Login Blogger masuk ke Tata Letak > Edit HTML setelah itu ceklis box pada Expand Widget Templates lalu cari (ctrl+f) letak widget kamu berada. misalnya kita hendak menunjukkan "Shoutbox" pada halaman muka saja.
maka anda harus mencari kode seperti di bawah ini:

<b:widget id='HTML1' locked='false' title='Shoutbox' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
dan dengan menambahkan kode &ltb:if cond='data:blog.url == data:blog.homepageUrl'> setelah kode warna merah dan menambahkan kode </b:if> setelah kode warna biru.
berikut ini adalah macam2 kode yang bisa digunakan :
Menampilkan Widget pada Hompage
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Menampilkan Widget pada Halaman Posting
<b:if cond='data:blog.pageType == "item"'>
Menampilkan Widget pada Halaman Arsip
<b:if cond='data:blog.pageType == "archive"'>
Menampilkan Widget pada Halaman Static
<b:if cond='data:blog.pageType == "static"'>
Menampilkan Widget pada Halaman Tertentu
<b:if cond='data:blog.url == "[alamatpostingan]"'>
  • Peletakkannya sama seperti contoh di atas.
  • Jika anda menghendaki hasil yang sebaliknya, maka anda tinggal mengganti tanda "= =" menjadi "!=". Contoh anda ingin menampilkan widget selain di halaman hompage, maka ganti kode <b:if cond='data:blog.url == data:blog.homepageUrl'> dengan kode <b:if cond='data:blog.url != data:blog.homepageUrl'>

Cukup sederhana bukan??
Semoga Berhasil!!

Cara Sakti Tingkatkan Traffic Blog

Posted by admin in

Trrafic,mungkin yang paling diperlukan seorang blogger saat ini adalah traffic. Malu bukan jika ada orang yang masuk dan melihat traffic blog kita menyentuh angka 20juta? Selain itu beberapa bisniis mengharuskan traffic kurang dari ketentuan yang ditetapkan dan juga tanpa traffic artinya duit tidak akan mengalir di blog kita.
Banyak memang cara meningkatkan traffic,dari mulai mendatangkan pengunjung palsu dengan proxy berbeda sampai dengan software pengencer traffic alexa. Nah.saya punya satu cara terbaru untuk meningkatkan traffic sekaligus alexa rank. Berikut caranya (tolong diikuti langkahnya):
1. Click HERE
2. Scroll Down to the bottom
3. click the thumbnails 1 by 1
4. Once Opened, you can see a code on top
5. copy the code, close the thumbnail then paste it in the box under
6. Scroll down
7. Fill your identity
8. then Summit
9. check your email
10. Follow the instruction in your email.
Nah saat selesai langkah 10 adalah awal untuk mendapat banyak traffic. Lalu buat tulisan artikel seperti ini lalu posting di blog kamu.atau kalau malas menuulis bisa copy paste punya saya ini.(hati hati dalam coas,tolong dicantumkan sumbernya, soalnya google benci artikel copy paste dan blog kamu akan di cap jelek oleh penguasa dunia maya itu). Lalu sebarkan artikel postingan kamu itu kemana mana sebanyak banyaknya.

Membuat ID Paypal

Posted by admin in

Paypal bisa jadi sudah menjadi kebutuhan pokok bagi blogger maupun pebisnis2 maya jaman sekarang ini. Selain simpel, paypal ini juga sangat berguna untuk kepentingan pembayaran melalui internet. Misal beli hostingan, domain, mobil, pesawat, monas (walahh Ndak jin nak manusia matre kabeh). Pokoknya segala tetek bengek yang dibutuhkan pebisnis internet bisa dengan mudah didapatkan melalui Paypal ini. Nahh bagi temen2 yang belum mengerti sistem Paypal ini akan saya coba paparkan sebagai berikut.

Syarat umum :
1. Pemegang account min.18thn
2. Mempunyai E-mail yang valid
3. Mempunyai rekening bank ataupun Kartu kredit
Cara Pendaftaran :
1. Masuk ke situs resmi Paypal
2. Klik Sign up pada pojok kana atas
3. Choose 1 of 3 paypal types. I Recommend Premier
4. Isikan informasi tentang anda

[Harus sesusai dengan informasi pada kartu kredit/bank account anda]

5. Ikuti langkah selanjutnya.
Once it's done, you will asked to verify your account. You can follow step by step, Dont forget to Type down your right card's number.

Ziddu vs Sharecash

Posted by admin in

Saya anggap temen2 semua udah pada tau ZIDDU ataupun SHARECASH.
bagi yang belum tau saya akan sedikit menjelaskan.
Baik ZIDDU ataupun SHARECASH. merupakan sebuah free file hosting (tempat upload file ke internet >,<) yang memiliki sedikit kesamaan. Yakni kita akan dibayar setiap kali file kita didownload oleh orang lain. Bedanya adalah jumlah yang dibayarkan ZIDDU akan memberikan kita $ kira2 $0.0001 untuk setiap file yang didownload sedangkan SHARECASH akan memberikan kita sebanyak 25cents per file yang didownload!

WOW!
Aanya yang wow!! masih kurang??
hohoooo ndak tau kenapa ya tapi pihak SHARECASH entak kenapa saat ini menaikkan hadiah nya menjadi 40 cents per file ... ITU BARU WOWW!
selain kita dapat hostingan gratis, kita bisa dapat earning sebegetonya.
waduh...kok SHARECASH yg kekna digembor2in sih..
bukan gitu sob,,tetep ada kekurangannya.
SHARECASH mengharuskan melakukan survey terlebih dahulu sebelum sebuah file dapat didownload. Hal itu tentu sangat menggagu karena memakan waktu yang lumayan lama. Kita diharuskan mengisi sebuah "blanko" terlebih dahulu.
Tapi ya hal terebut merugikan bagi orang yang mau download, kalok orang yg hosting sih fine2 aja! ya gak??

Disini saya cuma mencoba memberikan sedikit info buat temen2 semua. Keputusan mau pakek yang mana sih terserah anda!
Yang pasti anda diharuskan melakukan register serta menentukan cara payment nya, apakah lewat paypal ataupun google.
Sekian!

Mengganti Mouse/Pointer/Cursor

Posted by admin in

Mungkin teman-teman sudah mulai bosan dengan bentuk pointer yang itu itu aja setiap kali anda membuka blog/site anda.
Bagi teman-teman yang ingin mengganti pointer atau cursor mouse untuk blognya saya punya solusinya.

Emang bisa diganti??
tentu saja bisa..asal tau caranya.
oke i will tell you the way to change your blog's pointer.
1. you can find the web serving pointers at google keyword: free cursors, etc.
dengan cara itu pastinya akan ketemu banyak sekali website yang menyediakan pointer untuk dipasang ke dalam blog nantinya.
or
2. visit Totally free cursors or Cursor-4u and find out what you want.
Situs ini menyediakan double base of pointer. So if you are choosing cursor with axtention *.ani (animated cursor) and didnt work for such engine like firefox, it will replaced by the other extention (non-animated).
3. Choose the cursor by the category.
4. click for what you prefer.
5. scroll down and find the html codes thena copy it.
6. sign up blogger
7. Edit HTML
8. Place the code before </body> code.
9. save changes.
Enjoyyy
Mudah kan bang???

Membuat Marquee (teks Berjalan) di Blog #2

Posted by admin in

Setelah sebelumnya saya menjelaskan tentang bangaimana cara membuat efek marki pada teks dengan variasi gerakan, pada kesempatan ini saya menyempatkan diri untuk memberi kesempatan kepada pembaca yang sempat mampir di blog saya! (opo toh??).

Bagian kedua ini akan membahas tentang efek marki berdasarkan sifat gerakan dimana jika mouse/pointer diletakkan diatas teks maka gerakan teks akan berhenti. Dan jika pointer digeser kembali menjauhi teks maka gerakan teks tersebut akan kembali seperti semula.

Waduh Kok kayaknya susah ya??
You don't have to be worry! Coz I'm going to give you the shortest way to make it!
What You have to do is perhatikan my instruction dan follow plus praktekan live on to your PC!

Akan saya berikan contoh kodenya:


<b>
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="50%" height="200" align="center">

Coba Arahkan Pointer anda pada Teks!

</marquee>
</b>



Dan hasilnya adalah seperti ini:




Coba Arahkan Pointer anda pada Teks!



Cukup mudah bukan??
You only have to exchange the codes with another codes and play your creation!


Anda bahkan bisa menyisipkan link/portal di dalam marki tersebut sehingga akan sangat membantu anda dalam mempercantik tampilan blog anda!

Wahh Kok susahh ya kayaknyaa!

Jangan khawatir baangg!
Akan saya berikan contohnya dibawah ini!

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://543-eagle.blogspot.com/2010/03/membuat-faviconlogo-blog.html" target="new">Membuat Favicon</a><br/>
<a href="http://543-eagle.blogspot.com/2010/03/ganti-template-blog.html" target="new">Ganti Template Blog </a><br/>
<a href="http://543-eagle.blogspot.com/2010/03/membuat-bullet-icon-di-blog.html" target="new">Membuat Bullet</a><br/>
</marquee>



akan menjadi seperti ini:




Membuat Favicon

Ganti Template Blog

Membuat Bullet


Dan jika anda mengklik teks diatas maka anda akan diarahkan ke halaman yang berbeda!
Just Remember to never give up on all the way you're walking!
Look Ahead And hold On tight!!!

Membuat Marquee (teks Berjalan) di Blog #1

Posted by admin in

Marquee?? Makanan Apaan tu Bang??
Itu makanan khas JOGJA, Sejenis Apem! Nggak mungkin laahh!
Marquee itu adalah program HTML yang bisa membuat teks bisa bergerak atau berjalan. <--Kata Kang Rohman

atau Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung”. <--Kata Bang Ari


Sebenarnya bukan hanya teks saja yang bisa di Marquee (biar lidah sampeyan nggak keseleo baca aja Marki), bahkan gambar/foto dan Title Web/blog pun dapat di marki.
Untuk itulah mengapa marki ini sangatlah banyak diminati oleh para blogger yang notabene juga merupakan "surferer". Kode marki dapat digunakan untuk mempercantik blog karena sifatnya yang dinamis dan pastinya enak diliat.

untuk membuat efek Marki ini dari yang paling ringan saja contohnya tag berikut ini:

<marquee align="center" direction="right" scrollmount="3" height="30px" width="360px"> MARKI KE ARAH KANAN </marquee>

Maka akan menjadi yang seperti ini:



MARKI KE ARAH KANAN

  • Direction untuk mengatur arah gerak dari teks (right, Left, Up dan Down)
  • Scrollmoung untuk mengatur kecepatan gerak teks. Semakin besar angka, gerakan akan semakin cepat

FAhim Tum???


Oke Lanjut,, Kali ini marki teks dengan meletakkan background warna di belakangnya:

Contohnya:

<div align="left"><font face="georgia" color="Red"><marquee bgcolor="green" width="70%" scrollamount="2" direction="Left">
Ini Untuk Marquee Dengan BackGround
</MARQUEE></font></div>


Hasilnya akan seperti:


Ini Untuk Marquee Dengan BackGround

bgcolor merupakan kode untuk menentukan warna background.
Fahim Tum??


Lanjut Lagi mang??
Okelahh Kalog Beg beg beg begituu (Warteg boyz Cuyy).

Selanjutnya merupakan marki teks dengan atribut "behavior" untuk mengatur jenis dan pola gerakan dan perilaku teks.
Waduh saya kok bingung ya mas??
Wedewww...maksud 'ane, gerakan dalam marquee teks itu ndak cuma ke kanan, kiri atas ama bawah aja. Saya kasi contoh aja deh ya dari pada ribet-ribet.


Kode Di bawah ini

<marquee align="center" behavior="alternate" direction="right" height="30px" scrollamount="3" width="360px">

Ini Contoh Fariasi Gerakan Marki

</marquee>


Akan membentuk marki dibawah ini




Ini Contoh Fariasi Gerakan Marki


Seperti yang anda lihat, dengan menambah kode behavior dapat menentukan perilaku gerakan teks.
  • Behavior="scroll" anakn membuat teks bergerak berputar.
  • Behavior="alternate" akan membuat teks bergerak memantul.
  • Behavior="slide" akan membuat teks bergerak sekali saja lalu berhenti.


Guampaangg kuaan??? (hadehh cuapeknyaa)

Untuk Yang selanjutnya akan saya sambung lagi ke postingan ke#2 mengenai marquee pada teks!

Membuat favicon/logo blog

Posted by admin in

Pada postingan kali ini saya akan mencoba membahas tentang Favicon.

Apaan tuh??
Wedew...gk sabaran amit ni si akang...oke2..
Favourite Icon atau Favicon merupakan gambar iconic yang akan terlihat di sebelah kiri halaman web. Misalnya pada www.blogger.com akan terlihat gambar icon seperti
pada bagian kiri alamat web tersebut.

Lahh...Apa bisa kita ganti sama gambar icon lain??
Tentu saja bisa!
Caranya cukup mudah,,yang anda perlukan hanya gambar (calon favicon) untuk blog anda kemudian host foto/gambar seperti Photobucket ayaupun Imageshack
(Saran: Mendingan lewat Imageshack aja,,ndak perlu registrasi dan segala tetek bengeknya.)
Setelah ditentukan hostnya, upload gambar calon favicon tadi kemudian copy linknya. Contohnya adalah

<link href='http://img145.imageshack.us/img145/9273/sunny.gif' rel='shortcut icon'/>

Kemudian dilanjutkan dengan Log in Blog Dengan Id Blog Anda.
Pilih Tata letak, Edit HTML.
Cari kode </head> lalu paste kode favicon anda tepat di atas kode </head> tersebut sehingga susunannya akan menjadi seperti:

<link href='http://img145.imageshack.us/img145/9273/sunny.gif' rel='shortcut icon'/>
</head>


Simpan Template Dan Enjoy Your New Favourite Icon!
  • Kode </head> bisa dicari dengan menekan kombinasi CTRL
    +F kemudian anda ketikan </head> dan enter (firefox).
  • Kode Merah merupakan link tempat gambar calon FAvicon anda disimpan

Membuat Bullet icon di Blog

Posted by admin in

The Liutenant Said that A bullet is a projectile propelled by a firearm, sling, or air gun.
But I said that bullet means bundar (YA ngaak laah).
Bullet yang saya maksud adalah penomoran poda kalimat bersusun ($lt;ul> dan <li>). Jika masih belum jelas bisa anda lihat gambar disamping tulisan di dalam scroll box Tutorial Blog saya yang ada pada sidebar. Di situ terlihat adanya penampakan sesosok makhluk hijau mringis yang gk jelas (gw jg binung itu apaan :P). Itulah bullet yang saya maksud.
Cara pembuatannya cukup mudah.
1. Log in dengan Id blog anda > Tata Letak > Edit HTML.
2. Temukan kode
#lateral1 li {
margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 12px; background: url("http://img530.imageshack.us/img530/6597/160325smilie.png") no-repeat left top; border-bottom: none;
}

(cara gampangnya teken CTRL+F)
Tulisan warna merah adalah direct link gambar anda yang sudah anda upload. Jika belum jelas masalah hosting gambar klik disini.

Waduh...Kode Lateralku Kok gk ada??
Jangan khawatir...masih ingatkah anda dengan kata-kata Kakek anda: Banyak jalan menuju Roma? (jangan khawatir maksud saya :P)
Caranya, anda tinggal menambahkan kode Js berikut ke dalam CSS Kode HTML template anda:
.main ul {
list-style:none;
margin:0 0 1.25em;
padding:0;
}
.main ul li {
background:url("http://img530.imageshack.us/img530/6597/160325smilie.png") no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:3px;
padding-$startSide:16px;
margin-bottom:3px;
line-height: 1.2em;
}

dan setian anda membuat postingan dengan "format" <ul><li>, maka secara otomatis teks tersebut akan terdapat bullet di bagian depan (sebagai ganti nomor)

Membuat Bullet Biasa

Posted by admin in

Masih ingatkah anda dengan pelajaran komputer SMP?
Pastilah anda diajarkan cara-cara pembuatan penomoran bukan? (bahasaku rek :P)

Aduhhh SMP dulu tuh Di Pelosok, Jadi Belum ada Komputer-komputeran. Gmn dong??
Wah janganlah anda berkecil hati sodaraku. Coz im here helping you the way now!
Akan saya ulangi dari pelajaran SMP (kasian banget lu).
Penomoran dibagi menjadi dua. Pertama, Bullet kedua Numbered.
Numbered itu penomoran dengan angka. Sementara Bullet adalah penomoran dengan menggunakan simbol-simbol tertentu seperti kotak,,bundar, dll.
NAHHHH...Fahim Tum?? (Kalok Kata guru agama SMP ku, Pak Mushlih. Artinya PAHAM??. Nah kalok anda paham,,anda harus jawab Fahim Na!!---Penting gk sih?)

Akan saya berikan contoh penomoran dengan bullet bundar.

<ul type="circle">
<li>Teks 1</li>
<li>Teks 2</li>
<li>Teks 3</li>
<li>Teks 4</li>
<li>Teks 5</li>
</ul>


Maka Jadinya akan seperti ini
  • TEks 1
  • TEks 2
  • TEks 3
  • TEks 4
  • TEks 5

Sekarang dengan bullet kotak

<ul type="square">
<li>Teks 1</li>
<li>Teks 2</li>
<li>Teks 3</li>
<li>Teks 4</li>
<li>Teks 5</li>
</ul>


Maka jadinya seperti ini
  • TEks 1
  • TEks 2
  • TEks 3
  • TEks 4
  • TEks 5

Mudah bukan?? Jelas mudah dong lhawong cuman ngeganti tulisan Circle Sama Square doang kok!
Kalok anda masih tidak faham dengan penjelasan saya di atas anda tinggal jawab La Fahim Na

Ganti Template Blog

Posted by admin in

Template merupakan sesuatu yang sangat penting jika kita hendak mendirikan sebuah blog/web. Di dalam template ini nantinya akan bersemayam (weleh) fitur-fitur tertentu yang tentu saja akan mempercantik blog anda. Masalahnya adalah template yang disediakan oleh situs-situs penyedia blog (gratis) seperti Blogger , Wordpress , dan Blogsome memiliki keterbatasan baik dari segi "kelayakan" maupun segi keindahannya (template klasik).

Terus gimana dong caranya supaya blog kita lebih berwarna??
Alaahh itu sih guampil.
Selain mempercantik blog dengan berbagai macam atribut ataupun hiasan dengan menggunakan CSS , JavaScript dan juga melalui pengeditan HTML , kita juga bisa menggunakan template-template yang disediakan oleh situs lain (baca: pihak 3) yang notabene memiliki fariasi template yang lebih beragam dari pada template-template default milik blog provider. Trus gimana dong cara gantinya?? Sabarr dong ah!

1. Pastikan anda memiliki file *.xml templatenya dulu. Template dari pihak 3 dapat dicari melalui "Mbah Google" dengan key word Blogger Template atau yang lain-lain.
2. Pilih situs-situs yang menurut anda layak untuk anda kunjungi (prett).
3. Silakan anda liat-liat dulu model-model template yang beragam sebelum memutuskan. Kemudian download template kesukaan anda.
4. Log in dengan ID Blogger anda.
5. Pilih Tata Letak pada Dashboard.
6. Pilih Edit HTML.
7. Klik ceklis pada Expand Template Widgets
8. Lakukan back up File Template anda dengan mengklik "Download Template Seluruhnya"
9. Browse Template hasil download tadi kemudian klik upload.

Selesai sudah penggantian template classic menjadi template modern.
Setelah itu anda bisa melakukan Editing Blog ataupun melakukan Posting Artikel

Good Luck

Membuat Efek Marquee Pada Teks#2

Posted by admin in

Setelah sebelumnya saya menjelaskan tentang bangaimana cara membuat efek marki pada teks dengan variasi gerakan, pada kesempatan ini saya menyempatkan diri untuk memberi kesempatan kepada pembaca yang sempat mampir di blog saya! (opo toh??).

Bagian kedua ini akan membahas tentang efek marki berdasarkan sifat gerakan dimana jika mouse/pointer diletakkan diatas teks maka gerakan teks akan berhenti. Dan jika pointer digeser kembali menjauhi teks maka gerakan teks tersebut akan kembali seperti semula.

Waduh Kok kayaknya susah ya??
You don't have to be worry! Coz I'm going to give you the shortest way to make it!
What You have to do is perhatikan my instruction dan follow plus praktekan live on to your PC!

Akan saya berikan contoh kodenya:


<b><marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="50%" height="200" align="center">

Coba Arahkan Pointer anda pada Teks!

</marquee></b>



Dan hasilnya adalah seperti ini:



Coba Arahkan Pointer anda pada Teks!



Cukup mudah bukan??
You only have to exchange the codes with another codes and play your creation!


Anda bahkan bisa menyisipkan link/portal> di dalam marki tersebut sehingga akan sangat membantu anda dalam mempercantik tampilan blog anda!

Wahh Kok susahh ya kayaknyaa!

Jangan khawatir baangg!
Akan saya berikan contohnya dibawah ini!


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="100" align="center">

<a href="http://rubrik-elektronik.blogspot.com" target="new">Rubrik Elektronik</a><br/>

<a href="http://electronic-rubric.blogspot.com" target="new">Electronic Rubric </a><br/>

<a href="http://kolom-iklan.blogspot.com" target="new">Kolom iklan</a><br/>

</marquee>



akan menjadi seperti ini:




Rubrik Elektronik


Electronic Rubric


Kolom iklan


Membuat Efek Marquee Pada Teks #1

Posted by admin in

Marquee?? Makanan Apaan tu Bang??
Itu makanan khas JOGJA, Sejenis Apem! Nggak mungkin laahh!
Marquee itu adalah program HTML yang bisa membuat teks bisa bergerak atau berjalan. <--Kata Kang Rohman

atau Marquee mempunyai arti “Tenda Besar,” atau “tempat berteduh seperti atap dimuka pintu masuk sebuah gedung”. <--KataBang Ari


Sebenarnya bukan hanya teks saja yang bisa di Marquee (biar lidah sampeyan nggak keseleo baca aja Marki), bahkan gambar/foto dan Title Web/blog pun dapat di marki.
Untuk itulah mengapa marki ini sangatlah banyak diminati oleh para blogger yang notabene juga merupakan "surferer". Kode marki dapat digunakan untuk mempercantik blog karena sifatnya yang dinamis dan pastinya enak diliat.

untuk membuat efek Marki ini dari yang paling ringan saja contohnya tag berikut ini:

<marquee align="center" direction="right" scrollmount="3" height="30px" width="360px"> MARKI KE ARAH KANAN </marquee>

Maka akan menjadi yang seperti ini:

MARKI KE ARAH KANAN

  • Direction untuk mengatur arah gerak dari teks (right, Left, Up dan Down)
  • Scrollmoung untuk mengatur kecepatan gerak teks. Semakin besar angka, gerakan akan semakin cepat

FAhim Tum???


Oke Lanjut,, Kali ini marki teks dengan meletakkan background warna di belakangnya:

Contohnya:

<div align="left"><font face="georgia" color="Red"><marquee bgcolor="pink" width="70%" height="30px" scrollamount="2" direction="Left">
Ini Untuk Marquee Dengan BackGround
</MARQUEE></font></div>


Hasilnya akan seperti:


Ini Untuk MArquee Dengan BackGrond


bgcolor merupakan kode untuk menentukan warna background.
Fahim Tum??


Lanjut Lagi mang??
Okelahh Kalog Beg beg beg begituu (Warteg boyz Cuyy).

Selanjutnya merupakan marki teks dengan atribut "behavior" untuk mengatur jenir dan pola gerakan dan perilaku teks.
Waduh saya kok bingung ya mas??
Wedewww...maksud 'ane, gerakan dalam marquee teks itu ndak cuma ke kanan, kiri atas ama bawah aja. Saya kasi contoh aja deh ya dari pada ribet-ribet.


Kode Di bawah ini

<marquee align="center" behavior="alternate" direction="right" height="30px" scrollamount="3" width="360px">

Ini Contoh Fariasi Gerakan Marki

</marquee>


Akan membentuk marki dibawah ini


Ini Contoh Fariasi Gerakan Marki


Seperti yang anda lihat, dengan menambah kode behavior dapat menentukan perilaku gerakan teks.
  • Behavior="Sroll" akan membuat teks bergerak berputar.
  • Behavior="alternate" akan membuat teks bergerak memantul.
  • Behavior="slide" akan membuat teks bergerak sekali saja lalu berhenti.


Guampaangg kuaan??? (hadehh cuapeknyaa)

Untuk Yang selanjutnya akan saya sambung lagi ke postingan ke#2 mengenai marquee pada teks!

Membuat Link (Portal)

Posted by admin in

Jika Anda Tertarik dengan dunia blog tentu saja tidak akan lepas dengan yang namanya "Surfing" bukan? Dan tentu saja dengan proses surfing tersebut anda akan menemui banyak sekali link ataupun portal-portal yang mengarahkan kita dari halaman web satu dengan yang lain ataupun dari website yang satu dengan yang lain.

Jika Anda Adalah Seorang Blogger


tentu link akan sangat diperlukan dalam berbagai urusan. misalnya: jika ada pengunjung dalam blog anda dan membaca artikel anda tentang "TRIK SULAP" (misalnya) anda ingin membuat kalimat: Untuk lebih jelasnya silakan kunjungi badutkusut.blogspot.com, itu dapat dipersingkat dengan tulisan Untuk lebih jelasnya silakan klik disini. Dan jika pengunjung mengklik kata disini maka ia akan diarahkan ke alamat badutkusut.blogspot.com secara langsung.
Untuk membuatnya ada 2 cara simpel.
Cara Pertama
Cara ini adalah cara untuk membuat link dengan perubahan pada 1 window. Artinya, jika link ini di klik dari web anda, yang akan berubah adalah window tempat anda berada.
1. Highlight/blok kata-kata yang ingin di buat link, contoh di atas adalah disini.
2. Klik tulisan Link toolbar entri baru (compose)maka akan muncul kotak

3. Isikan kotak tersebut dengan situs/page yang anda inginkan.
Cara Kedua
Cara kedua ini adalah dengan menggunakan kode-kode tertentu sehingga jika link ini di klik maka akan muncul jendela baru menuju alamat link tersebut.
1. Sebelum memulai posting, pastikan anda berada di lembar kerja yang tepat. Yakni Lembar pada "Edit HTML".
2. Ketikan kode berikut





<a href="Alamat Link">Post</a>




Ganti teks warna hijau dengan alamat link yang akan dimunculkan jika tulisan warna merah di klik.

Fiuhh cuapeek...Oke dagh capek dikid ndapapa yang penting kalian seneng hoho
Mudah bukan??

Ganti Template Blog

Posted by admin in

Template merupakan sesuatu yang sangat penting jika kita hendak mendirikan sebuah blog/web. Di dalam template ini nantinya akan bersemayam (weleh) fitur-fitur tertentu yang tentu saja akan mempercantik blog anda. Masalahnya adalah template yang disediakan oleh situs-situs penyedia blog (gratis) seperti Blogger , Wordpress , dan Blogsome memiliki keterbatasan baik dari segi "kelayakan" maupun segi keindahannya (template klasik).

Terus gimana dong caranya supaya blog kita lebih berwarna??
Alaahh itu sih guampil.
Selain mempercantik blog dengan berbagai macam atribut ataupun hiasan dengan menggunakan CSS , JavaScript dan juga melalui pengeditan HTML , kita juga bisa menggunakan template-template yang disediakan oleh situs lain (baca: pihak 3) yang notabene memiliki fariasi template yang lebih beragam dari pada template-template default milik blog provider. Trus gimana dong cara gantinya?? Sabarr dong ah!

1. Pastikan anda memiliki file *.xml templatenya dulu. Template dari pihak 3 dapat dicari melalui "Mbah Google" dengan key word Blogger Template atau yang lain-lain.
2. Pilih situs-situs yang menurut anda layak untuk anda kunjungi (prett).
3. Silakan anda liat-liat dulu model-model template yang beragam sebelum memutuskan. Kemudian download template kesukaan anda.
4. Log in dengan ID Blogger anda.
5. Pilih Tata Letak pada Dashboard.
6. Pilih Edit HTML.
7. Klik ceklis pada Expand Template Widgets
8. Lakukan back up File Template anda dengan mengklik "Download Template Seluruhnya"
9. Browse Template hasil download tadi kemudian klik upload.

Selesai sudah penggantian template classic menjadi template modern.
Setelah itu anda bisa melakukan Editing Blog ataupun melakukan Posting Artikel

Good Luck

My Blog's Bros

My Stats

SEO Stats powered by MyPagerank.NetPowered by  MyPagerank.Net My Ping in TotalPing.com