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

Monday, May 20, 2013

Cara Membuat Popular Post Bergerak Kebawah

Cara Membuat Popular Post Bergerak Kebawah

Hello. Sudah lama saya tidak posting di blog ini lagi. Nah, untuk kesempatan kali ini saya akan berbagi sebuah Tutorial blog tentang "Cara Membuat Popular post Bergerak ke bawah | Tutorial Blog"  .
dari judulnya ajah pasti sudah tau bukan dengan penggunaan tutorial yang satu ini. yakni supaya Postingan yang populer atau yang sering di kunjungi bisa lebih menghemat tempat. karena akan bergerak ke bawah. sobat bisa melihat contohnya di blog saya ini.

Ikuti langkah-langkah di bawah ini :
1. Pertama sobat harus log-in dulu ke blog
2. kalau sobat sudah log-in. lalu masuk ke menu Tata letak.
3. lalu Click Add Gadget , lalu sobat pilih Entri Populer



4. Kemudian Pilih kembali Add Gadget, dan sekarang kita pilih HTML/JavaScript
5. Kemudian Copas ( Copy Paste ) kode di bawah ini


<style type="text/css" media="screen">
#PopularPosts1 {
overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
}
#PopularPosts1 ul {
width:340px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}
#PopularPosts1 li {
width:340px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}
#PopularPosts1 li .item-title {
color:#A5A9AB;
font-size:1em;
margin-bottom:0.5em;
}
#PopularPosts1 li .item-title a {
text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}
#PopularPosts1 li img {
float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}
#PopularPosts1 li .item-snippet {
overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}
#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
color:#3E4548;
text-decoration: none;
}
#PopularPosts1 .spyWrapper {
height: 100%;
overflow: hidden;
position: relative;
}
#PopularPosts1 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.tags span,
.tags a {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
a img {
border: 0;
}
-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
$('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

6.Kalau sudah di Copas , Sobat Pilih Simpan dan lihat hasilnya





Suber : http://ademiftah666.blogspot.com/2013/02/cara-membuat-popular-post-bergerah-ke.html


Friday, March 2, 2012

Cara dapat domain dot com gratis

Cara dapat domain dot com gratis

Domain Dot Com
siang para sahabat pembaca yang budiman. hehehe berjumpa lagi di tulisan sederhana saya kali ini saya akan share tentang bagaimana cara mendapatkan domain gratis dot com dot org dll. ok langsung saja.

sahabat bisa mendapatkan hal tersebut jika sahabat mendaftar di sebuah situs yang menyediakan pendaftaran gratis di KLIK SINI , kemudian referal 9 orang teman maka sahabat akan mendapatkan domain sesuai keinginan sahabat secara cuma-cuma alias free.

ok tunggu apa lagi segera daftrakan blog sahabat, saya juga lagi usaha nih untuk tanda trimakasih sahabat mendapat info ini silahkan daftar disini DISINI untuk domain gratis

ok, demikan infonya semoga bermanfaat :)

UPDATE: ada sahabat komen dibawah katanya sudah dapat 13 referal tapi ga dapet, kesimpulan situs penyedia domain gratis tersebut cuma spam, Tapi apa salahnya mencoba siapa tahu ada keberuntungan. mungkin.

Monday, February 20, 2012

Belajar Membuat Animasi Dengan Photoshop

Belajar Membuat Animasi Dengan Photoshop


Software : adobe Photoshop CS3 - CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.

Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..
Pembuatan animasi di photoshop ada 2 cara :
1. Import Langsung dari layer ( Make frame from layers - buat yang udah EXPERT )
2. Manual ( ini khusus buat menggerakan benda aja)
Sekarang kita mulai dengan yang manual dulu aja yaa.. dari dasar dulu la..
Pertamax.. hehehe buka dokumen baru :
animasi1
Buat kotak dengan rectangle marquee tool. Klik Select > Inverse.. lalu warnai dengan warna Hitam Klik Edit > Fill > Black
animasi2
Sekarang buat lingkaran dengan Elliptical Marquee tool.. ( Sambil tekan tombol SHIFT biar Bener-bener bulet jadinya )..
Warnai dengan Gradient TOol > Radial Gradient. Warna Terserah aja..
animasi3
Kalo ngikutin nya bener … jadinya kayak gini ..
animasi4
Sekarang kita gerakkan Bola nya..
Klik Windows > Animation, maka muncul Animation Bar..
animasi5
Klik Duplicate Selected Frame .. Muncul Frame baru dengan posisi bola yang sama..
animasi6
Sekarang pindahin bola yang ada di frame 2 ke tepi kiri tengah..
animasi7
Klik Tween Animation Frame untuk membuat Frame-frame dari posisi bola di atas ke posisi bola di samping secara otomatis.. kalo mau gerakan nya halus.. frame nya banyakin aja.. saya pake 5 frame aja..
animasi8
Sekarang udah jadi deh.. gerakan dari atas ke samping kiri.. coba aja tekan tombol Play.
animasi9
Pake cara yang sama .. Sekarang klik frame terakhir.. Klik duplicate selected frame lagi.. Pindahkan bola ke bawah tengah.. lalu buat Tween animation frame.sebanyak 5 juga.. Lalu animasikan bola dari tengah bawah ke tengah kanan.. animasikan lagi..
Untuk yang terakhir jangan sampe kembali ke posisi awal.. tapi buat renggang sedikit..
animasi11
Klik tombol Play.. Kalo udah Ok save di GIF..
Klik File > Save For Web and Devices
animasi12
Hasilnya :
animasi12
Selamat Mencoba…





Cara Membuat Animasi Bergerak GIF Sederhana

Cara Membuat Animasi Bergerak GIF Sederhana

Cara Membuat Animasi Bergerak GIF Sederhana Easy GIF Animator 4 Pro. Anda ingin membuat animasi banner seperti di bawah ini? Caranya sangat mudah dan praktis. Dengan software Easy GIF Animator Pro 4, Anda akan dapat dengan mudah membuat animasi bergerak gif sederhana. Hal pertama yang perlu dilakukan adalah membuat banner-banner master yang akan digunakan untuk membuat animasi tersebut.  Banner-banner tersebut dapat Anda buat menggunakan Software Adobe Photoshop_7.0  atau yang lainnya dengan format GIF.


Web hosting for webmasters


Kalau Anda gunakan Adobe Photoshop, pertama yang harus dilakukan untuk membuat animasi bergerak sederhana GIF adalah membuat Banner Masternya dan mengubahnya ke format GIF. Kemudian Anda dapat mengeditnya dengan program Paint (bawaan windows)  Sehingga Anda akan mendapatkan beberapa Banner yang siap disusun menjadi animasi bergerak sederhana menggunakan program Easy   GIF  Animator Pro_4.
Semakin banyak variasi animasi bergeraknya maka semakin banyak jumlah Banner yang harus dibuat. Sebagai contoh pada Banner animasi seperti di atas,  maka cukup dibutuhkan 2 banner master karena hanya ada 2 variasi




Web hosting for webmasters

  
Dengan Easy GIF Animator 4 Pro, Anda dapat membuat animasi bergerak GIF sederhana dengan mudah dan disitu Anda juga dapat mengatur Waktu Tampilan tiap-tiap perubahan sesuai yang Anda kehendaki.
Kode Warna

Kode Warna

Cyan #00ffff
Blue #0000ff
Skyblue #abcdef
Darkcyan #008686
Cadetblue #5f9ea0
Midnightblue #191970
Mediumslateblue #7b68ee
Cornflowerblue #6495ed
Lightsteelblue #b0c4de
Lightskyblue #87cefa
Powderblue #bde0e6
Aquamarine #7fffda
Dodgerblue #1e90ff
Royalblue #4169e1
Blueviolet #8a2be2
Indigo #460082
Lavender #e6e6fa
Lightblue #add8e6
Deepskyblue #00bfff
Darkslateblue #483080
Mediumvioletred #071585
Mediumturquoise #4801cc
Mediumorchid #ba55d3
Darkturquoise #00ccd1
Paleturquoise #afeeee
Darkorchid #9932cc
Slateblue #6454cd
Aqua #00ffff
Red #ff0000
Darkred #860000
Indianred #cd5c5c
Firebrick #622222
Lightsalmon #ffa07a
Lightcoral #f08080
Maroon #800000
Crimson #dc143c
Tomato #ff6347
Salmon #fa8072
Coral #ff7f50
Pink #ffc0cb
Hotpink #ff69ba
Deeppink #ff1493
Lightpink #ffb6c1
Mistyrose #ffe4e1
Moccasin #ffe4b5
Peachpuff #ffdab9
Mintcream #f5fffa
Floralwhite #fffaf0
Oldlace #fdf5e6
Thistle #d8bfd8
White #ffffff
Linen #faf0e6
Navy #000080
Snow #fffafa
Orange #ffd000
Orangered #ff4500
Burlywood #deb887
Darkorange #ff8c00
Palevioletred #db7093
Sandybrown #f4a460
Rosybrown #bc8f8e
Brown #a52a2a
Peru #cd853f
Gold #ffd700
Yellow #ffff00
Lightyellow #ffffe0
Yellowgreen #9acd32
Palegoldenrod #eee8aa
Goldenrod #daa520
Lime #00ff00
Green #008000
Seagreen #f4a460
Palegreen #98f698
Lightseagreen #20b2aa
Forestgreen #228622
Lightgreen #90ee90
Olive #808000
Tan #d2b48c
Teal #008080
Olivedrab #6b8e23
Greenyellow #adff2f
Darkslategray #2f4f45
Darkolivegreen #55662f
Mediumspringgreen #00fa9a
Darkgoldenrod #688606
Darkkhaki #606766
Orchid #da70d6
Fuchsia #ff00ff
Darkmagenta #860086
Darkviolet #940003
Mediumpurple #9370db
Violet #ee82ee
Purple #800080
Plum #dda0dd
Gray #808080
Dimgray #696969
Gainsboro #dcdcdc
Lightslategray #778899
Lightgray #d3d3d3
Slategray #708090
Darkgray #a9a9a9
Silver #c0c0c0
Springgreen #00ff7f
Lightpink #ffb6c1
Navojowhite #ffdead
Darksalmon
Khaki #f0e68c
Aquamarine
Chocolate #d2691e