Header ( Kepala ) kalau dalam surat, ini merupakan KOP surat. Tentunya tiap -tiap surat atau blog memiliki KOP atau header tersendiri, karena header ini merupakan salah satu ciri dari sebuah blog seseorang.
Cara membuat header sangat mudah, anda dapat membuatnya melalui photoshop, caranya sebagai berikut :
1. Buka photoshop
2. Pilih new, maka akan tampil sebagai berikut :
kemudian atur ukurannya, kalau blog saya menggunakan ukuran widith :1000px dan Height: 200px. Sesuaikan dengan ukuran header blog Anda.
3. Ok
4. Buat gambar pada layer yang tersedia, jika Anda pusing, Anda dapat mengcopy gambar dan menambahkan sedikit teks atau gambar.
5. Klil file, tentukan tujuan folder ubah format gambar menjadi JPEG agar lebih cepat terupload pada blog Anda.
6. Log in pada blog Anda
7.Pilih Tata Letak - Edit halaman
8. Pilih browse, masukan file yang telah Anda buat pada Photoshop
9. Pada bagian penempatan pilih "Selain judul dan keterangan"
10. Simpan
Selamat Mencoba,
Jangan Lupa Comment Ya !!!
Jumat, 30 April 2010
Membuat efek Marquee
Apa itu marquee ? Marquee adalah suatu program HTML untuk membuat teks bisa bergerak atau berjalan. Program marquee ini banyak diminati dan di pakai oleh para blogger di dalam blognya karena sifat program ini yang dinamis serta menarik untuk di lihat disamping untuk menghemat tempat pada halaman blog.
Marquee ini bisa di buat dengan menggunakan tag .
Atribut yang sering di gunakan adalah :
BGCOLOR="warna" --> Untuk mengatur warna background (latar belakang) teks
DIRECTION="left/right/up/down" --> Mengatur arah gerakan teks
BEHAVIOR="scroll/slide/alternate" --> Untuk mengatur perilaku gerakan
Scroll --> teks bergerak berputar
Slide--> teks bergerak sekali lalu berhenti
Alternate --> teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo)
TITLE='pesan" --> Pesan akan muncul saat mouse berada di atas teks
SCROLLMOUNT="angka" --> mengatur kecepatan gerakan dalam pixel, semakin besar angka semajin cepat gerakannya.
SCROLLDELAY="angka" --> Untuk mengatur waktu tunda gerakan dalam mili detik
LOOP="angka|-1|infinite" --> Mengatur jumlah loop
WIDTH="lebar" --> Mengatur lebar blok teks dalam pixel atau persen
Agar lebih jelas akan saya sertakan contohnya :
Contoh marquee dari gerakan :
<MARQUEE align="center" direction="right" height="200" scrollamount="2" width="30%">
MARQUEE DARI KANAN KE KIRI
</MARQUEE>
maka hasilnya :
MARQUEE DARI KANAN KE KIRI
Anda dapat merubah align,directoin,heingt,width dan scrollamout sesuai keinginan Anda.
Cara Memposting Artikel
Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.
Toolbar yang ada ketika posting :
--> Untuk merubah jenis hurup yang di gunakan
--> Untuk merubah ukuran hurup (heading)
--> Untuk Menebalkan hurup
--> Untuk memiringkan hurup
--> Untuk merubah warna hurup
--> Untuk membuat link
--> Untuk membuat artikel menjadi rata kiri
--> Untuk membuat tulisan menjadi di tengah
--> Untuk membuat artikel menjadi rata kanan
--> Untuk membuat artikel menjadi rata kiri dan rata kanan
--> Untuk membuat sub bahasan oleh angka
--> Untuk membuat sub bahasan oleh bullet
--> Untuk mengecek spelling
--> Untuk memasukan gambar(upload gambar)
--> Untuk membuat artikel dalam kode HTML
--> Untuk membuat artikel dalam mode Compose (biasa)
--> Untuk me review (melihat) artikel
Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.
Langkah-langkah dalam memposting suatu artikel:
- Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.
- Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).
- Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.
- Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.
- Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.
Sabtu, 24 April 2010
Membuat Menu Buku tamu di Samping
Untuk menghemat halaman Blog Anda, agar tidak terlalu banyak widget yang terpasang atau Anda ingin memasang iklan dapan menggunakan menu ini, caranya :
1. Log In pada Blog Anda
2. Tambah Gadget
3. Copy paste Kode HTML di bawah ini :
4. Isi kode HTML Shoutmix, Oggix,dsb pada kolom berwarna kuning
*Ket . Menu ini tidak hanya dapat disi dengan menu shoutmix, Anda juga bisa memasukkan gadget lainnya seperi iklan,dsb dengan menambahkan <br /> setelah kode HTML yang telah Anda masukan,begitu pula jika Anda akan menambahkannya lagi.
Selamat Mencoba !!!
ss
1. Log In pada Blog Anda
2. Tambah Gadget
3. Copy paste Kode HTML di bawah ini :
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY03PAHb6ByxrhY-BdC6dUhvJsci2iyGBZ4xZaDWvlXXrJFLIB1Lh23TjsuWEC8bSr-qF-EVjx4V-EPWALFA-SHBY5_x8TAdBdogMbgvifjPMDjLIXhGBvbysZKz3AvoNiUv9hVhK4bQJe/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Pasang Iklan Gratis
<br />
http://wartono.blogspot.com
<br />
<br /><br />
<!-- End ShoutMix -->
<a href="javascript:showHideGB()">
[Keluar]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
<!-- socialize.js script should only be included once -->
<script type="text/javascript" src="http://cdn.gigya.com/js/socialize.js?apiKey=2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_"></script>
<script type="text/javascript">
var conf=
{
APIKey: '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
,enabledProviders: 'facebook,twitter,myspace,yahoo,google,linkedin,liveid,blogger,wordpress,typepad,livejournal,openid'
}
</script>
<script>
var gs_partner = '1268421'
var gs_apikey = '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
</script>
<script src='http://toolbar.cdn.gigya.com/v2/toolbar.js'></script>
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgY03PAHb6ByxrhY-BdC6dUhvJsci2iyGBZ4xZaDWvlXXrJFLIB1Lh23TjsuWEC8bSr-qF-EVjx4V-EPWALFA-SHBY5_x8TAdBdogMbgvifjPMDjLIXhGBvbysZKz3AvoNiUv9hVhK4bQJe/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Pasang Iklan Gratis
<br />
http://wartono.blogspot.com
<br />
<!-- End ShoutMix -->
<a href="javascript:showHideGB()">
[Keluar]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
<!-- socialize.js script should only be included once -->
<script type="text/javascript" src="http://cdn.gigya.com/js/socialize.js?apiKey=2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_"></script>
<script type="text/javascript">
var conf=
{
APIKey: '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
,enabledProviders: 'facebook,twitter,myspace,yahoo,google,linkedin,liveid,blogger,wordpress,typepad,livejournal,openid'
}
</script>
<script>
var gs_partner = '1268421'
var gs_apikey = '2_ay16xXCA90i0zbQVeB1RhxwV1YHibQbZ20DYg537ohZLPpZWqID6qJF5wJqS9Xc_'
</script>
<script src='http://toolbar.cdn.gigya.com/v2/toolbar.js'></script>
4. Isi kode HTML Shoutmix, Oggix,dsb pada kolom berwarna kuning
*Ket . Menu ini tidak hanya dapat disi dengan menu shoutmix, Anda juga bisa memasukkan gadget lainnya seperi iklan,dsb dengan menambahkan <br /> setelah kode HTML yang telah Anda masukan,begitu pula jika Anda akan menambahkannya lagi.
Selamat Mencoba !!!
ss
Kode Warna
Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f
Gold #ffd700
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e
Cara melihat Kode HTML Website / Blog
Untuk melihat semua kode sebuah website anda dapat mengklik View lalu klik Page Source, atau dengan cara menekan tombol CTRL+U.
Setiap Browser berbeda dalam menampilkan Source kode, ada yang menampilkan kode dengan me-link-kan suatu url baik gambar ataupun website, ada yang tidak menaruh link pada page source, dan asaya pernah mendapati versi IE yang menampilkan Source kode pada 'Notepad'.
Ada Sebuah cara lagi dalam melihat Source kode,
Kita dapat melihat source kode suatu website atau GAdget website tersebut dengan memBlock(menyeleksi) text atau Gadget tersebut. Lalu anda dapat melihat Kode-nya dengan meng-klik kanan bagian yang diBlock tersebut dan klik View selection Source, maka kode yang ditampilkan hanya disekitar tempat yang anda block tadi. Mungkin ini dapat mempermudah kita dalam melihat sebuah kode pada website, namun feature ini jarang ditemukan di banyak browser, karena dari beberapa browser yang saya gunakan, yang mendukung feature ini hanya Mozilla Firefox, jadi saya sarankan agar anda menggunakan Mozilla firefox sebagai browser anda, karena saya banyak menemukan kemudahan dalam browser ini dibandingkan dengan browser lain.
Ada beberapa Blog atau website yang melarang penggunaan 'klik kanan' pada website / blognya agar website / blognya tidak dicuri. Oleh sebab itu saya sarankan agar tidak mengambil hak cipta orang secara serius, dan gunakan ilmu-mu sebaik-baiknya agar tidak merugikan orang lain.
Saya sarankan agar tidak digunakan untuk berbuat negatif.
Setiap Browser berbeda dalam menampilkan Source kode, ada yang menampilkan kode dengan me-link-kan suatu url baik gambar ataupun website, ada yang tidak menaruh link pada page source, dan asaya pernah mendapati versi IE yang menampilkan Source kode pada 'Notepad'.
Ada Sebuah cara lagi dalam melihat Source kode,
Kita dapat melihat source kode suatu website atau GAdget website tersebut dengan memBlock(menyeleksi) text atau Gadget tersebut. Lalu anda dapat melihat Kode-nya dengan meng-klik kanan bagian yang diBlock tersebut dan klik View selection Source, maka kode yang ditampilkan hanya disekitar tempat yang anda block tadi. Mungkin ini dapat mempermudah kita dalam melihat sebuah kode pada website, namun feature ini jarang ditemukan di banyak browser, karena dari beberapa browser yang saya gunakan, yang mendukung feature ini hanya Mozilla Firefox, jadi saya sarankan agar anda menggunakan Mozilla firefox sebagai browser anda, karena saya banyak menemukan kemudahan dalam browser ini dibandingkan dengan browser lain.
Ada beberapa Blog atau website yang melarang penggunaan 'klik kanan' pada website / blognya agar website / blognya tidak dicuri. Oleh sebab itu saya sarankan agar tidak mengambil hak cipta orang secara serius, dan gunakan ilmu-mu sebaik-baiknya agar tidak merugikan orang lain.
Saya sarankan agar tidak digunakan untuk berbuat negatif.
Memasang PDF Download pada artikel Anda
Banyaknya artikel yang Anda posting pada Blog dapat memusingkan pembaca, untuk itu fitur ini dapat digunakan sebagai solusinya selain memasang tombol print. Dengan memasang PDF Download, para pembaca artikel Anda dapat mendownload artikel tersebut dalam bentuk file PDF.
Langsung saja, caranya sebagai berikut :
1. Buka http://www.web2pdfconvert.com
2. Pilih PDF Button, atau klik disini
3. Maka akan tampil sebagau berikut :
4. Ikuti gambar diatas
5. atau copy paste kode HTML dibawah ini :
<!-- Web2PDF Converter Button BEGIN -->
<script type="text/javascript">
var
pdfbuttonlabel="Save page as PDF"
</script>
<script src="http://www.web2pdfconvert.com/pdfbutton.js" type="text/javascript"></script>
<!-- Web2PDF Converter Button END -->
Letakan diantara
6. Simpan
Selamat Mencoba !!!
Langsung saja, caranya sebagai berikut :
1. Buka http://www.web2pdfconvert.com
2. Pilih PDF Button, atau klik disini
3. Maka akan tampil sebagau berikut :
4. Ikuti gambar diatas
5. atau copy paste kode HTML dibawah ini :
<!-- Web2PDF Converter Button BEGIN -->
<script type="text/javascript">
var
pdfbuttonlabel="Save page as PDF"
</script>
<script src="http://www.web2pdfconvert.com/pdfbutton.js" type="text/javascript"></script>
<!-- Web2PDF Converter Button END -->
Letakan diantara
<body>
</body>
6. Simpan
Selamat Mencoba !!!
Memasang Menu Print pada postingan Blog
Untuk memanjankan pengunjung Blog Anda, dapat Anda pasang menu print page, di bawah atau diatas artikel Anda, caranya copy kode HTML dibawah ini :
<img src="http://amen24.googlepages.com/printer.png" alt="print this page" border="0"/> Print this page</a>
atau dalam bentuk lain
<input type="button" value="Print this page" Onclick="print()" ;>
</form>
</form>
Untuk cara memasukkannya sebagai berikut :
- Silahkan login di blogger dengan id anda.
- Klik Layout.
- Klik Elemen Halaman.
- Klik tulisan Tambahkan sebuah Elemen Halaman.
- Setelah muncul popup, klik tombol TAMBAHKAN KE BLOG yang berada di bawah tulisan HTML/JavaScript.
- Copy lalu paste kode berikut pada elemen halaman tadi
- Simpan
Sabtu, 17 April 2010
Memasang Live Streaming Metro TV di Blog
Langsung aja ngga banyak kata-kata, copy code HTML ini :
Selamat Mencoba !!
<embed src="http://www.metrotvnews.com/andyprabowo.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="260" height="260" wmode="transparent"></embed>
Selamat Mencoba !!
Jumat, 09 April 2010
Memasang Gigya Toolbar
Gigya Toolbar memudahkan Anda untuk chat, sharing facebook, twitter, my space cukup pada blog Anda, caranya :
1. Langkah pertama Anda harus mendaftar di http://www.gigya.com/
2. Klik Sign In di kolom atas sebelah kanan
3. Lakukan Proses Sign In
4. Setelah Sign In berhasil, kemudian klik product guides
5. Lakukan proses yang telah di contohkan
6. Setelah itu klik toolbar Widgets
7. Kemudian pilih Gigya Toolbar
8. Pilih tema Gigya Tollbar yang Anda sukai, copy Kode HTML nya
9. Log In pada Blogger
10. Klik Tata Letak
11. Tambah Gadget, HTML code
12. Letakan Gadget tersebut di paling bawah
13. Save
Selamat Mencoba
Kamis, 08 April 2010
Membuat Text Area
<p align="center"><textarea name="code" rows="6" cols="20"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </textarea></p>
contoh :
contoh :
Rabu, 07 April 2010
Mendaftar di Feedburner
Bagi anda yang ingin blognya lebih cepat terkenal saya sarankan untuk bergabung dengan feedburner, layanannya ditanggung gratis. Bagi yang ingin mendaftar tapi belum mengetahui caranya, silahkan ikuti langkah-langkah berikut ini :
1. Silahkan kunjungi http://www.feedburner.com.
2. Klik tulisan Register pada halaman bagian atas
3. Isi seluruh form yang yang ada
* Username --> isi dengan username yang diinginkan. contoh : wartz
* password --> isi dengan password yang diinginkan. contoh : j1231www
* Password (again) --> isikan kembali password yang tadi di tulis
* Email address --> isi dengan alamat email yang dimiliki
* Secret Question --> isi dengan pertanyaan rahasia yang jawabannya nanti cuma sobat yang tau. Contoh : siapa nama pacar pertamamu ?
* Secret Answer --> isi dengan jawaban yang sesuai dengan pertanyaan di atas. Contoh : tukimin
* Klik tombol Sigin
4. Jika berhasil, muncul ucapan selamat datang (welcome) dari feedburner
5. Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog anda. Contoh : http://wartono92.blogspot.com
6. Beri tanda pada radio buuton yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next
7. Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Active Feed
8. Ada ucapan Conrats, klik saja langsung tombol Next
9. Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)
10. Klik tombol Next
11. Klik tab Optimize
12. Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada
13. silahkan klik SmartFeed lalu klik tombol Active
14. Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount
15. Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya
16. Klik tombol Active
17. Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda
18. Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet seperti yang di tanyakan sahabat setyo
19. Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi
20. Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali
21. Klik tombol Active
22. Klik Headline Animator untuk mendapatkan banner animasi
23. Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic)
24. Klik tombol Active
25. Klik menu dropdown di samping tulisan Add to, pilih Blogger blog
26. Klik tombol Next
27. Setelah muncul window baru, klik tombol Add to Blogger
28. silahkan Sign in dulu di blogger
29. Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan. catatan : cara ini hanya berlaku bagi yang memakai template baru
30. Silahkan sign out dari situs tersebut
Selamat Mencoba !!!
1. Silahkan kunjungi http://www.feedburner.com.
2. Klik tulisan Register pada halaman bagian atas
3. Isi seluruh form yang yang ada
* Username --> isi dengan username yang diinginkan. contoh : wartz
* password --> isi dengan password yang diinginkan. contoh : j1231www
* Password (again) --> isikan kembali password yang tadi di tulis
* Email address --> isi dengan alamat email yang dimiliki
* Secret Question --> isi dengan pertanyaan rahasia yang jawabannya nanti cuma sobat yang tau. Contoh : siapa nama pacar pertamamu ?
* Secret Answer --> isi dengan jawaban yang sesuai dengan pertanyaan di atas. Contoh : tukimin
* Klik tombol Sigin
4. Jika berhasil, muncul ucapan selamat datang (welcome) dari feedburner
5. Isi kotak di bawah tulisan Burn a feed right this instant dengan alamat blog anda. Contoh : http://wartono92.blogspot.com
6. Beri tanda pada radio buuton yang tersedia, terserah mau pilih yang mana, kemudian klik tombol Next
7. Ubah Feed Title dengan Feed Address jika mau di ubah, kalo sudah tinggal klik tombol Active Feed
8. Ada ucapan Conrats, klik saja langsung tombol Next
9. Beri tanda centang pada kotak di samping tulisan Clickthroughs serta I want more ! have FeedBurner stats PRO also track (karena sekarang layanan yang PRO pun sudah gratis karena sudah di akuisisi oleh google)
10. Klik tombol Next
11. Klik tab Optimize
12. Silahkan setting yang anda inginkan, tapi yang paling penting adalah anda harus mengaftifkan fitur SmartFeed, karena fitur ini berfungsi agar supaya fungsi dari feed kita kompatibel atau klop dengan berbagai feed reader yang ada
13. silahkan klik SmartFeed lalu klik tombol Active
14. Klik tab Publicize, silahkan pilih fitur yang anda inginkan, tapi yang sering di gunakan adalah fitur feedCount coba klik FeedCount
15. Pilih bentuk style dari feedcount, yang biasa atau yang animasi, beri tanda pada radio button di sampingnya
16. Klik tombol Active
17. Copy kode HTML yang di berikan pada text area, paste pada notepad untuk nanti di pasang di blog anda
18. Klik Chicklet Chooser untuk memilih berbagai banner atau chicklet seperti yang di tanyakan sahabat setyo
19. Beri tanda pada radio button yang terletak di samping chicklet masing-masing, kemudian copy kode HTML yang di berikan yang ada pada text area, kemudian paste pada notepad. catatan : setiap sobat memberi tanda pada radio button masing-masing chicklet, maka secara otomatis kode HTML yang ada di bagian bawahpun akan berubah, jadi kesimpulannya beri tanda radio button lalu copy kode HTML nya beri tanda lagi lalu copy kodenya lagi
20. Klik Pingshot, beri tanda pada kotak di samping Ping-O-matic serta Newsgator, klik menu dropdown yang ada, lalu pilih yang sobat inginkan, klik tombol Add, klik lagi menu dropdownnya bila ingin di tambahkan lagi, klik Add kembali
21. Klik tombol Active
22. Klik Headline Animator untuk mendapatkan banner animasi
23. Klik menu dropdown di bawah tulisan Theme, pilih yang sesuai keinginan (yang paling banyak di minati adalah type classic)
24. Klik tombol Active
25. Klik menu dropdown di samping tulisan Add to, pilih Blogger blog
26. Klik tombol Next
27. Setelah muncul window baru, klik tombol Add to Blogger
28. silahkan Sign in dulu di blogger
29. Pilih blog yang mau di pasang banner animasi nya, lalu klik tombol Menambah Widget maka secara otomatis banner animasi akan di tambahkan. catatan : cara ini hanya berlaku bagi yang memakai template baru
30. Silahkan sign out dari situs tersebut
Selamat Mencoba !!!
Membuat tampilan Tukeran Link/ Share Link
Letakan kode HTML di bawah ini
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
contoh :
<div style="overflow:auto;width:240px;height:100px;padding:10px;border:1px solid #eee">
<a href="http://wartono92.blogspot.com"><img src="http://images.cooltext.com/1371395.gif" width="72" height="15" alt="BLOG" /></a>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>
maka hasilnya :
Keterangan :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
Selamat Mencoba
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
contoh :
<div style="overflow:auto;width:240px;height:100px;padding:10px;border:1px solid #eee">
<a href="http://wartono92.blogspot.com"><img src="http://images.cooltext.com/1371395.gif" width="72" height="15" alt="BLOG" /></a>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>
maka hasilnya :
<a href="http://wartono92.blogspot.com"><img src="http://images.cooltext.com/1371395.gif" width="72" height="15" alt="BLOG" /></a>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>
<br /><a href="http://wartono92.blogspot.com"></a> - <a href="http://cooltext.com/Logo-Design?LogoID=512084270"></a>
</div>
Keterangan :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
Selamat Mencoba
Membuat Multi Kolom
Langkah-langkanya :
# Hal pertama yang harus di ingat adalah jangan mencentang kotak kecil di samping tulisan expand widget template karena jika sobat mencontengnya maka akan keluar kode widget yang bikin pusing kepala, jadi sekali lagi Jangan mencontengnya.
# Tambahkan kode berikut persis di atas kode ]]></b:skin> :
/* bottom
---------------------------- */
#bottom {
width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}
#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;
}
#bottom ul li a:hover {
background: #B1ACB1;
}
#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}
#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}
#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}
# Tuju bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
# Copy paste kode berikut persis di atas kode yang atas tadi :
<div id='bottom'>
<b:section class='bottom' id='left-bottom'/>
<b:section class='bottom' id='center-bottom'/>
<b:section class='bottom' id='right-bottom'/>
</div>
# Klik tombol Simpan Template.
Selamat Mencoba
# Hal pertama yang harus di ingat adalah jangan mencentang kotak kecil di samping tulisan expand widget template karena jika sobat mencontengnya maka akan keluar kode widget yang bikin pusing kepala, jadi sekali lagi Jangan mencontengnya.
# Tambahkan kode berikut persis di atas kode ]]></b:skin> :
/* bottom
---------------------------- */
#bottom {
width: 660px;
position: relative;
clear:both;
margin: 0 auto;
color:#fff;
float: left;
background:#BDBABD;
padding: 15px 0 15px 0;
}
#bottom h2 {
padding: 5px 0 2px 0;
margin: 0 0 10px 0;
color:#ff5a00;
font-size: 24px;
letter-spacing: -1px;
border-bottom: 1px solid #fff;
}
#bottom ul {
padding: 0;
margin: 0;
}
#bottom ul li {
line-height: 26px;
list-style-type: none;
border-bottom: 1px dashed #031c5d;
}
#bottom ul li a {
display: block;
padding: 0 10px;
color:#0701FD;
text-decoration: none;
}
#bottom ul li a:hover {
background: #B1ACB1;
}
#left-bottom { /* yang ini nih kode kolom kiri */
width: 205px;
float: left;
padding-left:10px;
}
#center-bottom { /* kalo yg ini kode kolom tengah */
width: 205px;
float: left;
padding-left:10px;
}
#right-bottom { /* kalo yg ini kode kolom kanan */
width: 205px;
float: left;
padding: 0 5px 0 10px;
}
# Tuju bagian body yaitu pada bagian bawah kode template, dan cari kode yang mirip seperti ini :
<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>
# Copy paste kode berikut persis di atas kode yang atas tadi :
<div id='bottom'>
<b:section class='bottom' id='left-bottom'/>
<b:section class='bottom' id='center-bottom'/>
<b:section class='bottom' id='right-bottom'/>
</div>
# Klik tombol Simpan Template.
Selamat Mencoba
Yahoo Massenger Emotions
happy:)happy
sad:(sad
winking;)winking
big grin:Dbig grin
batting eyelashes;;)batting eyelashes
big hug>:D
confused:-/confused
love struck:xlove struck
blushing:">blushing
tongue:Ptongue
kiss:-*kiss
broken heart=((broken heart
surprise:-Osurprise
angryX(angry
smug:>smug
coolB-)cool
worried:-Sworried
whew!#:-Swhew!
devil>:)devil
crying:((crying
laughing:))laughing
straight face:straight face
raised eyebrow/:)raised eyebrow
rolling on the floor=))rolling on the floor
angelO:-)angel
nerd:-Bnerd
talk to the hand=;talk to the hand
Yahoo hidden emoticons
puppy dog eyes - New!:o3puppy dog eyes - New!
I don't know:-??I don't know
not listening%-(not listening
pig:@)pig
cow3:-Ocow
monkey:()monkey
chicken~:>chicken
rose@};-rose
good luck%%-good luck
flag**==flag
pumpkin(~~)pumpkin
coffee~O)coffee
idea*-:)idea
skull8-Xskull
bug=:)bug
alien>-)alien
frustrated:-Lfrustrated
praying[-O
money eyes$-)money eyes
whistling:-"whistling
feeling beat upb-(feeling beat up
peace sign:)>-peace sign
shame on you[-Xshame on you
dancing\:D/dancing
bring it on>:/bring it on
hee hee;))hee hee
chatterbox:-@chatterbox
not worthy^:)^not worthy
oh go on:-joh go on
star(*)star
hiroo->hiro
billyo=>billy
aprilo-+april
yin yang(%)yin yang
sad:(sad
winking;)winking
big grin:Dbig grin
batting eyelashes;;)batting eyelashes
big hug>:D
confused:-/confused
love struck:xlove struck
blushing:">blushing
tongue:Ptongue
kiss:-*kiss
broken heart=((broken heart
surprise:-Osurprise
angryX(angry
smug:>smug
coolB-)cool
worried:-Sworried
whew!#:-Swhew!
devil>:)devil
crying:((crying
laughing:))laughing
straight face:straight face
raised eyebrow/:)raised eyebrow
rolling on the floor=))rolling on the floor
angelO:-)angel
nerd:-Bnerd
talk to the hand=;talk to the hand
Yahoo hidden emoticons
puppy dog eyes - New!:o3puppy dog eyes - New!
I don't know:-??I don't know
not listening%-(not listening
pig:@)pig
cow3:-Ocow
monkey:()monkey
chicken~:>chicken
rose@};-rose
good luck%%-good luck
flag**==flag
pumpkin(~~)pumpkin
coffee~O)coffee
idea*-:)idea
skull8-Xskull
bug=:)bug
alien>-)alien
frustrated:-Lfrustrated
praying[-O
money eyes$-)money eyes
whistling:-"whistling
feeling beat upb-(feeling beat up
peace sign:)>-peace sign
shame on you[-Xshame on you
dancing\:D/dancing
bring it on>:/bring it on
hee hee;))hee hee
chatterbox:-@chatterbox
not worthy^:)^not worthy
oh go on:-joh go on
star(*)star
hiroo->hiro
billyo=>billy
aprilo-+april
yin yang(%)yin yang
Langganan:
Postingan (Atom)