Pada Postingan kali ini saya akan menambahkan tutorial cara Cara menambah Email Penulis dan Admin Pada Sebuah BLOGGER. Sedikit INFO Adm...
Cara Memasang Widget Statistik Bola Dunia di Blog
Cara Memasang Widget Statistik Bola Dunia di Blog . Ketikka kita mengunjungi beberapa blog-blog sahabat, tentunya kita pernah bukan menjump...
Cara cek pagerank
Bagi anda yang belum tau apa itu pagerank . Pagerank adalah semacam alat pengukur bagi google dan pengunjung website/blog anda akan s...
10 WIDGET UNTUK MENGETAHUI JUMLAH PENGUNJUNG BLOG
10 widget Untuk Mengetahui jumlah pengunjung blog - Sekarang widget-widget banyak beredar di internet,yang digunakan untuk mengetahu...
Cara Daftar Alexa
Cara Mendaftarkan Blog Ke Alexa - Banyak para blogger yang tidak tau cara mendaftarkan blog mereka ke alexa, mereka lebih tau cara mengi...
Cara Menghilangkan Link Posting Lama dan Posting Baru
Padahal udah ngantuk banget niih, besok juga masih ada ulangan semesteran. Tapi bolehlah, gue sempetin buat nulis trik nii. Walau udah ban...
Cara jual blog
Blog Dijual ? Mungkin sekarang ini jual beli blog bukan hal yang asing lagi dalam dunia perbloggeran. Jarena jual beli blog juga sebag...
Cara Buat Title Berjalan
Tentunya kamu pernah melihat sebuah blog atau website yang titlenya berjalan-jalan . dan untuk membuatnya tidaklah sulit, kita hanya mena...
Memasang jQuery Accordion Recent Post with Thumbnail
Login ke Blogger
Langkah 2
Masuk ke "Rancangan - Elemen Laman"
Langkah 3
Tambahkan sebuah gadget baru dengan tipe "HTML/JavaScript"
Langkah 4
Masukan (copy paste) kode dibawah ini pada bagian konten:
| <style type= "text/css" > |
| #acrec-post{ |
| font-family : "Trebuchet MS" , Tahoma , Verdana , Arial , Helvetica , sans-serif ; |
| font-size : 12px ; |
| color : #333 ; |
| background : url (http://lh 3 .ggpht.com/_xcD 4 JK_dIjU/S-KAWJugl 3 I/AAAAAAAAEBg/bY_ 3 UzrECSg/d/bg 5 .gif) repeat-y scroll left center #E7F7FB ; |
padding : 2px 0 ; |
| border : 1px solid #339DC6 ; |
| } |
| .acrecpost-label{ |
| background : url (http://lh 6 .ggpht.com/_xcD 4 JK_dIjU/S-KAVk 09 KSI/AAAAAAAAEBc/Tqfaca 2 nwmo/d/bg 4 .gif) repeat-x scroll 0 0 #E1F4FB ; |
| font-weight : bold ; |
| line-height : 1.4em !important ; |
| overflow : hidden ; |
| vertical-align : baseline ; |
| margin : 1px 3px ; |
| outline : none ; |
| cursor : pointer ; |
| text-decoration : none ; |
| padding : 2px 10px ; |
| color : #FFF ; |
| text-shadow : 0 1px 1px rgba( 0 , 0 , 0 ,. 3 ); |
| border : 1px solid #2F94BA ; |
} |
| .acrecpost-label:hover{ |
| background : url (http://lh 3 .ggpht.com/_xcD 4 JK_dIjU/S-KAVlLiuVI/AAAAAAAAEBU/Hd-n_ 8 N 7 qak/d/bg 2 .gif) repeat-x scroll 0 0 #E1F4FB ; |
| color : #003366 ; |
| } |
| #acrecpost{ |
| overflow : hidden ; |
| line-height : 1.3em ; |
| margin : 1px 3px !important ; |
| padding : 2px !important ; |
| border : 1px solid #339DC6 ; |
| background-color : #FFF ; |
| } |
| #acrecpost li{ |
| height : 65px ; |
| padding : 5px ; |
| list-style : none ; |
| } |
| #acrecpost .news-title{ |
| display : block ; |
| font-weight : bold ; |
| margin-bottom : 4px ; |
font-size : 11px ; |
| } |
| #acrecpost .news-text{ |
| display : block ; |
| text-align : justify ; |
| padding : 0 5px 0 70px ; |
| } |
| #acrecpost a{ |
| text-decoration : none !important ; |
| color : #FF0000 ; |
| } |
| #acrecpost img{ |
| float : left !important ; |
| margin-right : 5px !important ; |
| padding : 4px !important ; |
| border : solid 1px #339DC6 ; |
| width : 55px !important ; |
| height : 55px !important ; |
| } |
| </style> |
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://hensblog.googlecode.com/files/accrecpost-pack.js"></script>
<script style="text/javascript">
var numposts = 10;
var numchars = 200;
</script>
<script src="http://modification-blog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=accrecentpost"></script>
Langkah 5Simpan gagdet tanpa judul dan preview blog anda...
Keterangan:
- Untuk kode CSS silahkan berekspresi sendiri, bagi yang belum paham dengan kode CSS (Cascading Style Sheet) Insya Allah dalam waktu dekat artikel bisa diterbitkan.
- Hati-hati dengan script loader framework jQuery, jika kita sudah pernah memasangnya pada template maka kode dibawah ini tidak perlu disertakan (Langkah 4):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
- Ubah nilai 10 pada kode var numposts = 10; untuk mengatur jumlah artikel yang akan ditampilkan
- Ubah nilai 200 pada kode var numchars = 200; untuk mengatur jumlah karakter yang akan ditampilkan pada penggalan artikel
- Ubah URL blog sesuai dengan blog yang anda kehendaki (lihat yang diblok) dan jika kita ingin menampilkan artikel dari blog kita maka URL tersebut bisa saja dibuang, sehingga kode menjadi seperti dibawah ini:
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=accrecentpost"></script>
- Jika kita ingin menampilkan artikel terbaru hanya dalam kategori/label tertentu tambahkan kode dibawah ini:
/-/label
- sehingga kode menjadi seperti dibawah ini:
<script src="/feeds/posts/default/-/label?orderby=published&alt=json-in-script&callback=accrecentpost"></script>
Alhamdulillah... Selamat mencoba dan semoga berhasil... Happy blogging :) Langkah 1 Login ke Blogger Langkah 2 Masuk ke "Rancangan - Elemen Laman" Langkah 3 Tambahkan sebuah gadget baru dengan t...
Tutorial Web Desaign
Jika anda puas dengan hasil kerja anda membangun website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak.
Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain.
Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).
Simple : Web Designer banyak yang menggunakan prinsip “Keep it Simple”, hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif.
Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link.
Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.
Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.
Software-software pembuat suatu website
Desain : Untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.
Adobe Photoshop : Desain berbasis titik ( bitmap )
Adobe Image Ready : Memotong gambar-gambar ke dalam format html
Adobe Illustrator : Desain berbasis vector
CorelDraw : Desain berbasis vector
Macromedia Freehand : Desain berbasis vector
Efek Desain : Hal ini dilakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.
Macromedia Firework : Efek teks
Painter : Memberikan efek lukisan
Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.
Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.
3D Studio Max : Untuk membuat objek dan animasi 3D.
Gif Construction Set : Membuat animasi file gif
Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
Microsoft Gif Animator : Membuat animasi file gif
Swift 3D : Merancang animasi 3D dengan format file FLASH.
Swish : Membuat berbagai macam efek text dengan format file FLASH.
Ulead Cool 3D : Membuat animasi efek text 3D.
Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.
Alaire Homesite
Cold Fusion
Microsoft Frontpage
Macromedia Dreamweaver
Net Object Fusion
Programming : Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.
ASP ( Active Server Page )
Borland Delphy
CGI ( Common Gateway Interface )
PHP
Perl
Upload : File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.
Bullet FTP
Cute FTP
WS-FTP
Macromedia Dreamweaver : dengan fasilitas Site FTP
Microsoft Frontpage : dengan fasilitas Publish
Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.
Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi
Banyak sekali memang software untuk membuat suatu homepage dan kita tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.
Langkah-langkah Membuat Homepage
Bermacam-macam langkah yang digunakan profesi web kita untuk membuat suatu homepage. Berikut ini adalah proses secara umum yang dilakukan kebanyakan profesi web di Indonesia untuk membuat web.
Membuat Sketsa Desain : Desainer bisa saja menuangkan ide dalam membuat interface suatu homepage dalam bentuk sketsa di kertas dahulu. Untuk kebanyakan orang, biasanya langkah ini dilewatkan dan langsung pada langkah membuat layout desain dengan menggunakan software.
Membuat Layout Desain : Setelah sketsa sudah jadi, kita menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain.
Membagi gambar menjadi potongan kecil-kecil : Setelah layout desain homepage sudah jadi. File gambarb tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download. Untuk melakukan hal tersebut dapat menggunakan software Adobe Image Ready. Software ini dapat langsung memotong gambar yang besar tadi dan otomatis juga menjadikannya ke dalam format html. Langkah ini bisa saja dilewatkan bila ukuran gambar kita tidak terlalu besar.
Membuat Animasi : Animasi diperlukan untuk menghidupkan homepage kita agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukan hal tersebut.
Membuat HTML : Setelah itu kita merapikan layout desain kita seperti menempatkan beberapa tombol dan gambar, menambah text, mengedit script HTML, membuat layout form ke dalam format HTML. Untuk itu kita perlu software HTML Editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
Programming dan Script : Untuk website e-commerce, iklan baris, lelang, database, membuat guestbook, counter dan forum diskusi. File HTML kita perlu programming untuk melakukan aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic. Dan perlu diperhatikan bahwa programming dan script ini biasanya dilakukan setelah desain homepage kita telah jadi.
Upload HTML : Setelah file kita telah menjadi html beserta gambar dan scriptnya. Kita perlu meng-upload file kita ke suatu tempat ( hosting ), agar semua orang di dunia dapat mengakses halaman html kita. Biasanya Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini. Atau dapat menggunakan software seperti WS-FTP, Cute FTP, Bullet FTP.
Sering kita temui website yang tipikal: “ Welcome to my homepage ,” animasi e-mail, background dengan tulisan miring (diagonal), animasi gar...
Dongkrak rank alexa your website
semuanya blak blakan & transparan. hhe
pada kesempatan kali ini penulis memberikan sedikit tips tentang bagaimana memperbaiki dan mendongkrak alexa rank website dan blog anda. dari beberapa sumber saya dengar tools ini sudah lama ada, entah saya saja yang baru tau, yang penting sharing teruss..
walaupun kopas sendiri belum memiliki rank alexa yang terlalu bagus,tapi cara ini terbukti manjur untuk mendongkrak alexa rank anda secara drastis.
bagi pemula seperti saya, awal dulu, sekitar 1-2 minggu website ini baru dibuat, saya cek memiliki rank alexa 23 jutaan. tapi sekarang sudah menjadi 2 jutaan, bahkan terus berkurang.
menarik sekali bukan?
pertama kali penuls coba, dengan menggunakan software ini rank alexa langsung turun 5 jutaan pada keesokan harinya.
dengan semakin berkurangnya rank alexa, semakin menunjukkan kalau website anda merupakan website yang banyak dikunjungi orang.prestise tersendiri bukan??
mau mencoba?
anda bisaa download rank enhancher alexa disini.
cara peggunaannya sangat mudah,
pertama(step1) tentukan url website yang akan anda dongkrak ranknya.bisa lebih dari satu.
step 2, anda menentukan threads atau mungkin perulangan sebanyak yang anda mau, max 10 threads
step 3, anda pilih start untuk memulai menggunakan service.
proses ini cukup memakan waktu yang lama, jadi bisa anda tinggal nonton bola sambil ditemani secangkir kopi.akan lebih menyenangkan.
semakin banyak daftar proxy, dan semakin banyak memilih threads, rank akan semakin terdongkrak.
dengan kata lain, semakin sering dan lama anda memakai aplikasi ini, rank alexa anda akan semakin bagus.
untuk efek negatifnya, penulis belum menemukan, karena selam ini aman aman saja tuh.
rank alexa terus turun. tunggu tips dongkrak rank ALEXA berikutnya yah, gak kalah bermanfaat.
selamat mencoba, semoga bermanfaat.
apa sih yang enggak dikasih disini? semuanya blak blakan & transparan. hhe pada kesempatan kali ini penulis memberikan sedikit tips t...
Tips Meningkatkan Alexa Rank
Sebenarnya inti dari meningkatkan alexa rank adalah meningkatkan jumlah trafik atau kunjungan ke web atau blog anda, namun seringkali data yang di dapat oleh alexa tentang trafik blog anda tidak akurat, oleh karena itu kita sebagai pemilik web atau blog harus berusaha agar data trafik web atau blog kita sampai ke alexa dengan akurat.
- Memasang Alexa Toolbar di browser internet yang anda pakai
Bagi pengguna Internet explorer :
Bagi pengguna FireFox :
Alternatif lain bagi pengguna Firefox (integrasi antara Page Rank checker serta Alexa Rank checkher) :
- Memasang alexa Widget di blog
- Setting Web atau Blog anda menjadi Home Page di browser internet
Untuk Internet Explorer 7 (IE7)
- Silahkan jalankan internet explorer nya.
- Lihat ke bagian atas, di sana ada bar menu. Klik menu “Tools”, lalu pilih “Internet Option”.
- Setelah keluar option nya, pastikan anda berada pada tab General, tulis alamat blog anda pada kolom yang ada. misal : http://kolom-tutorial.blogspot.com. Klik tombol apply lalu klik tombol OK.
- Selesai. Sekarang setiap anda membuka internet, blog anda akan langsung di kunjungi.
Untuk pengguna FireFox intinya sama saja, langkahnya mirip-mirip :
Untuk Firefox 3 :
- Silahkan jalankan Firefox nya.
- Klik menu Tools, klik Options…
- Setelah keluar options, klik tab Main. Isi nama home page dengan alamat blog anda. klik tombol OK. Selesai.
- Buatlah tulisan di blog anda mengenai alexa
- Tingkatkan pengunjung jumlah blog anda.
Berikut beberapa tips agar blog anda ramai di kunjungi oleh pengunjung :
- Isi blog anda banyak di minati oleh orang banyak. Misal : Info lowongan kerja, tutorial, berita, dll.
- Coba fahami sedikit tentang yang namanya SEO, baca di sini!.
- Daftarkan situs anda di berbagai Search engine. Selengkapnya tentang submit ke search engine, baca di sini!
- Daftarkan blog anda ke berbagai agregat atau social bookmarking. Untuk blog berbahasa inggris coba submit ke digg, stumbleupon, ma.gnolia, delicious, furl, technorati, simpy, spurl, reddit, mybloglog, blogcatalog, dan lain-lain. Untuk blog bahasa indonesia, coba daftarkan ke blog-indonesia, lintas berita, info gue, dal lain-lain.
- Jadikan web pertemanan semisal friendster, yuwie, hi5, facebook, dan lain-lain sebagai ajang untuk promosi, namun jangan terlalu gencar karena bisa di anggap spam.
- Masukkan alamat web atau blog anda pada signature forum (bagi yang aktif di forum).
- Masukkan alamat web atau blog anda pada signature email.
- Pasang iklan di situs iklan baris gratis seperti : iklanbaris.co.id, iklanads.com, webiklan.com, dan lain-lain.
- Jika punya dana lebih, coba pasang iklan bayar per klik seperti : kliksaya, kumpulblogger, adsensecamp, dan lain-lain. Jika ingin yang lebih dahsyat coba deh dengan google adword.
- Coba pasang Iklan di blog yang ramai di kunjungi tapi dengan harga murah. Contoh di http://julpeack.co.cc
- Cape ah ngetiknya, udahan dulu deh.
Kan udah di bilang cape ngetiknya, jadi ya udahan, alias tidak ada lagi yang harus di tulis
Masih seputar alexa rank seperti pada dua artikel sebelumnya, namun sepertinya artikel ini merupakan edisi terakhir mengenai alexa ra...
Pasang Widget Google Translate
Widget yang akan terpasang adalah seperti gambar berikut, silahkan sorotkan mouse anda ke gambar-gambar bendera yang ada sehingga terlihat sedikit efek blur sebagai pemanis :
<!--—- widget by http://www.blogspottutorial.com ---->
- Silahkan login ke blogger dengan ID anda
- Klik Tata Letak
- Klik tab Elemen Halaman
- Klik Tambah Gadget
- Klik tanda plus (+) untuk HTML/Javascript
- Copy paste kode google translate ke dalam kolom yang tersedia
by : julpeack - Klik tombol Simpan
- Selesai
Sesuai dengan janji pada posting ini, bahwa akan membahas bagaimana memasang widget google translate dalam bentuk bendera. Widget ini ...