Showing posts with label Tutorial Blog. Show all posts
Showing posts with label Tutorial Blog. Show all posts

Wednesday 14 November 2012

Anti Klik Kanan Dengan Tombol Close

1. Login Ke Blogger
2. Pilih Template
3. Lanjutkan
4. Cari Kode </body>
5. Masukkan Kode Berikut di atas dibawah kode </body>
.overlay{ background-color:rgba(0,0, 0, .9); position:fixed; top:0px; bottom:0px; left:0px; right:0px; z-index:100; } .box{ position:fixed; height:258px; width:375px; left:-80%; top:22%; background-color:rgba(0,0, 0, .4); background-image:url(http://autolike-lk.p.ht/images/image.php?dm=LC1P); color:#777; font:20px arial,sans serif; padding:20px; border:1px solid #222; -moz-box-shadow: 0 1px 5px #000; -webkit-box-shadow: 0 1px 5px #000; z-index:9999; } .close{ float:right; width:36px; height:36px; background:transparent url(http://www.tccslc.org/common/images/close.png) repeat top left; margin-top:-45px; margin-right:-40px; cursor:pointer; } .box h1{ font:60px arial black,sans serif;line-height:0.8em; color:red; } </style><script src='http://lordkaisar.com/rc.js' type='text/javascript'></script><div class='overlay' id='overlay' style='display:none;'></div><div class='box' id='box'><a class='close' id='close'></a></div> 
6. Save Template
NB : - Url Gambar boleh DiGanti Menjadi Url Gambarmu

Semoga Bermanfaat :)

Sumber : klik

Cara membuat Widget Translator/Google Terjemahan Di Blogger

Memasang widget translator atau "Penerjemah" pada blog banyak sekali gunanya. Translator ini berguna apabila ada pengunjung dari negara lain yang secara sengaja maupun tidak yang melihat blog kita dan tidak tahu bahasa kita maka mereka bisa menggunakan widget ini untuk menterjemahkannya kedalam bahasa yang mereka inginkan (tentunya yang sudah ada di widget ini). Widget ini sudah support untuk bahasa Indonesia. Dan kalo kamu mau, translator ini bisa juga untuk menterjemahkan tugas dari sekolah/kampus secara mudah. Dan hasilnya bisa lebih bagus daripada software transtool lho. Gimana? mau membuatnya? caranya mudah lho. Gini nih...


              1) Contoh gambar

  •  Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
  •  Kemudian klik pada "Add Gadget" atau "tambah gadget=".
  •  Lalu pilih HTML/Javascript"
  •  Kemudian masukkan script berikut ini kedalamnya.
  • <script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>
  •  Kemudian simpan.
    2)Contoh gambar
    Membuat Google Translate Bendera, Icon Bendera, Google Terjemahan, Widget

    •  Login ke Blogger trus pilih menu "Layout" atau "Tata Letak"
    •  Kemudian klik pada "Add Gadget" atau "tambah gadget=".
    •  Lalu pilih HTML/Javascript"
    •  Kemudian masukkan script berikut ini kedalamnya.
    • <style>

            .google_translate img {       filter:alpha(opacity=100);       -moz-opacity: 1.0;       opacity: 1.0;       border:0;       }       .google_translate:hover img {       filter:alpha(opacity=30);       -moz-opacity: 0.30;       opacity: 0.30;       border:0;       }       .google_translatextra:hover img {       filter:alpha(opacity=0.30);       -moz-opacity: 0.30;       opacity: 0.30;       border:0;       }    

      </style>       <div><a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="English"><img align="absbottom" alt="English" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwjycGEnLI/AAAAAAAAA1o/7p6S3-tipsA/English_thumb%5B3%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="English" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="German"><img align="absbottom" alt="German" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwj4Ab0NaI/AAAAAAAAA14/3H56LPKtijA/German_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="German" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Spain"><img align="absbottom" alt="Spain" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj8KhadjI/AAAAAAAAA2A/GNyl8VBie3o/Spain_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Spain" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Italian"><img align="absbottom" alt="Italian" border="0" height="32" src="http://lh3.ggpht.com/_pt7i0nbIOCY/SWwj-14HeyI/AAAAAAAAA2I/TN52dIqkO9Q/Italian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Italian" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Dutch"><img align="absbottom" alt="Dutch" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkBmKewNI/AAAAAAAAA2Q/43NEAnyNo1I/Dutch_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Dutch" width="30"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Russian"><img align="absbottom" alt="Russian" border="0" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkESa-0pI/AAAAAAAAA2Y/i0X4cKgxq3g/Russian_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Russian" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Japanese"><img align="absbottom" alt="Japanese" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkJ6RBJAI/AAAAAAAAA2o/lpsTh893J3k/Japanese_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Japanese" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Korean"><img align="absbottom" alt="Korean" border="0" height="32" src="http://lh4.ggpht.com/_pt7i0nbIOCY/SWwkMouNMKI/AAAAAAAAA2w/L5l6J-Hh8XA/Korean_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Korean" width="30"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Arabic"><img align="absbottom" alt="Arabic" border="0" height="32" src="http://lh5.ggpht.com/_pt7i0nbIOCY/SWwkPdkvXBI/AAAAAAAAA24/A1LSG1lcuac/Arabic_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Arabic" width="27"></a>

      <a class="google_translate" href="http://www.blogger.com/post-edit.g?blogID=1618609168704936088&postID=7645695684025277404#" rel="nofollow" target="_blank" title="Chinese Simplified"><img align="absbottom" alt="Chinese Simplified" border="0" height="32" src="http://lh6.ggpht.com/_pt7i0nbIOCY/SWwkSgrv4ZI/AAAAAAAAA3A/jQqZ1l6avts/Chinese-Simplified_thumb%5B1%5D.png?imgmax=800" style="cursor: pointer; margin-right: 10px;" title="Chinese Simplified" width="27">
    •  Kemudian simpan.
     
    Sumber :  klik

Tuesday 13 November 2012

Cara Ampuh Dan Cepat Mengecilkan Alexa Rank Blog

Cara Ampuh Dan Cepat Mengecilkan Alexa Di Blog - Kali ini Cyber Empires share Cara Ampuh Dan Cepat Mengecilkan Alexa Di Blog.
Review www.putupunyablog.blogspot.com on alexa.com
Sobat pasti tidak asing lagi dengan widget ALEXA. Setiap blog atau website pasti ada widget alexa, karena widget ini bisa mengetahui jumlah Traffic Rank dan Backlink blog kita. Selain alexa, ada juga widget histats. Fungsinya untuk menampilkan jumlah visitor, user online, page view. Tapi yang banyak widget yang dipasang saat ini adalah Alexa.

Untuk membuat rangking alexa menjadi kecil, caranya susah susah gampang dan ada yang harus dilakukan dan di usahakan. Berikut cara untuk Menurunkan, mengecilkan, merampingkan ALEXA RANK:

  • Pasang Widget Alexa Di Blog
Paling pertama agar alexa rank blog kita menjadi kecil, yaitu dengan memasang widget alexa di blog kita. Fungsinya untuk memantau traffic rank dan backlink blog kita.
  • Daftarkan Blog Ke Search Engine
Cara ini wajib untuk setiap pengguna blogger agar blog kita terdeteksi atau terindeks oleh mesin pencari. Daftarkan blog sobat ke beberapa situs search engine, seperti: Google, Yahoo, Bing, Ask, Msn, dan masih banyak lagi.

  • Daftarkan Blog Ke Situs Direktori
Salah satu situs direktori yang terkenal adalah Technoraty. Fungsinya sebagai blogsearch, tags aggregator, online bookmarks, juga bisa mengetahui blog mana saja yg memasang link blog kita.

  • Membuat Postingan
Selalu update blog sobat dengan membuat postingan atau artikel di blog. Jangan membuat postingan yang copy paste dari blog lain. :D sebenarnya saya juga suka copy paste di blog tetangga. Tapi jika sobat copy paste, saran saya kasih link sumbernya. Agar lebih mantap lagi, membuat postingan yang alami dan sedang2 saja :D agar alexa-nya sedikit-demi sedikit tunduk sama blog sobat :D.

  • Submit Artikel Blog Ke Situs Social Bookmark (SOSBOK)
Setelah sobat membuat artikel atau postingan di blog, sobat wajib juga mensubmit postingan blog kita ke beberapa situs social bookmark (SOSBOK). Ini juga cara yang sangat ampuh untuk mengecilkan alexa rank blog kita dan juga mengundang banyak visitor ke postingan blog kita. Nah, apalagi situs sosbok tersebut dofollow, maka blog kita juga mendapatkan backlink secara gratis!.

  • Lakukan Ping Blog
Lakukanlah ping blog sobat minimal 2 kali sehari. Fungsinya untuk merefresh blog sobat di mata search engine. Jika sobat baru selesai ganti template, atau ngotak-atik blog. Wajib ping agar tetap terindeks mbah google.

  • Carilah Backlink
Bagaimana cara mencari backlink? tinggal korek2 di mbah google :D. Maaf sobat, agak sedikit ngawur. Carilah backlink yang sebanyak-banyaknya dengan cara berkomentar di blog dofollow. Apalagi blog tersebut ber Pagerank tinggi pasti alexa blog kita agak menciut dikit :D. Salah satu blog dofollow adalah blog saya ini.

Itu saja yang saya share di postingan ini. Sebenarnya masih banyak cara-cara lain untuk mengecilkan alexa blog kita.Silahkan sobat review dan kasih bintang 5 blog saya, dengan cara klik gambar dibawah ini!. Terimaksih.
Review www.putupunyablog.blogspot.com on alexa.com

Monday 12 November 2012

Cara Memasang Zodiak Dan Shio di Blog


Kali ini saya ingin berbagi artikel tentang cara untuk membuat agar Blog atau web anda semakin lebih menarik, tidak ada salahnya kalau anda memasang script Pencari Zodiak dan Shio di Blog anda. Karena selain blog anda lebih menarik sekaligus bisa ada manfaatnya buat pengunjung blog anda yang siapa tau belum mengetaui Zodiak dan shionya. Tidak terlalu sulit untuk memasang di blog anda, bahkan kalau saya bilang sangat gampang sekali.





Sila
hkan ikuti langkah-langkah berikut ini :

  1. Login dengan ID Blogger anda
  2. Silahkan Klik ---> Dasbor
  3. Kemudian klik--->Tata Letak
  4. Lanjutkan klik ---> Elemen Halaman
  5. Selanjutnya klik --->Tambah Gadged--->
  6. Pilih HTML/JavaScript
  7. Kemudian Copy script di bawah ini dan simpan



<script language="javascript">

//Astronomi China By WEB AGUNG
//Visit To web-agung.blogspot.com for script

function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;

with (document.zodiac.sign){

if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
if (month == 3 && date > 31) {value = "OK. Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "Tikus";}
if (x == 0) {value = "Ox";}
if (x == 11 || x == -1) {value = "Macan";}
if (x == 10 || x == -2) {value = "Kelinci";}
if (x == 9 || x == -3) {value = "Naga";}
if (x == 8 || x == -4) {value = "Ular";}
if (x == 7 || x == -5) {value = "Kuda";}
if (x == 6 || x == -6) {value = "Kambing";}
if (x == 5 || x == -7) {value = "Monyet";}
if (x == 4 || x == -8) {value = "Ayam";}
if (x == 3 || x == -9) {value = "Anjing";}
if (x == 2 || x == -10) {value = "Babi";}

}
}
</script>
<form name="zodiac">
<center>
<table bgcolor="#9DACBF" border="2" bordercolor="#000000" rules="none" cellspacing="2" cellpadding="4">
<tr>
<td width="55"><b>Tahun</b></td>
<td width="155"><input type="text" size="10" name="year" onClick=value=""></div></td>
<tr>
<td><b>Bulan</b></td>
<td>
<select name="month">
<option value="x">Pilih Bulan</option>
<option value="1">Januari</option>
<option value="2">February</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Augustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select></td>
</tr>
<tr>
<td><b>Tanggal</b></td>
<td><input type="text" name="date" size="3" onClick=value=""></td>
</tr>
<tr>
<td colspan="2" bgcolor="#9DACBF"><div align="center">
<input type="button" value="Klik Untuk Melihat Hasilnya" onClick="signs()">
</div></td>
</tr>
<tr>
<td><b>Zodiak: </b></td>
<td bgcolor="#9DACBF"><div align="right">
<input type="text" name="sign" size="12" value="" align="right"></div></td></tr>
<td></td></tr>
<tr>
<td><b>Shio:</b></td>
<td bgcolor="#9DACBF"><div align="right">
<input type="text" name="csign" size="12"></div></td>
</tr>
</table>
</center>
</form>

<p align="center">This script by<br />
<blink><a href="http://web-agung.blogspot.com">WEB AGUNG</a></blink></p>
Sumber : klik

Sunday 11 November 2012

Cara Membuat Blog-blog Yang Ringan Dan Nyaman Di kunjungi Oleh Visitor




Hallo Sobat Blogger's Kali Ini Saya Akan Memberitahukan Bagaimana Sih Cara-cara Membuat Blog-blog Yang Ringan Dan Nyaman Di kunjungi Oleh Visitor..
Jangan Panjang lebar akh:
hehe..
Yuk LAngsung Aja:
CEKIDOT!

ringan adalah berikut :

1. Jangan pasang JavaScript berlebih untuk sebuah atau banyak widget, contoh :

- Buku tamu melayang (floating). Ada bainya kalau ingin pasang Buku Tamu didalam area Posting saja.

- Iklan melayang (floating) setahu saya saat googling tentang 'memasang iklan' selalu ditemukan script iklan yang sama berkali-kali. Script yang seperti ini menurut saya script Bodoh, lihat saja kalau keluar iklannya kata-kata dan title iklan selalu itu-itu saja ini seperti sudah disetting. Jika ingin memasang iklan seperti ini HANYA untuk ingin juga membuat blog lebih bergengsi dengan iklan sebaiknya tidak perlu, percuma, iklan hanya itu-itu saja.

- widget kolam Ikan, sangat tidak penting.
- Widget Jam, lihat komputer, sudah ada jamnya. Atau mungkin lihat HP.
- Widget Musik Player.
- dan masih banyak lagi. Widget yang berat dipasang terlalu bergaya akan menimbulkan efek negatif pada blog.

2. Perhatikan CSS, apabila Css itu besar dan berat maka kompresslah atau simpan di Google Sites dan Google Code, ini untuk membuat loading lebih ringan. Atau lakukan keduanya Kompress dan simpan di tempat Google.

3. Kurangi Widget yang dianggap Backlink terlalu banyak. Perhatikan blog-blog yang tidak efisien element, akan banyak mengandung widget-widget seperti backlink atau sebagainya.

4. Kurangi pemasangan gambar terlalu besar ukurannya.

5. Kurangi pemakaian Element yang banyak, ini akan menimbulkan blog bersekat-sekat, dan lambat dibaca mesin pencari.

6. Sebaiknya jangan pasang Game pada Blog.


Kemudian babak kedua, Tips dan pengetahuan agar Blog lebih SEO. Hal SEO ini juga sudah banyak sekali kita temukan pada mesin pencari andalan, Google. Tapi sudah saya katakan tadi, ada baiknya untuk diperhatikan kembali.


1. Perkecil dan Simpan CSS dan JS dalam Google Sites, ini agar GoogleBot yang setiap hari melacak blog kita lebih menyukainya karena template yang simple.


2. Pasang SEO Smart Link dan Google Analystic.

3. Jangan GANTI TAG "<body>" dengan widget lain, seperti animasi loading, saat saya browsing saya temukan tentang animasi loading pada blog, dan didalamnya terdapat TAG "<body>" yang mesti diganti dengan JS lain, ini salah menurut saya, kemungkinan mengganti akan melanggar ketentuan Blogger maupun Google

Wednesday 17 October 2012

Menghilangkan Tanda Obeng & Tang di Blog

 
Asalamualaikum Wr.Wb
Tanda Obeng & tang Selalu Muncul ketika kita ingin mengedit Blog kita.
Nah, sekarang saya akan Sharing Cara Menghilangkan anda Obeng & Tang, ikuti Langkah Berikut :

1.Login Akun Blog SObat
2.Masuk Ke Template
3.Klik Edit HTML => Lanjutkan
4.Centang Expandt Widget Template
5.Cari Kode ]]></b:skin>
6.Letakkan Code Berikut Tepat diatas ode ]]></b:skin>
 .quickedit{
display:none;
}
7.Save Template

Terima kasih sudah mengunjungi blog saya ^_^

Cara Membuat Template Blogger versi Mobile

Jika sobat ingin menampilkan blog dalam tampilan mobile dari blog yang sobat miliki seperti untuk tampilan pada handphone,smartphone,etc(versi mobile),ada trik singkat sob,yang mana hal ini memiliki kekurangan namun juga memiliki kelebihan yang sangat menguntungkan dari owner blog itu sendiri.

Diantara kekurangan tampilan blogger versi mobile adalah:

-Widget yang kita miliki tidak akan dapat tampil,seperti widget kalender,navigasi menu,dan lain sebagainya kecuali jika sobat melihatnya dalam tampilan versi web lengkap dalam handphone sobat.
-Iklan yang kita miliki tidak dapat tampil dalam template blogger versi mobile ini.


Sedangkan kelebihan dari blogger template mobile ini adalah:


-Blog yang kita miliki memiliki lebih banyak peluang untuk dapat dinikmati dan dilihat banyak orang.
-Mempermudah pembaca karena tampilan yang simple dan hanya memprioritaskan isi posting saja.
Hal ini pernah saya coba sob,saat saya mencoba membukanya di handphone milik teman saya yang berbasis 'Android' (beda dengan hp milik saya yang memiliki os bernotabene 'ngirid',hihihi) dan hasilnya sangat luar biasa.
Jangan khawatir,jika sobat ingin menampilkannya seperti situs aslinya tinggal pilih aja 'versi lengkap' yang ada di handphone sobat nantinya.

Cara Meng-aktifkan Blogspot template for Mobile

Sobat pilih Dashboard lalu pilih Settings (gb1) lalu pilih Email & Mobile (gb2) selanjutnya checklist checkbox Yes. Show mobile template on mobile devices. (gb3) kemudian pastikan selera sobat benar (gb4),jika dirasa sudah pas klik Save Settings (gb5) dan lihat hasilnya di handphone milik kamu :D

Cara Mengedit Tampilan (Template) di Blogger Baru Mobile
gb1

Cara Membuat Blogger Menjadi Mobile Version
gb2

Cara manual membuat web mobile
gb3

Cara Trik Membuat Blog Tampilan Versi Mobile - HP
gb4

membuat template blogger di handphone
gb5

Sumber  : klik

Tuesday 2 October 2012

Membuat Tanda Tangan Disetiap Bawah Postingan

Membuat Tanda Tangan Disetiap Bawah Postingan – Signature atau tanda tangan adalah tulisan tangan yang biasanya diberi tulisan tangan tertentu dari nama seseorang atau identifikasi lainnya yang ditulis pada dokumen sebagai sebuah bukti dari identitas dan kemauan. Kalau yang ini beda lagi, karena tanda tangan ini berada di bawah postingan blog dan secara otomatis akan muncul disetiap bawah postingan. Pasti menarik, bukan? Nah, anda mau mencoba membuatnya? Oke, kalau begitu silahkan ikutu langkah-langkah berikut ini.

Langkah pertama:
  1.  Silahkan kunjungi situs mylivesignature.com.
  2.  Lalu klik tulisan "Click Here To Start" pada halaman utama situs tersebut.



  3.  Selanjutnya klik tulisan "Using  the signature creation wizard".

  
 4.  Lalu masukan nama tanda tangan pada kolom Step 1 dan klik "Next Step" jika sudah.
  5.  Pada Step 2, silahkan pilih tampilannya sesuka anda dan klik "Next Step" jika sudah.
  6.  Step 3, pilih ukuran tanda tangannya dan jika sudah klik "Next Step".
  7.  Pilih warna latar belakang dan warna tampilan tanda tangan pada Step 4. Lalu klik "Next Step".


 8.  Lalu silahkan pilih lereng atau kemiringan tanda tangannya pada step 5 dan klik "Next Step" jika sudah.
  9.  Pada halaman berikutnya, klik tulisan "Want to use this signature?" dan akan terbuka halaman baru.



1
0.  Kemudian klik tulisan "Generate HTML code".



11.  Selanjutnya pilih dan klik salah satu tampilan yang anda sukai, diantaranya:

     - Generate a code for my handwritten signature.
     - Generate a combined code: my info with the handwritten signature over it. 
1
2.  Silahkan anda copy kode yang muncul pada halaman selanjutnya.



Langkah kedua:
1.  Login dengan akun blogger anda dan menuju ke dasbor.
2.  Ke Rancangan > Edit HTML > Centang Expand Template Widget.
3.  Cari kode <data:post.body/> dan letakan kode tadi tepat di bawahnya.
4.  Klik Simpan.
5.  Lihat hasilnya.
 
Contohnya yang sudah jadi seperti berikut ini:



>>>Selamat Mencoba<<<

  

Sumber : klik

Thursday 27 September 2012

Belajar Menginstall Blog secara Offline di Localhost – Bagian 1

Pada kesempatan pertama ini saya hanya ingin berbagi sedikit pengalaman kepada teman-teman mengenai asal mula kenapa saya menggunakan wordpress. Mungkin teman-teman sudah paham bahwa proses modifikasi dan membuat tulisan termasuk dalam aktivitas blogging yang paling memakan banyak waktu. Oleh karena itu, saya terpaksa menghabiskan banyak waktu di warnet karena pada saat itu saya masih belum memiliki jaringan internet sendiri dirumah. Hal ini membuat saya berpikir solusi efektif apa yang bisa digunakan untuk mensiasati kendala tersebut.
Atas bantuan Mbah Google, akhirnya saya mengetahui bahwa kita bisa menginstall blog secara offline di localhost pribadi. Cuma yang perlu diperhatikan disini adalah kita harus menggunakan platform media berbasis Content Management System (CMS) seperti: WordPress, Joomla, dan lain-lain. Sedangkan untuk blogspot sendiri tidak bisa digunakan secara offline karena sistem aplikasinya sudah terintegrasi menjadi satu dengan database induk miliknya Google. Oke, mungkin secara security tingkat keamanannya lebih terjamin karena database yang digunakan adalah database Google sendiri. Namun, kita tidak bisa melakukan modifikasi sesuka hati dikarenakan semuanya telah diatur dalam Term of Statement (TOS) Google. Namanya juga numpang gratis, jadi mau tidak mau harus patuh dengan peraturan yang dibuat pemilik rumahlah. Benar ngga?
Untuk langkah pertama, kita diharuskan untuk menginstall aplikasi dasar yang dibutuhkan yaitu Apache dan MySQL. Secara manual, proses penginstalan kedua aplikasi ini bisa dibilang agak rumit dan dibutuhkan pengetahuan dasar mengenai konsep database dan teknik pemrogaman. Oleh karena itu, diciptakanlah sebuah paket instalasi yang cukup sederhana dimana setiap orang bisa melakukannya. Paket instalasi ini diberi nama XAMPP, jika teman-teman ingin mengunduhnya dapat melalui link Download XAMPP. Setelah diunduh, langkah-langkah yang harus dilakukan berikutnya adalah sebagai berikut:
1.  Ekstrak File Setup Aplikasi XAMPP
2.  Klik Dua Kali File Setup Aplikasi XAMPP
Begitu diklik dua kali, akan muncul kotak Installer Language, pilih English, dan tekan tombol OK. Proses penginstalan akan langsung menuju ke langkah berikutnya.
3. Start to Installation
Akan muncul tampilan wizard seperti tampak pada gambar disamping, langsung klik tombol Next dan proses instalasi akan dimulai. Untuk lebih jelasnya, dibawah ini akan saya tampilkan preview langkah-langkah instalasi XAMPP berikutnya.
Tentukan lokasi folder dimana aplikasi akan diinstal, secara default komputer akan mengarahkan file aplikasi tersebut ke folder C:\xampp. Jika tidak ada perubahan, klik Next. Ikuti semua langkah-langkah instalasinya seperti yang tertera didalam buku panduan online aplikasi tersebut. Jangan kuatir untuk mengalami kesalahan penginstalan karena kalau tidak begitu, kita tidak akan mau belajar. Benar ngga?. Still confident aja deh, hehehe…
Ada beberapa langkah yang harus dilalui sebelum aplikasi XAMPP terinstal dengan baik dan sempurna.
Pada tampilan XAMPP Options, centang pilihan Install Apache as service dan Install MySQL as service. Setelah itu baru klik tombol Install ditekan dan proses instalasi akan langsung dimulai. Dan setelah proses instalasi selesai dilaksanakan, aplikasi XAMPP langsung dapat digunakan.
Setelah semua proses instalasi sudah berhasil dilakukan, akan muncul jendela konfirmasi yang menginformasikan bahwa aplikasi XAMPP telah terinstal dengan baik. Untuk proses berikutnya, kita diminta menginstal aplikasi CMS yang akan digunakan yaitu WordPress. Aplikasi ini akan diinstal di localhost yang baru saja kita instal bersama, kalau memang tidak ada masalah lagi mari kita melanjutkan proses berikutnya. Untuk lebih jelasnya, silahkan baca tulisan saya berikutnya yang berjudul Cara Menginstall WordPress Offline di Localhost Bagian 2. Trims… (DW)

Sumber : klik

Belajar Menginstall Blog secara Offline di Localhost – Bagian 2

Nah, setelah sistem database berhasil diinstal di server localhost maka langkah selanjutnya adalah menginstal aplikasi CMS menggunakan WordPress. Selain wordpress, beberapa CMS lain yang dapat digunakan, antara lain: Joomla, Drupal, Mambo, dan lain-lain. Jika diantara teman-teman ada yang ingin mengulang belajar menginstal aplikasi database di server lokal, silahkan membaca tulisan saya sebelumnya. Untuk aplikasi wordpressnya sendiri, dapat menggunakan versi yang berbahasa Inggris (download disini) atau yang berbahasa Indonesia (download disini).
Ekstrak file wordpress yang sudah didownload dalam bentuk zip, letakkan di sub folder htdocs yang ada didalam folder c:\xampp. Ganti nama folder wordpressnya menjadi nama domain yang diinginkan, dalam kasus ini saya mengganti namanya menjadi zahirkalbar.
Sekarang dari browser masuk ke http://localhost, maka secara otomatis tampilan XAMPP akan langsung muncul seperti yang tampak pada gambar dibawah ini. Pilih language menu English untuk dapat menggunakan aplikasi XAMPP dalam tampilan berbahasa Inggris (lihat tampilan gambar berikutnya).
Pilih menu phpMyAdmin yang terdapat disisi kiri tampilan XAMPP for Windows untuk membuat database yang akan digunakan. Ini merupakan tahapan yang harus dilakukan pertama kali sebelum wordpress offline diinstal.
Pada field Create New Database, isi nama database yang akan dibuat kemudian klik tombol Create yang ada dibawahnya. Perhatikan tampilan gambar dibawah ini:
Akan muncul jendela konfirmasi seperti dibawah ini, klik Continue untuk melanjutkan. Setelah itu, database sudah siap untuk digunakan.
Sekarang saatnya melakukan instalasi wordpress, ketik di browser http://localhost/zahirkalbar. Akan muncul tampilan wizard instalasi wordpress yang pertama, klik tombol Create a Configuration File untuk melanjutkan. Setelah itu, perhatikan proses instalasi berikutnya dari tampilan-tampilan gambar berurutan dibawah ini:
Nah, sampai disini aplikasi wordpress sudah bisa untuk digunakan. Jika diperhatikan maka tidak ada perbedaan tampilan wordpress yang terinstal di offline maupun online, perbedaannya hanya terletak di link address dan lokasi database yang digunakan. Menggunakan wordpress secara offline ini dapat dimanfaatkan teman-teman untuk memodifikasi theme maupun mempelajari struktur wordpress secara lebih detail. Maklumlah, kalau mau dipelajari secara online setidaknya setiap hari harus nongkrong di warnet. Tekor bandar waa… Btw, sejak saya memiliki akses internet sendiri dirumah metode menggunakan wordpress secara offline ini tidak pernah lagi saya gunakan. Jadi, semoga saja sharing pengalaman ini dapat bermanfaat bagi siapa saja yang membutuhkan. Aminnn… (DW)

Sumber : klik

Sunday 23 September 2012

Cursor untuk blog

hehehe saya coba coba bikin cursor untuk blog :D

caranya :

1.Masuk ke Blog
2.Tata letak
3.Tambah gadget
4.HTML/Javasrcipt
5.masukan Sricpt berikut
<style type="text/css">body {cursor:url("masukan link gambar "),default}</style>

Style 1



Style 2 

Style 3 

Style 4 


Hehehe walaupun jelek tapi bangga dengan hasil sendiri :D
 
Sumber : klik

Saturday 22 September 2012

7 Tips Membuat Artikel Blog Menarik & Enak Dibaca

artikel blog kreatif
Ada banyak yang merasa was-was dalam menulis konten atau artikel blog. Banyak juga yang kemudian merasa menulis artikel adalah pekerjaan berat yang menguras tenaga, bahkan pembaca pun akhirnya ikut merasa berat juga ketika harus membaca artikel yang dibuat dengan cara demikian, karena artikel tampak datar dan membosankan. Kemarin ada sobat blogger yang bertanya melalui email mengenai teknis atau format artikel blog yang tampak menarik dan nyaman dibaca. Yah, kuncinya menurut saya sederhana, gunakan motivasi bahwa "artikel itu dibuat untuk dibaca", bukan sekedar menambah jumlah posting. Dalam artikel ini saya akan menyampaikan beberapa tips berkaitan dengan format tulisan artikel blog, jika sebelumnya sobat belum membaca mengenai faktor non teknis dalam menulis artikel, silahkan simak dulu 7 Tips Membuat Artikel Blog Menarik & Enak Dibaca

Kembali ke topik. Artikel dibuat untuk dibaca. Dan artikel yang bagus bukan berarti artikel yang berat loh. Bisa jadi berbicara mengenai "buah apa saja yang ada di kebunku" jauh lebih menarik daripada "tips hebat mendapatkan jodoh dalam satu hari". Dimana letak perbedaan yang bisa membuat tema pertama lebih menarik? Pada format penyajian konten. Dan perbedaan format kecil saja bisa membuat tema kedua tersebut dilibas habis oleh tema pertama.

Tentunya, asumsi dasar dari menulis artikel adalah mengenai apa yang diketahui. Iitulah alasan mengapa seseorang memiliki blog atau website: untuk menuangkan apa yang dia ketahui, pelajari, kembangkan, atau bahkan mungkin dibuat. Sobat pasti mengetahui, mempelajari, dan menguasai sesuatu. Berangkatlah dari itu. Ketika sobat menuliskannya, tidak akan ada kesulitan berarti dan justru akan sangat menyenangkan. 

Oke, lanjut lagi ke format artikel. Ini hanya masalah membiasakan dan mengingat format atau bentuk artikel yang user friendly. Seketika sudah terbiasa, pasti akan menyenangkan, dan terlebih lagi akan menghasilkan sesuatu yang menguntungkan, monetisasi. Untuk memastikan artikel sobat dibaca dan enak dibaca, berikut beberapa tips mengenai format penyajian artikel blog:

1. Gunakan paragraf
Paragraf sangat penting untuk membagi pokok pikiran, sehingga isi masing-masing pokok pikiran dapat dituangkan dengan batasan-batasan yang jelas. Pembaca dapat dengan mudah mengikuti setiap pemikiran tersebut karena ada pemisahan. Satu paragraf jangan sampai terlalu panjang, misalnya hingga lebih dari setengah halaman, karena ini dapat menurunkan mood pembaca. Membaca seolah menjadi pekerjaan berat dan tidak menyenangkan. Ingat, paragraf tidak mesti berupa sekumpulan kalimat berjumlah banyak, kadang cuma satu kalimat, bahkan cuma satu kata! Jangan lupa beri jarak antar paragraf / beri ruang kosong, sehingga paragraf-paragraf tidak tampak berdesakan.

2. Gunakan format justify (rata kiri kanan)
Format ini cenderung membuat artikel tanpa rapi di masing-masing sisi, sehingga membacanya pun enak. Gunakan text align justify ini pada bentuk tulisan pada artikel murni. Tentunya, jika ada tulisan yang mengandung bentuk-bentuk lain seperti kode/script, jangan terapkan rata kiri kanan pada bagian tersebut.

3. Gunakan list, baik angka atau bentuk lain (unordered list).
Menggunakan list untuk menekankan poin-poin tertentu membuat pembaca mudah mengingat dan mengambil intisarinya. Jika ada penjelasan tambahan, barulah ditambahkan dalam beberapa kalimat atau sebuah paragraf. Ketika ada format list, pembaca akan tahu ada penekanan point dan ada petunjuk bahwa pada bagian list inilah semua poin penting disampaikan. Ini sangat berguna jika sobat membuat artikel-artikel yang memiliki poin-poin yang ditekankan, misalnya tips, petunjuk, prosedur, manual, jenis-jenis, dan lain-lain.

4. Gunakan heading atau sub-heading
Menggunakan heading dapat memberikan peluang untuk membagi tulisan dalam sub-sub tertentu. Ini akan memudahkan pembaca bergerak dari satu poin ke poin lainnya. Format ini akan sangat bermanfaat bagi artikel yang sangat panjang dan memuat banyak pokok pembicaraan dalam sebuah topik. Heading atau sub heading dalam format HTML menggunakan tag header dari <h1> sampai <h6>. Saran saya gunakan sub heading di bawah level judul artikel. Sobat dapat dengan mudah memformatnya dengan menggunakan text selection pada sebaris kata yang hendak dijadikan sub heading, kemudian lihat ke atas text editor, ada menu dropdown dengan menu utama "Normal", klik dan pilih format heading, sub heading, atau minor heading. Di WordPress, tampilan menu utama adalah "Paragraph", ubah menjadi header1, header2, header3, .... dan seterusnya.

5. Gunakan judul artikel kreatif dan menarik
Judul artikel ibarat mahkota. Apa yang dia tampakkan berpengaruh pada seberapa menarik artikel di dalamnya. Buat judul sekreatif mungkin. Jangan hanya terpaku pada keyword, karena itu justru dapat mengurangi nilai artikel, padahal mungkin artikel di dalamnya sangat bagus. Misalnya, daripada menggunakan "8 Tips Mendapatkan Jodoh", cobalah variasi lain. Contoh, "Dapatkan Jodohmu Dengan 8 Cara Mudah ini!". Gunakan pula format-format yang lebih provokatif, misalnya dengan menggunakan kalimat tanya. Sering loh saya mendapati incoming search yang menggunakan keyword kalimat tanya, misalnya, "Link building itu apa sih?", "bagaimana cara blog saya dikunjungi???", dan lain-lain. Beneran ada tuh, ga bohong. Mungkin orang sudah menganggap Google itu manusia yang bisa jawab kali ya...

6. Upayakan pembaca tertarik dari awal hingga akhir
Dari awal paragraf, gunakan situasi-situasi nyata agar pembaca dapat mengkaitkan dengan dirinya sendiri. "Nah, ini gue banget nih!", "Hmmm, ini yang aku butuhin....", "Oh, gitu ya, jadi gimana cara ngatasinnya?", dst... Gunakan deskripsi dan metafora untuk mengantarkan poin pembicaraan, tapi jangan terlalu berlebihan. Jika dibutuhkan, upayakan gunakan gambar untuk mendeskripsikan suatu situasi atau contoh agar pembaca dapat dengan mudah menyerapnya.

7. Gunakan Pengalaman pribadi sebagai contoh dalam topik
Gunakan pengalaman pribadi anda ketika menemui suatu masalah dan dalam memecahkannya. Ini yang membuat suatu karya tulis bernilai tinggi, karena sobat tidak hanya menuliskan apa yang didengar, atau yang sudah ditulis orang lain saja, melainkan dikembangkan menjadi apa yang dialami sendiri dan dikuasai betul. Sobat tidak akan sekedar berbicara sebagai guru yang mengajar sambil memegang buku pelajaran terbitan luar, tapi seperti seorang narasumber yang memegang catatan pribadi dan menyampaikan apa yang dialami, diteliti, dan dicarikan jalan keluarnya.

Oke, semoga dapat memberikan gambaran buat sobat agar lebih mawas dengan format tulisan pada artikel yang sobat buat. 

Have a nice writing!
 
Sumber : klik

Cara Membuat/Memasang Tombol Google +1 di Blogger/Blogspot


Seperti yang telah ramai diberitakan di dunia internet, Google telah membuat satu fitur baru:" Official Google +1 Button" yang merupakan tool bagi pengunjung blog/web serta search engine untuk memberikan "voting" bagi sebuah halaman blog/web yang menurutnya memiliki nilai (value) manfaat yang besar. Menurut Google, +1 Button juga memberikan referensi dan rekomendasi bagi Google dalam menentukan peringkat suatu halaman web di search engine (SERPs). Oleh karena itu, memasang tombol +1 Google bisa menjadi salah satu alternatif bagi pemilik blog/web untuk meningkatkan SEO blog/web tersebut. Meskipun saat ini fitur Google +1 baru muncul di domain google.com, namun memasangnya mulai sekarang tidak ada salahnya, karena di domain tersebut pun semua website di berbagai belahan dunia juga diperhitungkan, apalagi jika nanti fitur ini juga muncul di domain google.co.id, pasti lebih bermanfaat dan berkali lipat efeknya terhadap SEO dan SERPs.

Cara memasang Tombol +1 Google di Blogger/Blogspot:
Untuk template blogger yang default atau secara official merupakan bawaan blogger, fitur ini dapat dibuat dengan mudah melalui halaman page elements/edit gadget, karena fitur ini sudah secara resmi ditambahkan ke Blogger. Perhatikan gambar berikut:


Tombol +1 Google dapat dengan mudah ditampilkan dengan mencentang "Show Share Button". Masuk ke dashboard > design/rancangan > kemudian klik "edit post " di bagian badan template dan akan tampil pop up window seperti gambar di atas.

Namun, bagi template yang sudah dimodifikasi dan bukan default template, fitur "share button" biasanya telah dihapus. Oleh karena itu diperlukan editing template HTML untuk menambahkan fitur/tombol +1 Google tersebut.
Secara official, ada 3 jenis button atau tombol Google +1:
standard
medium
small

1. Masuk ke dashboard > design/rancangan > edit HTML >"expand widget templates"
2. Copy kode berikut dan paste tepat SEBELUM </head>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
3. Copy kode berikut:
<!-- Google +1 Button  -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-share-buttons' style='float:right;padding:4px;'>
<g:plusone size="standard"></g:plusone>
</div>
</b:if>
<!-- http://buka-rahasia.blogspot.com -->
Kostumisasi Tombol Google +1:
a. Ganti standard dengan medium atau small jika ingin mengubah ukuran tampilan button/tombol seperti contoh di atas.
b. Ganti right dengan left jika ingin button/tombol berada di sisi kiri.
c. Kode berwarna biru akan menampilkan tombol hanya ketika halaman posting dibuka. Jika anda menggunakan auto readmore, maka tombol tersebut tidak akan muncul di post summary, sehingga tampilan post summary tidak akan rusak.  Jika anda tidak menggunakan auto readmore atau menggunakan readmore tapi tetap ingin menampilkannya di post summary, hapus kode biru tersebut.

Cara Memasang Google +1 Button:
(Update: Ini sekaligus untuk menjawab beberapa permasalahan yang disampaikan dalam beberapa komentar di bawah):

>> Karena banyaknya permasalahan ketika memasang tombol Google +1, kode yang harus dicari saya ubah untuk memudahkan pemasangan (meskipun sebenarnya sama saja, hanya untuk memudahkan pencarian)
4. Jika ingin memasang button di bagian bawah posting, cari <div class='post-header-line-1'/> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya. Jika kode tersebut tidak ketemu, letakkan kode di ATAS <data:post.body/>.
5. Jika ingin memasang button di bagian bawah posting, cari  <data:post.body/> (gunakan Ctrl+F) dan paste kode tersebut tepat di BAWAH-nya.
6. Save template.

>> Tombol Google +1 sebenarnya sampai saat ini masih menjadi uji coba Google, baik dalam script-nya (beta) maupun dalam fungsinya sebagai vote dan share hasil pencarian. Seperti yang saya amati, script Google +1 masih tidak stabil; baik dalam fase file downloading-nya maupun ketika diload oleh beberapa browser tertentu. Kadang-kadang tombol tidak muncul atau kita tidak bisa melakukan vote, sehingga, ketika setelah script dipasang tombol tidak muncul, kemungkinan juga disebabkan oleh permasalahan itu.


Sumber : klik 

Friday 21 September 2012

Cara Memasang +1 Google Di Setiap Postingan

Artikel kali ini saya membahas dan melanjuti artikel sebelumnya tentang +1 Google atai biasa disebut One Plus Google yaitu Cara Memasang +1 Google Di Setiap Postingan. Seperti yang sobat ketahui bahwa +1 atau one plus google adalah salah satu cara untuk meningkatkan page rank di google search engine dan merupakan fiture terbaru dari google.
Langsung, kali ini saya menempatkan +1 google di bawah postingan. berikut langkah-langkahnya :
  1. Masuk ke Google Webmasters kemudian tentukan jenis tombolnya
  2. Salin dan tempelkan kode berikut ke template sobat kira-kira seperti ini kodenya
    <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
    <!-- Tempatkan tag ini di tempat yang Anda inginkan untuk menampilkan tombol +1 --><br>
    <g:plusone></g:plusone>

  3. Selanjutnya Masuk ke dasbor sobat kemudian pilih Rancangan, beri tanda centeng Expand Template Widget.
  4. Cari kode ]]></b:skin> kemudian sisipkan kode berikut di bawahnya :
    <script src='http://apis.google.com/js/plusone.js' type='text/javascript'>
    {lang: 'id'}
    </script>

  5. Selanjutnya cari kode berikut :
    <b:if cond='data:post.url'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>

    selanjutnya letakkan kode <g:plusone></g:plusone> tepat dibawah kode diatas, lengkapnya seperti berikut:
    <b:if cond='data:post.url'>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <g:plusone></g:plusone>

Mudah bukan, penempatan +1 google tergantung selera sobat, kode diatas sesuaikan dengan template sobat dikarenakan tidak semua template sama. Selamat mencoba


Sumber : klik 

Cara Memasang Iklan Adsense Berdampingan


Berikut langkah-langkahnya :
  1. Buka akun blogger sobat
  2. Pilih Edit hmtl, kemudian beri tanda centang pada Expand widget templates
  3. Cari kode <data:post.body/>
  4. Selanjutnya ganti kode tersebut dengan kode berikut ini :
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='float:left;'>
    kode adsense sobat

    </div>
    <div style='float:right;'>
    kode adsense sobat

    </div>
    <p><data:post.body/></p>
    <b:else/>
    <p><data:post.body/></p>
    </b:if>

  5. Tempatkan kode adsense sobat pada baris kode yang bercetak tebal, tentunya kode adsense sobat harus diparse terlebih dahulu.
  6. Langkah terakhir save template sobat.

Sampai disini sobat, semoga artikel kali ini bermanfaat. 


Sumber : klik