1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Yg Punya Situs Wallpaper Kesini....

Discussion in 'Wordpress' started by azunna, Jan 23, 2010.

  1. azunna

    azunna Super Hero

    Joined:
    Nov 28, 2008
    Messages:
    1,526
    Likes Received:
    364
    Permisi teman2 sekalian, ane newbie ingin sedikit berbagi, siapa tahu ada yg butuh.

    Baru2 ini ane bikin situs wallpaper, setelah survey kesana kemari akhirnya jadi juga tuh situs. Situs berbasis WP dengan theme jenis css gallery dan ane mencoba untuk menyediakan berbagai macam ukuran wallpaper untuk didownload oleh visitor, misalnya:

    Download : 1024 x 768 | 1280 x 1024 | 1600 x 1200, dst…………….

    Untuk keperluan di atas biasanya yang harus kita lakukan adalah mengupload 1 macam image wallpaper dgn berbagai macam ukuran, bayangkan betapa capek dan lamanya………

    Sekarang gak perlu capek dan lama lagi, karena udah ada yang namanya timthumb script. Untuk lebih jelasnya bisa dilihat di sini

    Code:
    hxxp://www.darrenhoyt.com/2008/04/02/timthumb-php-script-released/
    Scriptnya kita bisa pake di wp untuk keperluan situs wallpaper kita, tentunya dengan sedikit kreativitas. Ok langsung kita mulai aja.

    Pertama, download dulu timthumb script-nya di sini

    Code:
    hxxp://timthumb.googlecode.com/svn/trunk/timthumb.php
    Lalu install timthumb script tsb di folder theme yang kamu gunakan, misal di sini

    Code:
    hxxp://domain.com/wp-content/themes/themeygdigunakan/scripts/timthumb.php
    Selanjutnya ubah permission folder scripts menjadi 777 atau 755, untuk lebih jelasnya baca aja di darrenhoyt.com di link atas.


    Setelah kamu selesai dgn langkah2 di atas, selanjutnya tinggal ditulis aja link download-nya dengan pola spt berikut:

    Code:
    <a href=’http://domain.com/wp-content/themes/themeygdignkan/scripts/timthumb.php?src=htxp://domain.com/wp-content/uploads/sun-nature-wallpaper.jpg&[COLOR="blue"]h[/COLOR]=960&[COLOR="blue"]w[/COLOR]=1280’>1280 x 960</a>
    Hal yg perlu diperhatikan adalah parameter h (height) dan w (width), tinggal diset aja sesuai kebutuhan.

    Kamu bisa tambahkan link download itu di post kamu, terserah mo dimana aja.

    Sudah selesai kah? Sebenarnya sih sdh, tapi demi mengurangi kerja yang kita lakukan nantinya ketika posting, ada baiknya kita manfaatkan fitur custom field yang sudah WP sediakan (sayang kan kalau cuma dianggurin). Jadi kamu gak usah capek2 tambahin link download di setiap postingan baru. Cukup sekali capek aja……….

    Terus bgmn caranya??

    Pastikan dulu kamu sdh mengupload image wallpaper-nya, kalau bisa upload-lah image dgn high resolution, 1900x1200 atau 1600x1200. Lalu lakukan hal berikut setiap kali kamu posting. Pertama-tama lihat gambar berikut

    [​IMG]

    Lihat pada lingkaran biru di atas, isi saja terserah kamu untuk kolom Name tsb, misal: wallpaper (spt yang saya contohkan). Kmd beralih pada lingkaran merah, isi dgn link image wallpaper yang akan didownload visitor, misal spt yg sy contohkan di atas:

    Code:
    htxp://domain.com/wp-content/uploads/sun-nature-wallpaper.jpg
    Kalau pada gambar di atas sy menggunakan relative path, karena kalau menggunakan url, script-nya malah gak bisa jalan (sy host di Hawkhost). Jadi setiap kali kamu posting, kamu harus mengisi custom field spt di atas.

    Nah, sekarang bagian coding-nya

    Lgsg aja menuju theme editor di wp-admin kamu, pilih single.php, lalu cari kode ini

    Code:
    <?php the_content(); ?>
    Dan tambahkan kode berikut setelah kode di atas (itu jika kamu ingin meletakkan link download-nya di bawah postingan)

    Code:
    Download: <a title="<?php the_title(); ?>" href="/wp-content/themes/themeygdigunakan/scripts/timthumb.php?src=<?php echo get_post_meta($post->ID, 'wallpaper', true); ?>&amp;h=768&amp;w=1024">1024 x 768</a> | <a title="<?php the_title(); ?>" href="/wp-content/themes/themeygdigunakan/scripts/timthumb.php?[COLOR="red"]src=<?php echo get_post_meta($post->ID, 'wallpaper', true); ?>[/COLOR]&amp;h=864&amp;w=1152">1152 x 864</a>
    Maka hasilnya akan spt ini

    Download: 1024 x 768 | 1152 x 864

    Sekilas mengenai penjelasan kode di atas, perhatikan bagian yang ini

    Code:
    ............[COLOR="red"]src=<?php echo get_post_meta($post->ID, [COLOR="green"]'wallpaper'[/COLOR], true); ?>[/COLOR]………….
    Itu adalah kode untuk mengambil meta data yg sdh kamu simpan di custom field setiap kamu posting, yaitu link image yang kamu upload.

    ‘wallpaper’ adalah variable Name yang kamu isi pada custom field (lihat gambar di atas yang dilingkari biru)

    Kamu bisa memvariasikan ukuran image-nya sesuka hati kamu, karena timthumb script yg secara otomatis akan meresize image asli-nya.

    Ane terinspirasi dari theme Photolog punya WPZOOM, silahkan ke tkp sekaligus melihat demo-nya (yg ada di bawah judul post)

    Code:
    http://www.themescloset.com/demo/photoblog/2009/04/28/grey-owl-in-a-tree/ 
    Kalau ada apa-apa tanya aja siapa tahu ane bisa bantu.

    Selamat mencoba.
     
    Alfiano, anggaw, willy4987 and 29 others like this.
  2. aveking

    aveking Super Hero

    Joined:
    Jan 20, 2010
    Messages:
    839
    Likes Received:
    20
    Location:
    Tangerang
    thank's sohib buat uraian panjangnya......

    manfaat banget buat ntar kapan-kapan bikin walpaper site .....:senyum:
     
  3. FayLa

    FayLa Super Hero

    Joined:
    Oct 19, 2009
    Messages:
    1,035
    Likes Received:
    11
    Location:
    Bumi Allah
    tutorial keren nih bro. ntar tak terapin kalau ane dah punya situs wallpaper. :D
     
  4. azunna

    azunna Super Hero

    Joined:
    Nov 28, 2008
    Messages:
    1,526
    Likes Received:
    364
    Sama-sama Bro. Smg bermanfaat

    Ok Bro, it is free to be applied for anyone.........
     
  5. gandensang

    gandensang Super Hero

    Joined:
    Aug 4, 2009
    Messages:
    3,680
    Likes Received:
    899
    Location:
    Tulungagung, Indonesia
    wadaaaaaaaaaaaaaaaaaaaaaaawww ada tips keren sayang tombol tak ku dah habis:nangis:
     
  6. khoid

    khoid Super Hero

    Joined:
    Aug 18, 2008
    Messages:
    3,380
    Likes Received:
    256
    Location:
    depok
    nambahin dikit ah :swt2:

    yg ga mo ribet pake custom field, bisa pake cara ini, biar link image na otomatis ke isi
    tambahin ini di function.php
    Code:
    function dp_attachment_image_link($postid=0, $size='full', $attributes='') {
    	if ($postid<1) $postid = get_the_ID();
    	if ($images = get_children(array(
    		'post_parent' => $postid,
    		'post_type' => 'attachment',
    		'numberposts' => 1,
    		'post_mime_type' => 'image',)))
    		foreach($images as $image) {
    			$attachment=wp_get_attachment_image_src($image->ID, $size);
    echo $attachment[0] ;
    		}
    }
    trus kode yg di kasih ma om azunna di ubah dikit pas bagian singel.php jadi :
    Code:
    Download: <a title="<?php the_title(); ?>" href="[COLOR="blue"]<?php bloginfo('stylesheet_directory'); ?>[/COLOR]/scripts/timthumb.php?src=<?php [COLOR="blue"]dp_attachment_image_link($post->ID);[/COLOR] ?>&amp;h=768&amp;w=1024">1024 x 768</a> | <a title="<?php the_title(); ?>" href="[COLOR="blue"]<?php bloginfo('stylesheet_directory'); ?>[/COLOR]/scripts/timthumb.php?src=<?php [COLOR="blue"]dp_attachment_image_link($post->ID);[/COLOR] ?>&amp;h=864&amp;w=1152">1152 x 864</a>
    note 1: <?php bloginfo('stylesheet_directory'); ?> -->>> ini link ke direktory theme yg lagi blog ente pake, jadi tinggal disesuain tempat naro timthumb.php na aja,.,.,
    note 2 : gambar mesti diupload pas mo bikin posting, soale ngambil link gambar na sesuai id post n attachment,,
     
    estiko, suhesaha, star123 and 3 others like this.
  7. cahngalasz

    cahngalasz Super Hero

    Joined:
    Sep 5, 2009
    Messages:
    2,013
    Likes Received:
    26
    Location:
    Klaten, Jawa Tengah, Indonesia, Indonesia
    Mantap banget dah..
     
  8. gandensang

    gandensang Super Hero

    Joined:
    Aug 4, 2009
    Messages:
    3,680
    Likes Received:
    899
    Location:
    Tulungagung, Indonesia
    ommm ini kode di selipin di bagian mana ya.. ane tekan funktion.php kok udah ada banyak kode di situ maklum nyubis
     
  9. arifbolang

    arifbolang Super Hero

    Joined:
    Oct 4, 2009
    Messages:
    3,500
    Likes Received:
    245
    Location:
    http://sukses.info
    thanks dulu nanti coba dipraktekan om
     
  10. khoid

    khoid Super Hero

    Joined:
    Aug 18, 2008
    Messages:
    3,380
    Likes Received:
    256
    Location:
    depok
    function.php biasanya emank dah ada kode2 bawaan template,.,,. kode yg pertama itu taro aja di bagian bawah, sebelom tag penutup php,.

    kode yg kedua taro di single.php sesuai petunjuk om azzuna
     
  11. Bobthea

    Bobthea Super Hero

    Joined:
    Nov 17, 2008
    Messages:
    1,897
    Likes Received:
    44
    Wuih.. Mantep2 nih.. Boleh dicoba.
     
  12. dhyar

    dhyar Super Hero

    Joined:
    Feb 10, 2007
    Messages:
    2,660
    Likes Received:
    142
    Location:
    Tasikmalaya
    Nah bos masalahnya itu bikin cache yah kalo ga salah? dan cukup berat juga yah? Saya pernah disuspend tuh gara2 itu, hosting rekomended forum ini juga. Terlepas itu semua, bener2 inspiratif, themenya bakalan jadi mirip screnshoot dari wootheme. Saya suka itu...
     
  13. beastmoon

    beastmoon Hero

    Joined:
    Feb 12, 2008
    Messages:
    587
    Likes Received:
    23
    Location:
    not in heaven or hell yet
    mantap penjelasannya buat yang mo buat wallpaper site
     
  14. rabins

    rabins Ads.id Pro

    Joined:
    Jan 21, 2007
    Messages:
    267
    Likes Received:
    27
    mantab nih, kemaren kepikiran gmana caranya... pas aku dah punya theme yg pake timb tumb juga..
     
  15. frontman82

    frontman82 Hero

    Joined:
    Jul 23, 2009
    Messages:
    515
    Likes Received:
    18
    Location:
    Jogja
    bos azunna,
    kalo kita pake theme custom/premium dalam ber autoblog kenapa image tidak muncul di homepage..
    walaupun image sudah ada di postnya.. apakah ada hubungannya dengan script timthumb?
    sori kalo pertanyaanya kurang jelas.. maklum baru tau timthumb kemaren sore..
     
  16. nizma

    nizma Super Hero

    Joined:
    Mar 9, 2009
    Messages:
    4,097
    Likes Received:
    334
    mas, ntar malem chat yaks, aq ada domain wallpaper nganggur :D
     
  17. marbolec

    marbolec Super Hero

    Joined:
    May 19, 2007
    Messages:
    841
    Likes Received:
    13
    Location:
    Jogjaa!
    kalo pake cara ini bisa gak nyelipin banner di atas atau bawah image full screen nya??
     
  18. mycrohosting

    mycrohosting Super Hero

    Joined:
    Oct 22, 2009
    Messages:
    2,636
    Likes Received:
    138
    Location:
    MycroWeb.Com
    trengkyu TS...
     
  19. prafangga

    prafangga Super Hero

    Joined:
    Jan 18, 2010
    Messages:
    1,821
    Likes Received:
    237
    Location:
    Indonesia
    :gembira: dapet ilmu baru, thx bos, moga banyak rejeki.
     
  20. diemughni

    diemughni Super Hero

    Joined:
    Jun 8, 2009
    Messages:
    1,212
    Likes Received:
    12
    mantep gan makasih ya....
     

Share This Page