Cara Membuat Ucapan Selamat Datang di Blog Saat Dikunjungi

Cara Membuat Ucapan Selamat Datang di Blog Saat Dikunjungi - Cara/trik membuat/memasang ucapan welcome di blog dengan mudah dan cepat atau cara memberi/menambah ucapan selamat datang di blogger atau cara agar di blog bisa muncul ucapan selamat datang ketika dikunjungi.

Hay sobat.. Kali ini saya akan posting kembali artikel seputar trik-trik menghias blog yang pastinya seru untuk diikuti dan sayang untuk dilewatkan. hehe.. Setelah sebelumnya saya update artikel seputar menghias blog, yaitu artikel cara memasang jam di wordpress, maka pada kesempatan posting kali ini saya akan membahas mengenai cara membuat ucapan welcome di blog.

Sobat pastinya pernah kan menjumpai blog yang ketika dibuka muncul tulisan di tengah layar, misalnya "Selamat dataing di Blogku" atau "Welcome to my Blog" atau yang lainnya. Nah itu namanya ucapan selamat datang dan membuatnya sangat mudah sekali. Bagi yang tertarik memasang seperti itu, berikut ini cara memasang ucapan selamat datang di blog kita:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode </head> di template sobat

4. Pastekan kode di bawah ini tepat di atas kode nomor 3 tadi

<b:if cond='data:blog.Url == data:blog.homepageUrl'> <script language='javascript'>alert ("Pesan sobat disini"); </script> </b:if>

5. Simpan template sobat dan lihat hasilnya. 

Ket:

Ganti tulisan berwarna merah dengan kata-kata/kalimat yang sobat inginkan. Bagaimana? Mudah sekali bukan? :)
Nah, itulah postingan mengenai cara membuat ucapan selamat datang di blog saat dikunjungi. Semoga bermanfaat buat sobat semua.

Source: http://amronbadriza.blogspot.com/2012/10/cara-membuat-ucapan-selamat-datang-di.html#ixzz2EXRkFuXH

Cara Membuat Like Box Facebook Valid XHTML

Cara Membuat Like Box Facebook Valid XHTML - Cara mengubah/merubah/menjadikan like box facebook menjadi valid xhtml atau cara agar like box fb/atribut/script like fb kita menjadi valid xhtml.

Setelah beberapa waktu lalu saya posting artikel mengenai cara membuat like box facebook di blog, maka selanjutnya di kesempatan yang baik ini saya akan mengulas artikel mengenai cara mengubah like box fb kita menjadi valid xhtml. Oke, langsung saja sobat..

Like box atau kotak suka terhadap suatu website telah banyak di pasang pada website dan blog-blog. Namun, apakah sobat udah mengecek kalau script FB tersebut valid XHTML? Sekedar info bahwa valid XHTML bagi sebuah website atau blog sangat diperlukan karena dapat meningkatkan dukungan website terhadap berbagai macam browser. Selain itu, dengan valid XHTML akan semakin disukai oleh crawler yang berasal dari google yahoo maupun bing,namun ada juga yang punya kepercayaan berbeda tentang hal ini, bahwa valid ato tidak sebuah web, tidak berkaitan dengan SEO, kamu percaya yang mana nih?

Daripada abu2 lebih baik dicoba aja yah, siapa tahu benar tidak ada salahnya juga kok. kembali ke bahasan. Script FB yang dibuat oleh developer facebook kenyataannya tidak valid dengan XHTML! Adakah cara untuk membuat valid script tersebut? Oh.. tentu ada sob! yuk kita bahas Sebenarnya membuat valid script FB like box tidaklah sulit karena bagian script tersebut yang tidak valid hanyalah karena penggunaan atribut-atribut yang tidak di dukung oleh XHTML. Nah.. Bagaimana cara menjadikan like box facebook menjadi valid XHTML?

Berikut Kodenya:

<div id="fb-root"></div>
<script type="text/javascript">
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js#xfbml=1';
document.getElementById('fb-root').appendChild(e);
}());
</script>
<div id="FbCont">
<script type="text/javascript">
<!--//--><![CDATA[//><!--
var fb = document.createElement('fb:like-box');
fb.setAttribute("href","Masukan alamat fan pages FB");
fb.setAttribute("show_faces","true");
fb.setAttribute("header","false");
fb.setAttribute("stream","false");
fb.setAttribute("width","200");
fb.setAttribute("font","segoe");
document.getElementById("FbCont").appendChild(fb);
//--><!]]>
</script>
</div>

Ganti yang di warnai merah dengan alamat fan pages FB punya sobat dan coba sobat cek website/blogkamu. Bagaimana? Mudah kan?

Nah, demikianlah postingan mengenai cara membuat like box facebook valid XHTML kali ini. Semoga bisa bermanfaat buat semua.

Referensi: http://infonetmu.blogspot.com/2012/05/cara-membuat-like-box-valid-xhtml.html

Source: http://amronbadriza.blogspot.com/2012/10/cara-membuat-like-box-facebook-valid.html#ixzz2EXRFj0kq

Cara Mudah Membuat Daun Berjatuhan di Blog

Cara Mudah Membuat Daun Berjatuhan di Blog - Cara/trik memberi/menambah/menciptakan daun berjatuhan di blogger atau cara agar di blog kita muncul daun yang berjatuhan ketika dikunjungi.

Hay sobat.. Apa kabar kalian hari ini? Saya harap baik-baik aja :)

Setelah beberapa waktu lalu saya posting artikel mengenai cara membuat efek salju di blog, maka di postingan kali ini saya akan membahas artikel mengenai trik memberi daun berjatuhan di blogger.

Memberi daun berguguran di blog memang bisa mempercantik tampilan blog agar mempunyai nilai seni lebih tinggi, selain itu trik ini juga tidak terlalu memberatkan blog atau malah bisa dikatakan ringan. Oke, langsung saja berikut ini cara memberi efek daun berjatuhan di blog kita:

1. Login ke akun Blogger sobat.
2. Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).

3. Cari kode </head> di template sobat.

4. Pastekan kode di bawah ini tepat di atas kode nomor 3 tadi

<script type="text/javascript" src="http://amronbadriza.googlecode.com/files/daun-berjatuhan-di-blog.js"></script>

 5. Simpan template sobat. 

Selesai deh. Gampang sekali kan?

Demikianlah postingan mengenai cara mudah membuat daun berjatuhan di blog. Semoga bermanfaat buat semua.

Source: http://amronbadriza.blogspot.com/2012/10/cara-mudah-membuat-daun-berjatuhan-di.html#ixzz2EXQpVBBd

Cara Membuat Link Bergoyang di Blog

Cara Membuat Link Bergoyang di Blog - Cara menciptakan link yang bisa bergoyang/nudging di blog atau cara membuat link yang dapat bergoyang jika terkena pointer mouse - Setelah sekian lama Blogaul tidak update artikel seputar blogging dan SEO dengan artikel terakhir how to use meta tags in blogspot, kali ini saya akan coba update lagi yaitu artikel mengenai cara membuat nudging link di blog. Cara ini menggunakan script jQuery yang saya dapatkan dari sini (http://smilenet4u.blogspot.com/2012/04/cara-membuat-link-bergoyang-nodging.html) dimana bila dipraktekkan akan membuat link yang terkena pointer mouse akan bergoyang-goyang gitu. Oke, langsung saja berikut cara menciptakan link yang bisa bergoyang di blog:

• Login ke akun Blogger sobat.
• Klik Template >> Edit HTML >> Lanjutkan (jangan lupa centang Expand Template Widget).
• Search kode berikut </head>  ( untuk mempermudah pencarian tekan Ctrl + F ).
• Copy paste script jQuery di bawah ini sebelum kode tersebut

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript'> $(document).ready(function() { $('a').hover(function() { $(this).animate({ marginLeft: '10px' }, 400); }, function() { $(this).animate({ marginLeft: 0 }, 400); }); });
</script>

• Simpan Template dan lihat hasilnya.

Nah, itulah cara membuat link bergoyang di blog. Semoga bermanfaat.

Source: http://amronbadriza.blogspot.com/2012/08/cara-membuat-link-bergoyang-di-blog.html#ixzz2EXQKWFd7

Cara Memberi Burung Twitter Terbang di Blog

Cara Memberi Burung Twitter Terbang di Blog - Cara memasang widget burung twitter terbang di blogspot - Kali ini Blogaul masih posting artikel-artikel seputar menghias blog dengan artikel terakhir berjudul Cara mengganti warna background blog.

Cara membuat burung twitter terbang bi blog adalah sebuah cara bagaimana membuat sebuah burung yang bisa terbang di dalam blog. Dan mempunyai banyak manfaat selain menambah kelucuan dan keunikan yaitu dapat menambah jumlah follower akun twitter Anda.

Menambah burung twitter di dalam blog sebenarnya tidak selalu memberikan banyak manfaat bagi blog yang ingin dikunjungi banyak orang. Mungkin ada juga pengunjung yang merasa risih dengan kehadiran burung di dalam halaman blog. Tetapi terlepas dari ini semua, saya sangat senang jika ada sebuah burung terbang di halaman posting blog (heheheehe meskipun di dalam blog ini tidak aku pasang).

Ok, langsung kita persingkat saja dan langsung kita bahas langkah-langkahnya,

Langkah-langkah membuat burung twitter terbang di blog.

1. Buka akun blogger Anda.

2. Klik Tata Letak >> Tambah Gadget >> Pilih HTML/Java Script.

3. Copy dan Paste kode javascript berikut kedalam widget HTML/Javascript

<!-- floating twitter Bird -->
<script type="text/javascript" src="http://p4r46h-blog.googlecode.com/files/twitterfloat.js"></script>
<script type="text/javascript">
var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRSvqxLm65q6tYJC_d_Mzd8Ztuhz5LiQSCa1DQj0k7v0YCzS0ikZvT5Ak2-a7Yu2ZhJotBoIHT2kir33tEJPj_00BqmQActjTEms8PsCqNxGX7oRSgGVnJo3QOGNO08u5gsUD9mdmQIl7r/s1600/original.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button",
"select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/amronbadriza";var tweetThisText = "Twitter - amronbadriza http://amronbadriza.blogspot.com/";tripleflapInit();
</script>

4. Ganti tulisan berwarna biru http://twitter.com/amronbadriza dengan akun twitter Anda.
5. Ganti tulisan berwarna ungu amronbadriza dengan id twitter Anda.
6. Ganti tulisan berwarna coklat http://amronbadriza.blogspot.com dengan alamat URL blog Anda.
7. Save.
8. Selesai >> Lihat dan peliharalah burung kesayangan Anda!

Nah, sekian dulu posting mengenai cara memberi burung twitter terbang di blog. Semoga bermanfaat untuk semua.

Referensi: http://adsloko.blogspot.com/2012/03/cara-membuat-burung-twitter-terbang-di.html

Source: http://amronbadriza.blogspot.com/2012/06/cara-memberi-burung-twitter-terbang-di.html#ixzz2EXOgPnpy

CARA MENGANTI FAVICON DI BLOGGER...

..Hmmm.. ada beberapa sobat Blogger yang bertanya lewat email.. tapi baru 1 email ini yang saya jawab terlebih dahulu saya liat tanggalnya udah lawas.. wkwkkwk.. lagi-lagi saya mohon maaf kepada sobat-sobat blogger yang pertanyaannya belum saya jawab dikarenakan email saya penuh sekali ..binggung saya lihatnya..padahal udah pakaifilter email..




..Bingung.. Oke.. Langsung saja ! ..Cara menganti FAVICON atau LOGO Blog itu sebenarnya simple.. kamu buat dahulu gambar format Animasi (.GIF) jika ingin favicon-nya hidup seperti favicon saya di Blog ini atau jika ingin favicon biasa bisa kamu buat gambar favicon dengan format .Jpg atau .Png.. Jika tidak mau susah-susah kamu cari saja Favicon yang sudah jadi di internet.. banyak tuh ! tapi lebih bagus lagi jika favicon buatan kreatifitas sendiri seperti favicon saya di Blog ini.. Cara Membuatnya pakai Program Adobe Photoshop usahakan ukuran favicon-nya kecil misalnya 100x100 dengan size misalnya 20kb..




...kalau mau buat Favicon animasi GIF baca ini > Cara membuat Animasi Icon dengan GIF Movie Gear v4.01



Atau ...Referensi Favicon Gratis...
> favicon.ico Generator
> FavIcon from Pics -- free favicon.ico for your website (animated )
> Favicon.com - custom icons for your website!



..Lalu UpLoad Gambar Favicon Blog kamu ke Photobucket.. login ke photobucket dan copas Direct Linknya..




...Ikuti langkah-langkah berikut ini untuk menganti favicon blog ;



1. Login ke Blogger > Tata Letak > Edit HTML (biasakan centang expand widget HTML)...
2. Jika sudah silahkan Copy kode script dibawah ini...

<link href='http://i466.photobucket.com/albums/rr22/wong284/iconwong284j_80_10_NEW.gif' rel='SHORTCUT ICON'/>
Ket :> Gantilah URL warna biru itu dengan direct Link URL gambar favicon blog kamu..


3. lalu Paste kan disesudah ]]></b:skin> ,Seperti contoh dibawah ini...

]]></b:skin>



<link href='http://i466.photobucket.com/albums/rr22/wong284/iconwong284j_80_10_NEW.gif' rel='SHORTCUT ICON'/>
4. Simpan Template & Refresh Blog kamu untuk melihat hasilnya..






..Blog mudah dikenali dengan Favicon unik..

Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay)

Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay) - Kali ini saya akan membagikan kepada teman - teman bagaimana Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay). Banyak orang ingin membuat blognya tampil lebih menarik dan keren mulai dari membuat buku tamu melayang, membuat header yang unik dan bahkan ada yang menambahkan lagu pada blognya. Nah, kalau kita memasang lagu pada blog kita nanti pengunjung juga akan merasa lebih nyaman.. tapi kalau lagunya gak enak di dengar, ya.. kasian juga nanti pengunjungnya.. hehe :)

Berikut Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay) :

1. Kunjungi Situs SoundCloud, disini >> http://soundcloud.com

2. Pilih menu Sign Up.

3. Lalu akan muncul pop up yang melayang ditengah - tengah web tersebut, silahkan isi datanya seperti email, password dll. Lalu Klik Sign Up.

4. Lalu akan muncul halaman baru. Silahkan tuliskan nama yang akan ditampilkan, gambar, nama anda, tempat tinggal anda dll. Klik Done.

5. Silahkan buka dan cek email anda yang tadi didaftarkan, buka pesan yang dikirim oleh Situs SoundCloud, lalu Klik Confrim your email address.

6. Bila sudah, lalu klik Upload untuk mengupload lagu yang ingin anda tampilkan pada blog anda.

7. Klik Choose files untuk memasukkan lagu dari komputer anda.

8. Bila sudah diupload, silahkan anda menunggu hingga proses uploadnya selesai.

9. Lalu anda atur sendiri tampilan lagunya, lalu klik Save dibagian bawah.

10. Klik Share.

11. Klik Edit your Widget.

12. Centang pada "Play automatically"

13. Copy kodenya.

14. Masuk ke Akun Blogger anda

15. Pilih Layout => Add a Gadget => HTML/JavaScript => Paste kode yang telah dicopy tadi

16. Klik Save.

17. Selesai.

Contohnya bisa anda lihat disini >> http://demo-previews.blogspot.com

Demikian postingan saya Cara Memasang Lagu Langsung Nyala Otomatis (AutoPlay),

Semoga bermanfaat..!!