Headlines News :
16.45

Cara Membuat Efek Link Pelangi Keren Di Blogger

Written By lehan.nir on Sabtu, 18 Oktober 2014 | 16.45

Di artikel kali ini saya akan membahas tentang Cara Membuat Efek Link Pelangi Keren Di Blogger karena pada saat mouse diarahkan ke Link maka Link tersebut akan berganti-ganti warna pelangi sebagai contoh anda bisa lihat di bloggger ini (lehan AS) arahkan mouse ke link dan lihat keren bukan, Oke langsung saja jalan GPL :
*)  Masuk ke blog;
*)  Pilih Tamplate- EDIT HTML - Centang Expand Template;
*)  Cari code <head> Gunakan CTRL+F atau F3;
*)  Paste code dibawah ini, tepat dibawah code <head>
<script src='http://tutorialforyou.googlecode.com/files/link-warna-warni.js' type='text/javascript'/>


*)  Klik simpan dan lihat hasilny;
*)  Selamat mencoba dan sukses !!!

Diposting oleh lehan.nir 0 komentar
Label:
15.23

Cara Membuat Tulisan/Teks Bergerak di Samping Favicon

http://1.bp.blogspot.com/-wGYYeeMaYvQ/TfMVa4JDoyI/AAAAAAAAAbw/HxWJvo63Xio/s1600/favicon-for-blogger.jpg 


Pada posting kali ini saya membahas bagaimana Cara Membuat Tulisan/Teks Bergerak di Samping Favicon : Baca Artikel Cara Edit Favicon/Animasi Bergerak Di Blog : agan pasti tau kan apa itu Favicon pada blogge, kalau belum dibawah ini : ...
  • Favicon pada blogger ialah berupa gambar dengan logo huruf B dengan background warna orange;
  • Loginkan akun blog agan di blogspot.com 
  • Pilih template > edit HTML ;
  • Kemudia cari tulisan </head> dan pastekan kode berikut tepat dibawah kode tersebut.
<script type="text/javascript">
//<![CDATA[
msg = "(Selamat-Datang-Di-Blog-'LEHAN-AS-Net'-Nirwana-OKU-Timur)+++";+ msg;pos = 0;
function scrollMSG() {
document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;
if (pos > msg.length) pos = 0
window.setTimeout("scrollMSG()",150);
}
scrollMSG();
//]]>
</script>

  • Ganti tulisan berwarna Merah dengan tulisan yang agan inginkan ;
  • Terakhir "Simpan Template"
Keterangan : Bagi yang belum tinggalkan jejak harap dengan seksama tinggalkan dulu ... Ok !!!
Diposting oleh lehan.nir 1 komentar
Label:
10.17

Cara Membuat Like Box Facebook Auto Hide Pada Blog

Sobat blogger, sekarang saya akan share artikel mengenai Cara Membuat Like Box Facebook Auto Hide Pada Blog. Karena adanya permintaan dari sobat blogger yang menanyakan bagaimana cara membuat like box facebook auto hide, berikut saya kasih langkah-langkah bagaimana cara membuatnya.

Sebelum masuk ke langkah-langkah pembuatannya ada baiknya saya jelaskan sedikit mengenai like box facebook auto hide ini. Mungkin dari sobat blogger ada yang bertanya apa manfaat dan kegunaan like box facebook ini. Kegunaannya selain dapat menambah jumlah pengikut pada blog sobat, like box facebook ini juga bermanfaat untuk mengefisienkan halaman blog sobat agar lebih terlihat menarik dan tertata rapi, hanya itulah yang bisa saya jelaskan. berikut langkah-langkah membuatnya :
  • Masuk ke akun blog sobat.
  • Pilih Template > Edit HTML
  • Cari kode </head> Biar cepat gunakan Ctrl+F di kotak Edit HTML.
  • Copy kode dibawah ini > Paste kode di diatas kode </head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> </script>
  • Kemudian "Simpan Tempalate"
Keterangan : Jika sobat sudah memiliki kode tersebut di template, kode diatas ini tidak usah di copy. Langsung ikuti langkah dibawah ini

  • Pilih Tata Letak.
  • Kemudian Pilih Add Gedget / Tambah Gedget.
  • Pilih HTML/Javascript.
  • Kemudian Copy kode dibawah ini
<script type="text/javascript">
//<!--
$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
//-->
</script>
<style type="text/css">
.floatinglikebox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWeVeMg0ikzIPR8D4HBxpWQhuJlS2NnC0NZmix6RcGQZxV-HpDuoHEiB-Ea_PqZoe0dR-b18DEwTbz1yzTwA68p67uX9taE8p0Xqa3PWjcuCqKwPCU8oqyv7QkrYDMcOSy-ZDVs_ZlTXc/s1600/floatingfb.png") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 40px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;
}
.floatinglikebox div{
border:none;position:relative;display:block;
}
.floatinglikebox span{
bottom: 10px;font: 10px tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;
}
.floatinglikebox span a{
color: #808080;text-decoration:none;
}
.floatinglikebox span a:hover{
text-decoration:underline;
}
</style>
<div class="floatinglikebox" style="">
<div>
<iframe src="//www.facebook.com/plugins/likebox.php?href=URL FANSPAGE FACEBOOK SOBAT &amp;width=251&amp;height=270&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23cccccc&amp;stream=false&amp;header=false&amp;appId=159468740772399" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:251px; height:270px; background:#fff;" allowtransparency="true"></iframe><span><a href="http://mari-berbagi244.blogspot.com/2013/04/cara-membuat-like-box-facebook-slide.html" target="_blank">.:Get Widget:.</a>
</span>
</div>
</div>
  • Paste Kode diatas ke widget HTML/Javascript.
  • Ganti kode yang berwarna Merah dengan URL Fanspage Facebook sobat.
  • Simpan dan lihat hasilnya.
Sekian artikel mengenai Cara Membuat Like Box Facebook Auto Hide Pada Blog. Semoga artikel ini berguna dan bermanfaat bagi sobat yang membutuhkan. Jika ada yang kurang jelas atau mengalami kesulitan dalam pembuatan, silahkan berkomentar di kolom komentar.
Diposting oleh lehan.nir 0 komentar
Label:
03.40

Cara Membuat Blogger dengan Cepat

Sebagaimana yang telah kita ketahui bersama bahwa banyak cara atau layanan untuk membuat blog gratis diantaranya adalah blogger/blogspot, wordpress, joomla, blog detik dan lain-lain. Namun pada kesempatan ini, saya akan membahas bagaimana cara membuat blog khususnya blog yang berplatform blogger. Sebelum membahas lebih jauh tentang cara membuat blog, ada baiknya saya juga menjelaskan sedikit pengertian blog. Blog pada dasarnya disebut sebagai "Web Blog" yang merupakan salah satu aplikasi web yang mana postingan atau artikel yang diposting didalam blog sering sekali berurutan, yaitu dari tulisan terbaru hingga tulisan yang paling lama.

Sebelum blogger berkembang seperti sekarang, blog pada umumnya sering dijadikan sebagai diary online yang di isi dengan catatan-catan harian. Namun dizaman modern seperti sekarang ini, blog juga dapat dijadikan sebagai mesin penghasil uang. Hal ini mungkin yang menjadi salah satu alasan mengapa orang mulai membuat blog. Terlepas dari itu, sebenarnya kegiatan blogging adalah tergantung dari niat si pemilik blog, apakan untuk mencari tambahan uang saku atau ada hal yang lainnya.

Cara Membuat Blog di Blogger
Sebelum anda membuuat bloger siapkanlah email google (gmail.com), jika sudah punya n aktif langsung maju :
1.  Silahkan Anda kunjungi http://blogger.com/
2.  Kemudian lihat di kanan bawah, rubah bahasa menjadi bahasa indonesia agar lebih mudah


3. Masuk/login menggunakan username/nama pengguna serta password gmail anda.


4. Isilah formulir data Anda yang terlampir seperti:

*  Nama tampilan : isi dengan nama yang akan ditampilkan pada profile blog anda.
*  Jenis Kelamin : pilih jenis kelamin Anda, misalnya: Pria.
* Penerimaan Persyaratan : Ceklis sebagai tanda setuju dengan peraturan pihak blogger.

Sebaiknya baca terlebihdahulu persyaratan dan ketentuan yang diberikan pihak blogger agar Anda mengerti.

5. Klik tanda panah bertuliskan “Lanjutkan”. Kemudian klik "Blog Baru"


6. Selanjutnya isi formulir data blog Anda pada form yang disediakan seperti:


*  Judul : Isi dengan judul blog yang Anda inginkan
*  Alamat : isi dengan alamat blog yang di inginkan.
*  Template : pilih template (tampilan blog) yang Anda disukai
7. Lanjutkan dengan klik tombol “Buat blog!”.


  • Sampai tahap ini blog Anda sudah selesai dibuat, namun untuk menghindari anggapan spam oleh google sebaiknya anda mulai membuat artikel, minimal 1 postingan. Untuk membuat postingan/artikel ikuti tutorial blog berikut ini.
1.  Klik tulisan "Mulai memposkan"

2.  Isi judul dan artikel yang ingin Anda postkan di blog


3.  Setelah tulisan Anda selesai lalu klik "pratinjau" 
* untuk melihat hasil sementara, jika sudah sesuai maka klik "publikasikan"

4.  Selesai dan saya ucapkan "Selamat"
* publikasikan kepada orang terdekat anda, kalau anda hebat.
Demikian yang dapat saya sampaikan mengenai tutorial cara membuat blog gratis di blogger, semoga bermanfaat. Terima Kasih ...
Diposting oleh lehan.nir 0 komentar
Label:
00.36

Cara Mengganti Template Blogger dengan cepat

 
Yang dimaksud mengganti template blog di sini bukan ganti template dengan yang disediakan blogspot, panduan cara mengganti template blog ini tentu untuk blogger baru yang belum tahu cara mengubah tampilan blognya langsung saja jalankan internet agan dan klik link dibawah ini ;
dan masih banyak lagi.

Cara Mengganti Template Blog :
Jika hasil download berupa file ZIP atau RAR, ekstrak file tersebut (caranya: klik kanan > exctract to [nama file]) sehingga menjadi file ekstensi XML. Jika menjadi lebih dari satu file, "amankan" yang berekstensi XML. File lain biasanya berupa "readme" atau panduan instalasi dan link.
  • Login ke Blogger www.blogger.com
  • Klik menu Template / Tampilan di kiri bawah Dashborad Blog;
  • Klik menu Backup/Restore (Cadangkan/Pulihkan) di kanan atas Dashboard Blog, supaya blog anda yang sudah ada/buat tidak hilang dan rusak;
  • Klik Choose File / Pilih File. Klik file yang berupa Ekstensi XML yang sudah di download dan Ekstrak;
  • Klik Upload (Unggah). Tunggu hingga selesai;
  • Seperti gambar di bawah ini :
 


 

Selamat Mencoba dan jangan lupa sediakan kopy hangat untuk teman begadang agan ... supaya tidak betek ... terima kasih (koment di nanti)
Diposting oleh lehan.nir 0 komentar
Label:
00.08

Menghilangkan Icon Obeng dan Tang / Quick edit di Blogger cepat

Tombol tang dan obeng yang muncul di halaman blog saat kita sedang dalam keadaan login berfungsi untuk melakukan edit pada bagian tertentu secara cepat. Fungsi ini memang penting bagi kita yang sering melakukan editing dan ingin melakukannya dengan cepat. Karena dengan hanya mengklik ikon tombol tang dan obeng tersebut kita akan langsung diarahkan menuju ke bagian elemen laman yang dituju untuk diedit atau dimodifikasi.

Icon tersebut di sebut juga dengan icon Quick Edit (edit Cepat) Fungsinya jika kita ingin melakukan editing terhadap elemen tersebut tinggal klik saja icon nya dan kita bisa langsung mengeditnya. Icon tersebut sebenarnya hanya bisa di lihat apabila kita sedang login ke blogger saja, sedangkan pengunjung yang lain tidak bisa melihat icon tersebut.

Namun ada beberapa blogger yang tidak suka dengan kehadiran icon tersebut dan ingin menghapusnya. "Apakah kita bisa menghapus icon tersebut?" Jawabannya : "tentu saja bisa", dan sangatlah gampang karena kita hanya melakukan perintah agar icon itu tidak di munculkan dengan hanya manambahkan sedikit kode pada kode CSS template kita. Ingin tahu kodenya dan cara memasangnya, OK langsung jalan ...
Caranya :
*)  Login Keblogger anda (jangan hasil bobolan);
*)  Klik tab template;
*)  Pilih Edit HTML (Expand Template Widget);
*)  Cari kode ini ]]></b:skin>  menggunakan Ctrl+F;
*)  Copy paste kode dibawah ini dan letakan tepat diatasnya;

.quickedit{
display:none;
}

*)  Langkah terakhir "Simpan Template"
*)  Mudah bukan caranya ... Selesai.
*)  Selain langkah di atas, ada yang harus agan lakukan yaitu silahkan ucapkan “Selamat tinggal Obeng dan Tang…dadaaahhh “ hehehe…. dan jangan lupa Comentnya.
Diposting oleh lehan.nir 0 komentar
Label:
21.30

Cara Edit Favicon/Animasi Bergerak Di Blog

Written By lehan.nir on Rabu, 15 Oktober 2014 | 21.30

  • Pengertian Favicon
      Favicon adalah icon utama yang muncul pada address bar suatu blog atau website dan merupakan logo dari blog tersebut, favicon bisa disebut juga sebagai identitas dari suatu blog agar tidak sama dengan blog lain, nah itu tadi sedikit penjelasan tentang favicon, tapi bagaimana supaya favicon kita berbeda dengan blog lain? Salah satu caranya adalah menggunakan favicon bergerak atau animasi, favicon tersebut dapat kita peroleh dengan cara membuat sendiri atau pun mencari animasi gif di google.
Berikut ini Cara memasang favicon bergerak/animasi di blog :
  1. Siapkan kopy dan cemilan untuk teman begadang
  2. Masuk ke Dashboard lalu pilih Template
  3. Edit Html jangan lupa centang Expand Template Widget 
  4. Cari kode <b:skin><![CDATA[
  5. Kemudian pastekan kode di bawah ini tepat di atas kode <b:skin><![CDATA[
  6. Kemudian simpan template (100% Sukses)
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbRgLsznOKuQm4A1k4jp-5h0Jp36FnOIxeGQSHlV6ScssEcL0mSiyRmPg-n4PvQ8NUNscItFql_M016ghFOjrZY7l8DiF7iOMxNYbY3ai50ocCDp-OxAJWcdhh4j_sAIYlSRwKLhLb0o2Q/s1600/131.gif' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Keterangan : link yang berwarna merah adalah favicon/gambar gif yang akan menjadi favicon di blog, dan untuk mengganti favicon blogger agan bisa memilih link favicon dibawah sesuai dengan warna kesukaan agan ;



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHslIJaAvUopxLFtkmmfKxr_OwxXj6QEQlJeWg5ntks8LUfBdSS4Jpv7V5U83P02T6cvi9VKO31vZXRTuiJ725Ilwv5GfZCeM_1g9aRcmMU_V5ZuKm4qT1eApPOay9uCRAv-JKGtxAMCs/s1600/loading1+(1).gif



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyG2eoItE4CWxFzM2TzdfJMpPI_NCmNmNG922ME-DBwVpYNdU5-048Hn2Yiaz2VqtclEvLF5TjvEnrQBgNhlslQoV7_1c0R7aVoDgqZ5pgoeqTQ2N6Os2v-iM8y2vmnETW8lEmBZtIgLA/s1600/Loading1.GIF



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWQy1txUn2t4rWdyPyhgoY0wF45siUoZoNC8kwpFQeZBvv4W6cGw7fh4BmHBh30SLs1kwIx8DvGUsbyaj0lcRGLHVLDjjUzDRgy4dMb4Ytke9P9_i53ImR7DBfbeZUZ2ETUTD_Cosqp_I/s1600/loading2+(1).gif


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOp6g20NKKNw5L2bznEehzep3eFwBd2FUqhTGvaKvakXlfipzty-l5DCMmLnaF2OkUmB75GHGu_4p0XTi7U4rYX_ykjDYlbNSzuV0xYmYXabBd7ns-dHwo8JxUlJlt-lhIgQbahPQYFew/s1600/Loading2.GIF



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlk6mB26H8k05Qxq_KSeWa2vE-oqzN8mkkMg_zh_BOS3gww-RPJNOlElZHJBYTN6MlRQdKZG14ouHjPLb9ed1X4MXiDjGaGPbATDMYyTYvJRYst7Qx7avzn8K_RE6WLyhu55Ewj7lNnbA/s1600/loading3+(1).gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSkkVLXUgO4PcUcMkxy4q9KXEfz79QQTF15NLwfeC_kOHqpVp4ikhDZycCvb5fHaWzJtBLQdXYcA_JbpMmctfShTXP7EAURY8y4KWtlwzklocZcUxyOoiXIPURQOlW-EXkpbL-El6iQI/s1600/loading7+(1).gif




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibGFFEvxRpJWNUdyZjlSDgssN19JM5XlPRrylwBWuddJPUh-fA0tNUrfDCpjq75C6Xk8bzG2eu9qf0qWgcQhjlhEOPyi8wbtddEoeSBdcgVRCRmCE3q0PdgvAob9038osJAe1YDviBQjw/s1600/Loading5.GIF




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQepn85GQo-X42TNjpQn1nKwDo2f9CLn-DFQlAvHH2lFDMmVgW5LeQBt5qzmLav1bvURg4Itq2hTyNmoYbuXxlwx_qyEoDU04vS_4qCq9no0dgR1G6pLf3AwUrfKzPVFNNY0lBCxXwmuQ/s1600/Loading4.GIF




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGq9LdaBblUQTleLCGnAU92gYZBcvtegcdDRNKiss2C-LWXGmC3tgHdHFA-lEKpFp0hZ35MML-5gpsRl7Cexx2iJLdTLo79R3eLX3AawF1EM3E2SqjCBGiJHEZHZhktUhBZBTWYYXVQtA/s1600/Loading3.GIF





https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4YQgcm3Tl71-_gzE52RED4ZC_QkUbHIRFpXW7zlAYaYjw1LLX0QaWoxrAAdf2qUurUet0-sLj0_c6cnypvJgs-FrWcKEDtBXcEUMh8PlceJV8tMvIJcbyUbKpsYYzLyWa51YfnyewfWQ/s1600/Loading8.GIF



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0HaIsjRTp8M4aHSxA5CoUpecmFfle1ULs9uvTwKxias1GXCE8KrAcPEifkq_WgN6-MmALy0Sv2sU-MM7TAJK39Vi_EH-Ym3X3pW9o5P_KAgZNpRBmI0-BEXcr1tUwwus7EnDJYTgajrw/s1600/loading9+(1).gif



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlXkefKbPaZfSl1jpFqrBb5mqpmQoVnE12pE_k1oZ88pg8Ja8TG_0Hhq9y3igTqMReoYAOvCWHytle61LkigactrA5oSXixhu83W12UeMn88p9VjMVVVCsG0Ea4mkjEetqWT3rue7ov7s/s1600/loading10.gif



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4sSLJ8GzPp_syUqY9hOQkMBt3Ie5o0aGqLZ2aFaehFANx_semFYYKpLlRlU1lPNR66QyBKoK3C8YkQPBrgA1OA0q0bmVCg_QkHzDyzwWtXtEkADjQiSxTlX3thf5MEBAOMlQyouDNd24/s1600/Loading9.GIF

Gambar diatas hanya beberapa bagian yang saya ambil, apabila anda ingin memiliki banyak pilihan Animasi efek loading.Gif dengan mengunjungi website ini http://preloaders.net

Sekian tutorial memasang Favicon Gif di Blogger.
Semoga Sukses ...
Diposting oleh lehan.nir 0 komentar
Label:
Langganan: Postingan (Atom)

Artikel Populer

 
Support : Creating Website | Lehan Template | Mas Template
Copyright © 2011. lehan-as.blogspot.com - All Rights Reserved
Template Modify by Creating Website Inspired Wordpress Hack
Proudly powered by Blogger