Cara Membuat efek Lipatan Kertas Di Ujung Blog

bagi sobat yang berminat untuk membuat lipatan kerta pada ujung blog  silakan ikuti langkah-langkah berikut ini ya sobat:

1. Silahkan Login ke akun blogger sobat.

2. Lalu masuk ke design Template, klik Edit HTML

3. Seperti Biasa Centang Expand Template Widget

4. Kemudian cari kode berikut </body>

5. Setelah ketemu silakan Sobat copy dan letakkan kode di bawah ini tepat di atas kode  </body>

<script type='text/javascript'>var tujuan =&#39;http://Alamat Url Feeds Sobat&#39;</script>

<script src='http://petir-project.googlecode.com/files/ktb4.js' type='text/javascript'/>

6. Coba sobat pertinjau terlebih dahulu (Sekiranya sudah yakin baru di save ya sob)

Keterangan:

• Kode warna hijau: ganti dengan URL Feeds sobat
• Kode warna putih: ganti apabila sobat ingin mengganti gambar sesuai selera sobat.

Cara membuat Tombol Klik Show di Postingan Blog

Salam sobat STB...kali ini saya membahas sedikit nih Cara membuat Tombol Klik Show di Postingan Blog
Bagi sobat yang ingin memasang tombol show hide di blog / postingan, caranya gampang banget nih. Sobat hanya perlu mengcopy paste kode HTML di bawah ini:

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>

<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"></div>

<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">

Masukkan tulisanmu di sini

</div></div></div>

Membuat Text Area Di Blog

Text area merupakan salah satu hal penting untuk memperingkas sebuah posting dalam blog, apalagi text kode yang begitu panjang apabila tidak dimuat dalam text area maka akan memanjang kebawah, dan pastinya membuat susah pengunjung blog untuk mecopy text tersebut.

Kali ini saya sedikit memberikan tips untuk sobat blogger yang ingin membuat text area yang keren,, heheheheeeee,,,

Nah bagi sobat yang berminat untuk membuat text area dengan tombol pilih semua / Select all silakan copy paste code dibawah ini:

Cara Membuat Tabel, Kolom dan Kotak di Blog

Salam sobat STB...Pada kesempatan kali ini saya akan coba bahas cara membuat tabel atau kotak di blog atau di artikel postingan. cara nya tidak begitu sulit, hanya menambahkan kode saja, untuk lebih jelasnya silahkan sobat baca artikel dibawah
Berikut langkah-langkah cara membuat tabel atau kotak di blog sobat:

• Tabel dengan satu (1) kolom
  

  Nama Sahabat

  <table border=”1″><tr><td>Nama Sahabat></td></tr></table>
• Tabel dengan dua (2) kolom
  

  Nama

  Hoby

  <table border=”1″ width=”300″>
  <tr><td>Nama Sahabat</td><td>Hoby</td></tr>
  </table>
• Table tiga (3) kolom dengan empat (4) baris
  

  Nama	Kelas	website
  A	6	http://vathrie.blogspot.com/
  A	6	http://vathrie.blogspot.com/
  A	6	http://vathrie.blogspot.com/
  A	6	http://vathrie.blogspot.com/

  <table border=”1″ width=”300″>
  <tr bg#3366ff”>#E0F8E0″>
  <td align=”center”>
  <b>Nama</b></td><td align=”center”><b>Kelas</b></td><td align=”center”><b>website</b></td>
  </tr><tr><td align=”center”>A</td><td align=”center”>6</td><td
  

Membuat Background Sambaran Petir

Bagi para pemula blogger contohnya seperti saya pasti banyak yang menginginkan background blognya di ganti dengan foto sendiri atau gambar yang mereka inginkan sendiri. Kali ini saya akan menulis artikel tentang 'Membuat Background Kilat Di Blog'.

Ikuti langkah berikut untuk membuat background blog :

1. login ke bloger dengan id anda

2. Lalu menuju ke 'design' -> edit HTML

3. Centang Expand Template Widget

3. Cari kode  body {

4. Tambahkan kode berikut di bawah kode ' body { ' 

background:#000000 url(http://petir-project.googlecode.com/files/zuaz-petir.gif) no-repeat center fixed; 

Cara Mengganti Older Post Dengan Angka

Secara umum, navigasi untuk pindah halaman di blogspot biasanya menggunakan link dengan teks "Older Posts (posting lama)" dan "Newer Posts (posting baru)". Beda dengan wordpress yang navigasinya bisa berbentuk angka sehingga bisa memudahkan untuk loncat beberapa halaman ke postingan yg lama maupun baru.
Nha trik kali ini akan menjelaskan bagaimana cara mengganti link "Older Posts (posting lama)" dan "Newer Posts (posting baru)" menjadi angka seperti gambar di bawah ini


1. Langkah awal tentu saja harus menuju ke desain template anda kemudian ke "Edit HTML"
2. setelah itu cari kode ini ]]></b:skin> kalo sudah ketemu taruh script dibawah ini sebelum kode tersebut

.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}

3. setelah itu cari kode ini </body> kemudian taruh script dibawah ini sebelum kode tersebut.

<!--Page Navigation Starts-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var pageCount=5;
var displayPageNum=5;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>
<script src='http://bloggergadgets.googlecode.com/files/blogger_pagenavi_min.js' type='text/javascript'/>
</b:if> </b:if>
<!--Page Navigation Ends -->

Kalau sudah silahkan dilihat hasilnya.
Semoga Bermanfaat ya...

Cara Membuat Bingkai Dan Mengubah Warna Latar Pada Judul Serta Area Widget

Sobat, seperti kita tahu bahwasanya hampir semua template standar yang disediakan oleh Blogger tidak menyertakan aksesori berupa bingkai untuk setiap widget yang dipasang di halaman. Dan hal ini sangat berbeda apabila dibandingkan dengan kustom template yang umumnya menyertakan aksesori berupa bingkai untuk bagian tersebut, sehingga tampilan halaman blog yang yang menggunakan template standar Blogger menjadi terkesan tidak lebih menarik apabila dibandingkan dengan blog yang menggunakan kustom template.

Namun demikian bukan berarti kita tidak dapat melakukan kustomisasi pada template standar Blogger agar tampilannya menjadi lebih menarik bila dibandingkan dengan kustom template. Oleh sebab itulah dalam artikel sebelumnya yang berjudul “Inilah Beberapa Daftar Template Blog Terbaik Yang Pernah Ada” saya menyebutkan bahwa sebenarnya template standar yang disediakan oleh Blogger merupakan template blog terbaik yang pernah ada untuk platform Blogger (Blogspot), dengan salah satu alasannya yaitu karena kemudahan bagi kita bila ingin melakukan kustomisasi.

Salah satu dari kemudahan kustomisasi yang dapat kita lakukan adalah ketika kita ingin memodifikasi desain tampilan untuk setiap elemen halaman, termasuk diantaranya yaitu modifikasi widget dengan cara menambahkan bingkai dan warna latar untuk bagian tersebut. Dimana kustomisasi dapat dilakukan dengan menambahkan kode CSS tertentu ke dalam template untuk menggantikan kode CSS standar yang diberikan oleh Blogger.

Memasang Tombol Pop Up Like Box Facebook dan Follow Twitter Otomatis di Blogspot

Social media sudah menjadi suatu hal yang harus dimiliki oleh blogger. Kita bisa menshare artikel kita disana dan tentu mendapatkan kunjungan dari link yang kita share disana. Untuk mendapatkan pengunjung secara berkala tentu kita harus menaruh tombol like fan page fb dan follow twitter di blog. Nah, langsung saja kita mulai memasang tombol pop up like box facebook dan follow twitter di blogspot.

Silahkan sobat ikuti beberapa langkah berikut
1.Login ke akun blogger
2.Klik menu Tata Letak/Rancangan
3.Klik Tambah Gadget
4.Klik/pilih HTML/Javascript
5.Masukan kode di bawah ini

9 Gadget yang Mampu Bersaing untuk Waktu yang Lama

Ketika ingin berbelanja perangkat teknologi, terkadang memang kita lebih baik menunggu model terbaru yang lebih canggih. Tetapi tidak selalu. Berikut adalah 10 produk yang menjadi primadona pada saat ini, yang tidak akan Anda sesali dalam enam bulan atau setahun ke depan ketika model berikutnya muncul.

1. Monitor
Walau setiap hari menggunakan laptop, Anda pasti memerlukan tidak hanya satu, melainkan dua monitor berukuran besar di meja kerja Anda. Semakin banyak pikselnya, maka Anda akan semakin
produktif, jadi belilah dua monitor dengan resolusi 1080 piksel baik untuk di meja kerja rumah Anda mapun di kantor.

Anda dapat menemukan monitor murah 32 inci dengan layar 1920x1080 piksel seharga $130 (sekitar Rp1,2 juta). Namun, saya merekomendasikan menambah sedikit anggaran menjadi $150 (Rp1,4 juta) atau lebih agar Anda bisa mendapatkan monitor LED.

Atau jika Anda mampu, sediakan $300 (Rp2,8 juta) agar Anda bisa mendapatkan monitor dengan resolusi 1920x1200. Meski mungkin akan muncul lebih banyak monitor dengan teknologi layar sentuh pada tahun depan, monitor yang sekarang akan dapat membantu Anda lebih baik lagi dan harganya tidak akan turun.

2. SSDJika Anda tidak menggunakan solid state drive di komputer Anda, berhenti membaca artikel ini dan kirim email permintaan maaf kepada atasan Anda karena telah membuang waktu produktif begitu banyak menunggu hard drive komputer Anda yang lamban dalam memuat berbagai hal.

Cara Mempercepat Loading Blog

Mungkin artikel ini sudah berserakan di mbah google. tapi tidak ada salahnya kan saya memposting artikel ini.. Seringkali kita dipusingkan dengan kecepatan loading blog kita yang lelet, tapi kalau ganti template lagi rasanya sayang karena udah klop banget dengan template yang sudah dipasang. Jika loading blog cepat tentunya pengunjung akan merasa nyaman berkunjung ke blog kita berkali-kali. Hal ini tentunya akan sangat berpengaruh besar terhadap trafik blog kita.

cara mengganti attribute footer di blogspot

bagi sobat STB yang pengen ganti attribute yanga ada di footer blogspot dengan attribute buatan sendiri caranya sangatlah gampang..tinggal add widget html/javascript ajhe gaan.. tapi sebelumnya di hilangin dulu attribute bawaan blogspot lihat cara menghilangkan attribute blogger di footer

check it out

Cara menghilangkan attribute blogger di footer

Setiap membuat blog baru pasti agan memakai template bawaan blogger yang ada embel - embel bloggernya...hihihi
bagi sobat yang ingin menyembunyikannya ada sedikit trick ne buat agan... cara ini memang sudah lama..tapi dari pada banyak tapi - tapian mending ane post aja trik ini

ok langsung ajha dah

Link Exchange dan Promosi Website

Alexa Range dan Manfaatnya Pada Blog

Alexa Rank adalah sebuah situs yang beralamat di www.alexa.com yang menyediakan fasilitas informasi tentang rangking/peringkat suatu situs, yang didasarkan pada jumlah trafik pengunjung yang masuk ke situs tersebut. Yang mana semakin besar trafficnya maka semakin tinggi peringkat dari situs tersebut dan juga sebaliknya semakin kecil traffiknya maka semakin rendah lah peringkat dari situs tersebut, hal ini sangatlah perlu diketahui oleh seorang blogger yang memang ingin menjadikan situsnya sebagai lahan bisnis.

Cara membuat kotak iklan (Banner Box) 125 x 125

Cara membuat kotak iklan (Banner Box) - Kali ini Wan Bloggers akan menulis tentang Trik Blogspot, yaitu cara membuat kotak iklan 125 x 125 atau banner box. Fungsinya tiada lain untuk menempatkan iklan yang akan dipasang di blog kita jika suatu saat blog kita visitornya sudah ramai. Saya sarankan penawaran kepada pemasang iklan pada blog kita jika blog kita sudah benar-benar ramai, percuma saja blog kita masih sepi ditawarin kepada orang buat pasang iklan merekapun akan berpikir dua kali dan mereka tidak akan sudi merogoh koceknya seandainya blog kita biasa-biasa saja. Baiklah untuk jelasnya lihat bentuknya disamping ini.

Cara Membuat Artikel Terkait Bergambar

Hai sobat blogger kali ini saya akan share tentang :"cara memasang artikel tekait bergambar otomatis",Nah manfaat kegunaan artikel terkait adalah agar pengunjung dapat melihat artikel  kita yang yang lain selain itu Artikel terkait (Related Post) juga sangat Seo Friendly tentunya

Cara-Caranya (Tutorial) :

Cara Mendaftar PayPal Yang Benar

Transaksi online pada masa sekarang ini tidak terlepas dari yang namanya PayPal, apapun yang berhubungan dengan mengirim dan menerima pembayaran. PayPal dengan cepat menjadi pemimpin global solusi pembayaran online dengan lebih dari 153 juta rekening di seluruh dunia yang tersedia di 190 pasar dan 24 mata uang di seluruh dunia. Secara tidak langsung PayPal telah mendukung e-commerce global dengan memungkinkan pembayaran melintasi berbagai lokasi, mata uang, dan bahasa.

Apa Itu PayPal

Jika kita sering berkelana di dunia maya alias internet pasti setidaknya pernah melihat logo gambar di atas, yup itu adalah logo PayPal. Mungkin beberapa dari kita pernah terbesit pikiran apa itu paypal? Jika ditelusur di situs resminya yaitu PayPal.com, PayPal adalah cara yang lebih aman dan lebih mudah untuk membayar dan dibayar secara online. Layanan ini memungkinkan setiap orang untuk membayar dengan cara sesuai kehendak kita, termasuk melalui kartu kredit, rekening bank, kredit

Cara Mengganti ICON / Favicon Blog

Cara Mengganti Icon Blog -  sesuai dengan judulnya di sini STB 
akan berbagi / Share tentang tutorial Cara Mengganti ICON / Favicon Blog, apa itu Favicon? Favicon adalah Icon untuk suatu web yang terletak di samping adressbar, secara default Icon Favicon Blog

KODE WARNA HTML

KODE WARNA
KODE WARNA
KODE WARNA


<FONT COLOR="#009900">Kode ini berwarna hijau</FONT>
<FONT COLOR="#0000CC">This text would be blue</FONT>