Kami Creative: tutorial blog

Tampilkan postingan dengan label tutorial blog. Tampilkan semua postingan

Selasa, 08 November 2011

Setting Commentar biar pake nama dan URL saja

Memberi komentar merupakan salah satu bentuk silaturahmi sesama blogger. Seperti layaknya di dunia nyata kita saling menyapa dan memberi salam.

Memberi komentar juga berguna untuk menanamkan link url ke blog orang lain agar blog kita semakin terkenal. Namun untuk blogspot dalam memberi komentar sedikit kesulitan karena harus login dulu ke acount google. Hal ini memberi sedikit "kerugian" kepada pemilik blogspot. Secara default komentar pada blogspot tidak mencantum Name dan Url serta Anonymous.

Lalu, bagaimana jika pengunjung blogspot ingin berkomentar, tapi tidak punya email Gmail?.

Nah untuk mengatasinya, sebaiknya Kita menambahkan submenu Name, Url, serta Anonymous pada kotak komentar blogspot. Hal ini bertujuan agar pengunjung yang belum punya email Gmail juga dapat berkomentar pada blogspot, dengan opsi (pilihan) Name/URL ataupun Anonymous.

Cara menambah name dan url pada komentar blogspot:

Log ini Blogspot
Pilih Settings --> Posts and Comments -->Anyone (Lihat gambar)

Gambar kondisi kotak komenter sebelum penambahan sub menu.

Gambar kotak komentar setelah penambahan sub menu.

Semoga berhasil..

Cara Membuat Animasi

     Gambar Animasi adalah salah satu penarik agar visitor yang mampir di blog jadi betah untuk berkeliling. saya ingin berbagi dengan anda tips membuat gambar animasi gif secara online, hal tersebut akan mempermudah dalam pembuatan animasi dan dapat di setting sesuai dengan keinginan anda.

     Tampilan website dan blog anda dengan animasi, bisa berupa animasi teks, gambar dan efek tertentu. Cara termudah membuat animasi adalah dengan menggunakan GIF animasi. File GIF adalah satu-satunya file gambar yang dapat bergerak, sementara untuk animasi yang lebih rumit anda dapat menggunakan flash atau video.

     Saat ini kita sedang membahas bagaimana cara membuat animasi secara online, tanpa anda perlu bersusah payah menginstall program GIF animasi, serta mempelajari masing-masing tools dari program tersebut.

    Berikut beberapa daftar website yang menyediakan layanan aplikasi editing GIF animasi :

Screenbot – dengan aplikasi ini anda bisa dengan mudah membuat enimasi efek ketikan/typewritter effect pada tulisan yang anda kehendaki, Tuliskan kata dan klik “Create Screed” untuk membuatnya menjadi animasi GIF. Kemudian anda dapat simpan file tersebut ke Flickr atau ImageShack atau menaruhnya di blog, MySpace, LiveJournal dan lainnya.
GIFWorks adalah aplikasi online GIF editor, dengan GIFWorks anda dapat membuat efek spesial animasi, dan fungsi-fungsi diantaranya merubah ukuran, mewarnai dan mengoptimalkan file. Caranya mudah, tinggal upload file yang anda inginkan, dan buat efeknya secara online. GIFWorks website meskipun tampilannya terasa kuno, tetapi memilik aplikasi yang sangat membantu kita membuat animasi secara mudah dan cepat.
GIFMake memiliki aplikasi GIF image generator, anda dapat mengupload beberapa foto dan secara otomatis GIF akan menjadikannya slide dengan jeda waktu yang dapat anda atur.
Loogix membantu anda dalam membuat animasi GIF, Loogix memiliki beberapa efek yang menarik diantaranya Zoom, Recursion, Motley, Swirl. BlackWhite, Painting, Blur. Anda ingin membuat avatar dengan animasi GIF? sangat tepat apabila anda memanfaatkan Loogix.
Gickr dapat membuat animasi GIF yang keren dan lucu, kartun, banner, dan lain sebagainya. Anda dapat mengirimkan gambar itu ke social bookmarking seperti MySpace, Bebo, Hi5, dan lainnya.
Make A GIF satu lagi aplikasi GIF animasi generator, anda dapat langsung mengupload 12 gambar sekaligus untuk dijadikan efek animasi, misalnya efek slideshow. Terdapat pula setting kecepatan animasi dan memperkecil gambar untuk dijadikan buddy icon/avatar.

Dengan berbagai perangkat online diatas, kita dapat membuat animasi secara instant untuk digunakan dalam kerperluan sehari-hari di website kita masing-masing, diantaranya sebagai banner animasi, ucapan selamat, avatar, foto gallery, dan masih banyak lainnya.

Ada juga pembuat file ber-ekstensi GIF yang mudah dan dapat kita instal di komputer. Filenya bisa kalian Download di sini Gif Animator Maker

Semoga berhasil.. xD

Membuat warna block tulisan

Sekarang saya akan membahas bagaimana cara untuk membuat teks yang diblock menjadi berwarna. Sehingga teks yang diblock akan terlihat indah. Sebagai contoh, coba block tulisan diblock saya. Nah, tulisan yang tadinya berwarna putih berubah warna menjadi merah...apik thow. Tapi efek block berwarna hanya dapat dirasakan apabila kita menggunakan browser Mozilla Firefox, Kalau belum ada beli dong di ~~tokoh besi~~.. Apabila anda tertarik, silakan mengikuti dengan seksama artikel ini. Cara untuk membuatnya adalah sebagai berikut: Cekidotttt..

Masuklah ke halaman edit HTML.
Taruh kode dibawah ini diatas kode ]]></b:skin> (untuk mempermudah pencarian gunakan tombol Ctrl+F.


::-moz-selection {
background:  none;
color: #90EE90;
}

Okey....slesai lalu Simpan.

Ket :

kode background: none adalah warna dari background, apabila ingin menggantinya gunakan kode warna.

color: #90EE90 adalah warna teks yang telah di block, apabila ingin menggantinya gunakan kode warna.

Sekian dulu yaaaa...

Rampok Swf

Judul nya bikin bingung ya... Oke saya perjelas,.. Tips kali ini adalah bagaimana mengambil file .swf pada web orang lain yang langsung ditempel pada blog/ web kita...

sebagai contoh saya mengambil gambar jam yang ber ekstension .swf dari web ~~masjidistiqlal.or.id~~

Tahap pertama dan yang paling utama adalah siapkan koneksi internet (ya iyalah emang mau pake in-ternit). Selanjutnya buka web yang ingin kita ambil file .swf nya dan lihat kode sumber halaman dengan cara klik kanan pada browser dan pilih "lihat kode sumber halaman" (sekedar pemberitahuan saya memakai browser Mozilla Firefox, untuk browser lainnya silahkan cari sendiri cara nya yang intinya untuk melihat kode sumber halaman) untuk web yang tidak bisa klik kanan bisa dengan cara klik ctrl + U.

Dilanjutkan dengan cari tulisan yang ada akhirannya .swf (klo mau cari manual monggo silahkan klo gak mau mata jadi jereng,.,. hehehhhe...) untuk memudahkan pencarian klik ctrl + F dan masukkan tulisan .swf

bisa juga dengan cara klik kanan pilih "Lihat Informasi Halaman" dan klik Media. Cari alamat yang berakhiran .swf

kemudian kita dapatkan kode sumber jamnya

http://masjidistiqlal.or.id//modules/mod_ulti_clocks/clocks/clock4.swf

untuk bisa menampilkan di dalam blog kita tambahkan kode embed menjadi

<embed src="http://masjidistiqlal.or.id//modules/mod_ulti_clocks/clocks/clock4.swf"/></embed>

dan berikut hasil nya

Kesimpulannya anda hanya perlu tahu alamat dari file .swf yang ingin di ambil dan kemudian tambahkan kode embed.

Blogger Installation Help

Disqus uses Blogger gadgets, which allow Disqus to insert into your templates the necessary HTML and JavaScript code to get Disqus working. To do this, we assume several things that are common to all standard and official Blogger templates. If you have customized your Blogger template significantly, or are using a template that is not an official Blogger template, the Disqus gadget may not work with your template without some changes.

Below are the assumptions that the Disqus gadget makes when determining where and how Disqus is integrated into your template. To ensure the gadget works, verify your template is compatible with these assumptions.

Note: The Disqus gadget is not the only way to integrate Disqus with your blog. If you are comfortable with HTML/JavaScript and blogger templates, you can also use the Disqus Universal Code.

General Template

The blog is contained in a div with id Blog1. We also look for Blog2 through Blog19 if we cannot find Blog1.
Your post divs contain the class hentry. All standard Blogger templates use microformats.
Item pages are enabled. This means that each post on your blog has an individual post page. Blogger calls this page type item.

Index and Archive Pages

Inside each hentry post block, there is a span element with class post-timestamp. Inside the span, there is an anchor with class timestamp-link. The href of the anchor is the URL of the post’s item page. (i.e., the permalink URL).
Inside each hentry post block, there is a span element with class post-comment-link. The gadget will replace the contents of this span with the Disqus comment URL. If Disqus cannot find the post-comment-link span, the gadget will append the comment URL link to the post-timestamp span.

Item or Post Page

To get comment counts working, the same assumption made above on index pages are also made on item pages.
There is a div with id comments. This is the div that the gadget will use include the Disqus comment embed. Blogger uses this div for its own native comment display. The gadget clears Blogger’s native comments and replaces it with Disqus’s comments. Note that if you enable Blogger sync in your forum settings, Disqus comments will still be synced back to Blogger’s native comment system.

Text Area Yang Keren

Text area yang keren - Inilah beberapa contoh text area yang keren
Contoh 1

Contoh 2

Contoh 3

Contoh 4

Contoh 5

Contoh 6

Contoh 7

Itulah beberapa kumpulan text area yang keren, silahkan mencoba.

Cara mebuat widget Burung Twitter terbang di blog. Agan-agan cuma perlu tambah widget aja, tapi yang bingung itu kode scriptnya itu apa.hehe. Langsung saja caranya sebagai berikut :
1. Login ke blogger.Dashboard.
2. Buka Rancangan - Elemen Laman
3. Tambah Widget - Html/javascript
4. COPY PASTE KODE Dibawah ini


<script type="text/javascript" src="http://imemovaz.googlecode.com/files/tripleflap.js"></script>
    <script type="text/javascript">
    var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7dBALvej3CARYmrGo8BB_o-ObHh0Q48VMGD5rwLKdn6e28XrBNnN6R08_X1lr9ebRBeWXlCICiLCiq6NG9Dfsle4phyQgsmrI_ebzL8JJr7bfgvSNNB7kKzrP83nAisE_-7zAWZDvbXo/s1600/birdsprite.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/TwitterKamu";var tweetThisText = "Twitter - Twitter kamu https://twitter.com/TwitterKamu/";tripleflapInit();</script>;

5. Yang berwarna (biru) url gambarnya. bisa kamu upload sendiri atau pakai yang sudah saya sediakan

Kalau mau pakai ini pakai kode ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7dBALvej3CARYmrGo8BB_o-ObHh0Q48VMGD5rwLKdn6e28XrBNnN6R08_X1lr9ebRBeWXlCICiLCiq6NG9Dfsle4phyQgsmrI_ebzL8JJr7bfgvSNNB7kKzrP83nAisE_-7zAWZDvbXo/s1600/birdsprite.png
Atau

Atau pakai ini

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSNrpKgaoM_vFpYQ8i1W9FzEkor4KSVp7LtX97oHF7JFinafEtXBmvilYENFXCpyjrlyzNIq94NYCT2jYTcRxoqw9eLTYTER_HcTfEkEegCS24_TVEEL8LeFShj4hYO__vFOnAvIFqDbY/s1600/birdsprite+copy+copy.png
6. Kode yang (merah) ganti nengan Url rwitter Kamu
Selamat mencoba.

Cuekin aja