Share The Goodness!

10 Teknik fotografi smartphone

2016-01-25T16:43:00.003+07:00

Pernah kebayang gak menjadi fotografer profesional? tapi pas liat kocek kita ga memadai untuk itu bisa-bisa cuman menhayal doang yang ada bro. Tapi jangan putus asa gitu dong.. itu semua bisa dilakukan juga pake kamera smartphone loe Bro.. yaa.. cuma pake smartphone doang bro, kecuali yg ga punya smartphone ya mending skip aja nih artikel.

Banyak kok fotografer-fotografer luar maupun dalam negeri ber-eksperimen Fotografi Menggunakan Smartphone dalam karyanya, malah ada juga yg khusus menggunakan smartphone doang tapi hasilnya ajibbbb. contohnya bisa disimak seperti: RogerClay blackandwhitestreet.com dia cukup gunain smartphone dalam karya street fotografinya, ada juga Paul Marsh paulmphotography.com/ yang lebih kepada fotografi arsitektur, ada juga Maria Sander https://www.instagram.com/mariasander_/ yg lebih natural dan masih banyak lagi yg lain.

Robert Clay Street Photography

Udah laah ga usah gw jelasin panjang lebar.. karena kalo kepanjangan kasihan ibu-ibu.. kalo kelebaran juga jadi gak enak kan bapak-bapak heheheh… simak beberapa tips berikut ini yg harus dipersiapkan untuk belajar smartphone fotografi:

10 Teknik fotografi smartphone

Pelajarin Settingan Kamera Smartphone lo Bro
Biasanya setiap smartphone pasti punya kamera setting, loe bisa setting semau loe bro.. apakah itu auto focus, ISO maupun white balance, dana jangan takut untuk mencoba satu-persatu.. nanti loe akan dapet feel nya.

Setting Camera
Set Kamera dengan resolusi setinggi-tingginya
Tentu ini sangat perlu apalagi kalao nanti fotonya akan dicetak ukuran besar tentu perlu resolusi yg gede kan.. silahkan lihat lagi di settingan loe. Trus dekati objek yang akan difoto kalo perlu.. karena setiap smartphone umumnya zoom nya terbatas jadi mendekati objek adalah pilihan yang tepat.

Setting camera denga resolusi tinggi
Gunakan Kamera Belakang yah, jgn yang depan
Biasanya pada smartphone lensa kamera yang paling bagus itu yang kamera belakang (main camera), jadi saran ane mending gunain kamera belakang bro. Namun bisa juga menggunakan kamera depan jika diperlukan seperti foto selfi contohnya.
Gunakan tripod atau lensa tambahan jika diperlukan
Pernah gak kalian moto objeknya jadi blurr.. nah tripod ini kadang diperlukan untuk mengatasi itu khusunya di tempat yang kurang cahaya. Atau jua tripod bisa digunakan untuk self-timer. Lensa, yak lensa itu ibaratnya mata kita.. jadi setiap foto yang dihasilkan itu lensa sangat berperan penting.. untuk itu loe bisa tambahin lensa tambahan misalnya, atau perangkat2 lainnya.

Penggunaan Lensa Tambahan
Cari Spot dengan cahaya paling terang bro
Masalah besar yang sering kita jumpai salah satunya adalah foto terlalu gelap jadi pencahayaan itu sangat penting. Kita bisa cari spot atau tempat moto yang lebih terang atau bisa menggunakan flash jika perlu juga. bisa juga kita mengandalkan sinaran cahaya matahari sebagai efek cahaya. atau kita bisa juga menggunakan lampu tambahan seperti spot lamp, senter dan sejenisnya.. di dalam smartphone fotografi itu sah-sah saja… jangan takut ber-eksperimen.
Menggunakan beberapa trik tambahan
Agar terlihat lebih dramatisir banyak juga fotografer smartphone yang penggunakan trik dalam mengambi gambar, seperti di video ini contohnya:
Atur komposisi yang pas dan cantik
Foto yang baik itu terletak pada komposisi yang baik, kita bisa pelajari pakem-pakem komposisi dalam fotografi seperti rule of third, leading line, scale, framing, maupun vibonaci dalam pengambilan angle foto kita.

Composition: Rules of third

10-top-photography-composition-rules
Jangan Malu-malu untuk Ambil Gambar
Nah, ini biasanya problem kita sebagai orang indo… biasanya malu tuh kalo suruh abli gambar hehe… cuek aja bro, gimana kita bisa dapet angle dan komposisi yang bagus kalo malu-malu motonya. Atau bisa juga kita ambil tehnik candid kalau untuk moto orang misalnya.
Menggunakan aplikasi Lain bukan bawaan Smartphone nya
Biasanya kamera bawaan standard itu minim fungsi, jadi kita bisa gunain aplikasi-aplikasi kamera yang lain untuk supaya foto kita tambah keren. seperti diantaranya: Camera+(IOS), Pro Capture Free (Android), lainnya ada juga Slow Shutter Cam (IOS), Night Cam and Pro HDR (IOS, Android).
Menggunakan Aplikasi pengedit fotoTerkadang Kita perlu edit foto kita, banyak aplikasi-aplikasi peng-edit foto yang bagus-bagus yang bisa kita pakai setelah kita moto.. misalnya Camera FV-5 (Android), Photoshop Express (IOS, Android), Pixlr Express (IOS, Android), snapster (IOS, Android).

Demikian bro beberapa tipsnya, semoga bisa jadi tambahan elmu bagi yang mebutuhkan. pesan sponsor… jangan takut untuk mencoba ya guys ^_^

Ini Nih Cara Membuat Template Blogger dari Nol!

2015-06-15T19:24:00.000+07:00

Kita sering melihat atau mencoba membuat sebuah blog.. tapi terkadang terbersit pertanyaan bagaimana ya cara membuat atau meng-custom desain blogspot kita sendiri? tentunya sesuai yang kita mau, pertanyan ini sering terlintas khususnya di pikiran para webdesigner. Artikel kali ini kita akan bahas bagaimana cara membuat template blogger dari nol.

Langkah 1. Mempersiapkan Testing/Demo Blog Untuk Membuat Template
Ini adalah hal yang umum bahwa sebelum membuat template blogger Anda akan membuat blog demo untuk template itu. Jadi, membuat blog dan mempublikasikan lebih dari 10+ posting di atasnya. Harus ada satu gambar, semua pos, 4-5 paragraf teks, list bernomor, list bullet dan kutipan di setiap pos. Kami akan merancang ini masing-masing dan setiap hal sehingga membuat 10 + posting dengan ini semua hal dan juga mengintegrasikan beberapa widget penting dalam footer atau sidebar. Setelah itu, Anda dapat menggunakan template default di atasnya tapi segera kami akan menghapusnya dan desain template lain di atasnya.

Langkah 2. Memahami Dasar Struktur Template Blogger
Sebelum memulai template kita harus memahami struktur dasar dari template blogger. Kami juga bisa mengatakan bahwa kita akan membuat halaman kosong sederhana blogger template. Jadi, saya sudah mempersiapkan coding dasar yang akan membantu Anda untuk memahami struktur dasar.

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

    <b:include data='blog' name='all-head-content'/>

<title>
      <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <data:blog.pageTitle/>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
          <data:blog.pageName/> | <data:blog.title/>
          <b:else/>
          Page Not Found | <data:blog.title/>
        </b:if>
      </b:if>
    </title>

    <b:skin><![CDATA[

body {
background:white;
color:black;
}
#Navbar1 {dispaly:none!important;}
]]></b:skin>

</head>
<body>

  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'/>
</b:section>

</body>
</html>

Dalam coding dasar di atas, Anda akan melihat bahwa ada XML dan HTML tag di awal yang berarti bahwa ini dibangun dengan XML dan HTML. Perpanjangan utama untuk coding ini akan .XML. Jika Anda menyalin coding di atas dan paste dengan seluruh coding dari template maka akan disimpan dan akan menampilkan apa-apa di blog karena ini adalah sederhana halaman HTML kosong. Mari kita memahami struktur dasar.

Langkah 3. Membuat header
Setelah mengetahui struktur dasar, mari kita mulai dengan membuat header blog. Pada dasarnya, ada dua hal penting untuk membuat template blogger. Pertama adalah Header dan yang kedua adalah Blog Content. Hal-hal lain yang juga penting tetapi ini paling yang. Kami akan menggunakan widget kustom Header dan akan menyesuaikan sesuai dengan kebutuhan kita. Pada dasarnya, Header adalah widget dan Anda tahu untuk membuat widget, kita harus membuat bagian untuk widget satu atau beberapa. Salin kode di bawah dan paste di mana saja di <body> template di mana Anda ingin menampilkan widget Header.

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
        <b:widget id='Header1' locked='true' title='' type='Header'></b:widget>
</b:section>

Coding di atas tidak coding lengkap header tetapi ketika Anda akan mengintegrasikan coding di atas dalam template maka otomatis akan menjadi lebih lama. Simpan template ini, reload halaman Edit HTML dan Anda akan melihat memperluas panah di sisi kiri <b: widget> tag. Blogger secara otomatis akan menulis coding default pada itu. Jadi, mari kita memahami header ini coding.

1. <b: section> memiliki class = 'header' dan id = 'header': Pertama-tama, di tag bagian, Anda akan melihat class = 'header' dan id = 'header' yang kelas CSS umum dan tag id. Jadi, dengan bantuan tag ini, Anda dapat melakukan kustomisasi header seperti memberikan lebar tertentu, tinggi, margin, padding, ukuran font, warna dll untuk bagian header saja.2. <b: section> memiliki maxwidgets = '1': Saya tidak perlu menjelaskan hal-hal sederhana, tetapi untuk benar-benar pemula saya akan menjelaskannya. Ada tag XML lain blogger yang maxwidgets = '1' dengan ini, kita hanya bisa mengatur jumlah widget maksimum di bagian yang hanya mengganti nomor 1.3. <b: section> memiliki showaddelement = 'no': Ini hanyalah tag sederhana yang kita dapat menonaktifkan atau mengaktifkan Tambahkan pilihan Gadget.4. <b: widget> memiliki id = 'Header1': Dalam widget header, ada tag CSS id yang kita menyesuaikan widget header dengan CSS.5. <b: widget> setelah terkunci = 'benar': Tag ini memungkinkan Anda untuk mengunci dan membuka widget mudah dengan memilih benar atau salah. Ketika widget terkunci, seseorang tidak dapat dengan mudah mengedit bahwa melalui tata letak halaman.Pengaturan saat ini widget header dan bagian-baik saja sehingga kita tidak akan mengeditnya. Di bawah, saya akan memberikan kelas dan ID CSS tag yang akan membantu Anda untuk menyesuaikan header widget. Cukup, menambahkan ini di bawah CSS antara <b: skin> tag dan mengisinya dengan properties Anda sendiri.

#header {  }

#header h1 {  }

#header h1 a {  }

#header .description {  }

Saya lupa menyebutkan widget menu halaman yang juga penting untuk membuat menu. Bahwa jenis menu hanya menampilkan link tersebut yang sesungguhnya merupakan halaman yang dibuat di blog blogger. Default blogger template, sebagian besar digunakan jadi di sini saya akan mengajarkan Anda bagaimana kita bisa menerapkannya dalam blog kita. Saya hanya akan memberikan Anda default XML dan HTML coding dan akan menunjukkan jalan Anda untuk merancang itu dengan CSS. Jika Anda dikenal dengan HTML dan CSS maka Anda dapat dengan mudah membuat menu custom di mana saja di template. Tapi untuk menu halaman ini, Anda mungkin menghadapi masalah. Mari kita mulai.

Langkah 4. Membuat Halaman menu Widget
Widget menu halaman ini juga dilakukan dengan membuat widget bagian dan widget. Jadi, di bawah ini saya akan memberikan kode lain yang akan memiliki bagian tag dan akan ada halaman daftar widget yang merupakan hal utama. Cukup tempatkan di bawah coding mana saja di mana yang ingin Anda munculkan itu widget menu dalam halaman.

<b:section class='tabs' id='crosscol' maxwidgets='1' showaddelement='yes'>
        <b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
       </b:widget>
</b:section>

Seperti yang kita lakukan di widget Header, ini juga hanya bagian kecil dari tag yang secara otomatis akan melengkapi diri dengan encoding default. Untuk kustomisasi, sangat sederhana Anda hanya dapat mengambil ID dan tag class dari kode di atas dan mulai menulis CSS Anda sendiri untuk mereka. Tapi, kali ini saya juga akan memberikan CSS tag kosong di mana Anda sudah mengisi properti sesuai dengan kebutuhan Anda dan untuk desain yang lebih baik.

.tabs {  }
#corsscol {  }
#PageList1 {  }
#PageList1 ul {  }
#PageList1 ul li {  }
#PageList1 ul li a {  }

Ini adalah hal utama yang harus penting sebagian besar dari semua. Di blogger, kita membuat widget standar yang posting sebenarnya widget. Di dalam halaman Layout, Anda mungkin telah melihat widget bernama besar Posting Blog. Kita bisa dengan mudah membuat standar posting blog widget dengan sedikit coding tapi mengkustomisasi itu sesuai dengan kebutuhan kita mungkin sedikit sulit. Pertama-tama, membuka editor html di blogger dan paste berikut posting blog kode widget di sana.

Step 5. Creating Blog or Content Widget
Sama seperti widget lainnya, kami juga menciptakan bagian untuk itu widget posting blog. Setelah menyimpan widget ini dalam template, reload editor html akan mendapatkan coding default posting blog widget secara otomatis. Di sini, mulai dalam menyesuaikan tulisan bagian sesuai dengan kebutuhan Anda. Lihatlah class dan untuk ID tag dan menulis CSS untuk tag tersebut untuk mempercantik area posting. Ketika Anda akan memperluas posting blog widget, Anda akan mendapatkan banyak <b: includable> tag yang sebenarnya area posting. Akan ada spesifik tag memiliki includable id = 'post' dan untuk var = 'post'. Jika Anda expand pada tag includable maka akan munculkan pengkodean area posting hanya di mana Anda bisa melakukan customisasi dengan mudah.

Langkah 6. Membuat Gadget Kustom Area Anda seperti Sidebar dan Footer
5 langkah tersebut di atas akan mendapatkan template sederhana namun menciptakan area posting gadget custom dapat berguna seperti membuat sidebar, footer dan daerah gadget diperlukan gadget lainnya. Jadi, pada langkah ini kita akan belajar bahwa bagaimana kita bisa dengan mudah membuat bagian gadget custom dalam tata letak blogger. Kami hanya akan menulis <b: section> tag di mana kita dapat menambahkan widget sebagai lebih seperti yang kita inginkan. Pergi ke Editor html dan paste kode berikut di mana saja Anda ingin membuat area gadget atau section.

<b:section class='' id='' maxwidgets='' showaddelement='yes'>

</b:section>

Tidak ada yang khusus maka <b: section> tag di coding di atas. class dan ID tag yang kosong di mana Anda dapat menambahkan nama kustom Anda sendiri untuk memanggil CSS untuk bagian itu. Anda dapat menggunakan kelas dan ID untuk memanggil CSS dan keindahan yang gadget section dengan menambahkan setiap lebar, tinggi, padding, margin yang dll tag lain, maxwidgets = '' juga di mana Anda menulis jumlah maksimum seperti 10 sehingga bagian tersebut tidak akan berisi lebih dari 10 widget. Jika Anda ingin menunjukkan Tambahkan pilihan Gadget di Layout kemudian tetap ya di tag showaddelement jika menimpanya dengan pilihan No.

Langkah 7. Setting Page Layout
Sementara membuat template, juga mengurus tata letak halaman di blog blogger karena halaman yang tergantung pada template blog. Jika Anda melakukan hal-hal dengan benar maka tidak akan kacau tapi jika Anda menghadapi masalah maka kita sudah solusi untuk ini. Kita dapat mengatur widget dan bagian gadget melalui menggunakan CSS sangat sederhana.

body#layout #widgetID { The Properties For Widget In Layout Page Goes Here }
body#layout #widgetID2 { The Properties For Widget In Layout Page Goes Here }
body#layout #widgetID3 { The Properties For Widget In Layout Page Goes Here }
body#layout #widgetID3 { The Properties For Widget In Layout Page Goes Here }

Advance GuideSiapapun yang memiliki pengetahuan dasar tentang mendesain web dapat mengembangkan blogger template hanya dengan menggunakan HTML sederhana dan CSS. Pemula mungkin menghadapi masalah dalam memahami struktur template blogger tetapi jika Anda tetap melakukan latihan maka Anda dalam beberapa hari, Anda bisa menjadi ahli dalam hal itu. Mereka web desainer yang dapat membuat HTML Template atau tema lainnya platform blogging maka saya tidak berpikir mereka akan menghadapi masalah. Bahkan merancang template blogger adalah salah satu yang paling platform yang paling mudah daripada yang lain.Di atas kita hanya menciptakan sederhana blogger template yang berisi tulisan header, menu halaman dan blog. Tidak ada sidebar dan footer di template di atas. Anda dapat membuat sidebar dengan memberikan lebar khusus untuk posting widget, mengapung posting blog widget ke kiri dan membuat bagian lain yang akan sidebar. Anda harus mengapung sidebar di kanan dan juga memberikan lebar tersebut kepada orang-orang posting blog dan bagian sidebar yang kedua ini harus sesuai pada daerah. Anda dapat melakukan lebih banyak percobaan dengan blogger template desain dan juga Anda dapat menutupi setiap bagian widget dengan tag HTML div tertentu.Sementara menciptakan blogger template, kadang-kadang saya menggunakan Inspect Element di Google Chrome yang umum alat coding dan membantu untuk mengedit halaman Web manapun. Ini juga akan membantu Anda untuk menemukan kelas dan ID tag spesifik apa pun dan Anda dapat menyesuaikan mereka melalui CSS.

Final Words
Jadi teman-teman, itulah cara kita dapat dengan mudah membuat template blogger dari awal. Selamat Mencoba!! ^_^

Aplikasi iPhone Wajib Download Untuk Designer

2014-09-25T16:29:00.005+07:00

Berikut ini bisa disimak aplikasi iPhone terbaik untuk mempercepat alur kerja Anda, membantu Anda membuat pilihan desain yang tepat, dan banyak lagi kegunaannya.

Saya telah memilih aplikasi iPhone terbaik yang dapat Anda download ke smartphone Apple sekarang.

Photoshop Touch
FX Photo Studio (gratis)
Layers
PicLab HD
Strata
3DMark (free)
Adobe Kuler (free)
Filmic Pro
Adobe Ideas (free)
Path On
Repix (free)
Behance (free)
Blux Camera Pro
Draw Animal
Design Duet
Sketchbook Pro (free)
Sum05 (free)
Marksta
Fuzel (gratis)
M.dot (free - in app purchases)
Color Schemer (free)
The Font Game
Webr (free)
Typography Manual
My PANTONE
iDesign
Omnifocus
Cinemagram (free)
Palletes (upgradeable)
ToDo
What The Font (free)
Type Drawing
Hipstamatic
iBlueSky
Adobe Photoshop Express (free - in app purchases)
Photo Calculator (free)
Color Toy
TypeCast (free)
Over
Fontli (free)
VectorSnap
Ikonika
Redacticam
Storyboard Composer
Iconical

Bagaimana cara Menampilkan Related Post di Wordpress

2014-02-28T19:07:00.002+07:00

Ada banyak cara untuk menampilkan posting terkait (related post) di WordPress tanpa menggunakan plugin yang tidak perlu posting terkait yang terkenal untuk memperlambat website WordPress. Pada artikel ini kita akan membahas bagaimana menampilkan posting terkait pada daftar per kategori dan tag menggunakan PHP sederhana yang dapat diimplementasikan ke dalam tema file seperti single.php, category.php, dan lain-lain.

Menampilkan related posts di dalam kategori yang sama

Untuk menampilkan posting terkait (related post) di WordPress berdasarkan kategori, copy dan paste kode di bawah ke file template PHP anda.

<?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
 $tag_ids = array();
 foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

 $args=array(
 'tag__in' => $tag_ids,
 'post__not_in' => array($post->ID),
 'showposts'=>5, // Number of related posts that will be shown.
 'caller_get_posts'=>1
 );
 $my_query = new wp_query($args);
 if( $my_query->have_posts() ) {
 echo '<h3>Related Posts</h3><ul>';
 while ($my_query->have_posts()) {
 $my_query->the_post();
 ?>
 <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
 <?php
 }
 echo '</ul>';
 }
}
?>

Untuk menambahkan posting terkait untuk mempublikasikan posting WordPress secara otomatis sisipkan kode ini ke lokasi pilihan Anda pada file single.php.

Menampilkan Related Posts Menggunakan Tags yang sama

Untuk menampilkan posting terkait per tag terkait digunakan, copy dan paste kode di bawah ini ke dalam file template.

<?php
$categories = get_the_category($post->ID);
if ($categories) {
 $category_ids = array();
 foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;

 $args=array(
 'category__in' => $category_ids,
 'post__not_in' => array($post->ID),
 'showposts'=>5, // Number of related posts that will be shown.
 'caller_get_posts'=>1
 ); 
 $my_query = new wp_query($args);
 if( $my_query->have_posts() ) {
 echo '<h3>Related Posts</h3><ul>';
 while ($my_query->have_posts()) {
 $my_query->the_post();
 ?>
 <li><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>
 <?php
 }
 echo '</ul>';
 }
}
?>

Plugin ini bisa ada modifikasi dengan menggunakan thumbnail dengan mengedit code nya. SElamat Mencoba ^_^

Inspirasi: 50 Website Keren dengan Geometri Elemen

2014-02-28T10:42:00.000+07:00

Bentuk geometris yang populer sebagai desain, elemen navigasi, komponen framing atau hanya cara untuk menarik perhatian bagi pengguna situs-situs tertentu.

Berikut ini saya kelompokkan beberapa inspirasi dari berbagai situs untuk anda, seperti penggunaan persegi panjang dan lingkaran sebagai objek geometris yang paling terkenal dalam desain web, dan juga bagaimana menggunakan angka geometris lainnya, seperti unsur segitiga, trapesium, dan bahkan segi enam, dll. So, enjoy 50 awesome websites with extraordinary geometry elements!

(awwward.com)

Cara gampang buat custom metabox di wordpress seperti custom fields

2014-02-25T11:27:00.000+07:00

Memulai WordPress Meta box

Kita akan memcoba membuat code untuk kotak metabox, Anda akan cukup melakukan copy dalam file Plugin dan juga functions.php.

Saya sarankan agar Anda men-download file contoh dibawah, atau cut + paste kode dan markup di bawah ini. Ada tiga file contoh (Anda juga akan perlu untuk membuat folder dan namakan itu folder "custom") isinya yaitu :

/folder_theme_anda/functions.php
/folder_theme_anda/custom/meta.php
/folder_theme_anda/custom/meta.css

Yang pertama, copy code ini kedalam folder theme anda /folder_theme_anda/functions.php :

<?php
 
define('MY_WORDPRESS_FOLDER',$_SERVER['DOCUMENT_ROOT']);
define('MY_THEME_FOLDER',str_replace("\",'/',dirname(__FILE__)));
define('MY_THEME_PATH','/' . substr(MY_THEME_FOLDER,stripos(MY_THEME_FOLDER,'wp-content')));
 
add_action('admin_init','my_meta_init');
 
function my_meta_init()
{
    // review the function reference for parameter details
    // http://codex.wordpress.org/Function_Reference/wp_enqueue_script
    // http://codex.wordpress.org/Function_Reference/wp_enqueue_style
 
    //wp_enqueue_script('my_meta_js', MY_THEME_PATH . '/custom/meta.js', array('jquery'));
    wp_enqueue_style('my_meta_css', MY_THEME_PATH . '/custom/meta.css');
 
    // review the function reference for parameter details
    // http://codex.wordpress.org/Function_Reference/add_meta_box
 
    // add a meta box for each of the wordpress page types: posts and pages
    foreach (array('post','page') as $type)
    {
        add_meta_box('my_all_meta', 'My Custom Meta Box', 'my_meta_setup', $type, 'normal', 'high');
    }
     
    // add a callback function to save any data a user enters in
    add_action('save_post','my_meta_save');
}
 
function my_meta_setup()
{
    global $post;
  
    // using an underscore, prevents the meta variable
    // from showing up in the custom fields section
    $meta = get_post_meta($post->ID,'_my_meta',TRUE);
  
    // instead of writing HTML here, lets do an include
    include(MY_THEME_FOLDER . '/custom/meta.php');
  
    // create a custom nonce for submit verification later
    echo '<input type="hidden" name="my_meta_noncename" value="' . wp_create_nonce(__FILE__) . '" />';
}
  
function my_meta_save($post_id)
{
    // authentication checks
 
    // make sure data came from our meta box
    if (!wp_verify_nonce($_POST['my_meta_noncename'],__FILE__)) return $post_id;
 
    // check user permissions
    if ($_POST['post_type'] == 'page')
    {
        if (!current_user_can('edit_page', $post_id)) return $post_id;
    }
    else
    {
        if (!current_user_can('edit_post', $post_id)) return $post_id;
    }
 
    // authentication passed, save data
 
    // var types
    // single: _my_meta[var]
    // array: _my_meta[var][]
    // grouped array: _my_meta[var_group][0][var_1], _my_meta[var_group][0][var_2]
 
    $current_data = get_post_meta($post_id, '_my_meta', TRUE); 
  
    $new_data = $_POST['_my_meta'];
 
    my_meta_clean($new_data);
     
    if ($current_data)
    {
        if (is_null($new_data)) delete_post_meta($post_id,'_my_meta');
        else update_post_meta($post_id,'_my_meta',$new_data);
    }
    elseif (!is_null($new_data))
    {
        add_post_meta($post_id,'_my_meta',$new_data,TRUE);
    }
 
    return $post_id;
}
 
function my_meta_clean(&$arr)
{
    if (is_array($arr))
    {
        foreach ($arr as $i => $v)
        {
            if (is_array($arr[$i]))
            {
                my_meta_clean($arr[$i]);
 
                if (!count($arr[$i]))
                {
                    unset($arr[$i]);
                }
            }
            else
            {
                if (trim($arr[$i]) == '')
                {
                    unset($arr[$i]);
                }
            }
        }
 
        if (!count($arr))
        {
            $arr = NULL;
        }
    }
}
 
?>

Kedua, copy /folder_theme_anda/custom/meta.php dibawah ini :


<div class="my_meta_control">     
 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras orci lorem, bibendum in pharetra ac, 
 luctus ut mauris. Phasellus dapibus elit et justo malesuada eget <code>functions.php</code>.</p> 
 <label>Name</label> 
 <p>
  <input type="text" name="_my_meta[name]" value="<?php if(!empty($meta['name'])) echo $meta['name']; ?>"/>
  <span>Enter in a name</span>
 </p> 
  <label>Description <span>(optional)</span></label> 
 <p>
  <textarea name="_my_meta[description]" rows="3"><?php if(!empty($meta['description'])) echo $meta['description']; ?></textarea>
  <span>Enter in a description</span>
 </p> 
</div>

Kemudian copy file CSS nya, /folder_theme_anda/custom/meta.css


.my_meta_control .description
{ display:none; }
 
.my_meta_control label
{ display:block; font-weight:bold; margin:6px; margin-bottom:0; margin-top:12px; }
 
.my_meta_control label span
{ display:inline; font-weight:normal; }
 
.my_meta_control span
{ color:#999; display:block; }
 
.my_meta_control textarea, .my_meta_control input[type='text']
{ margin-bottom:3px; width:99%; }
 
.my_meta_control h4
{ color:#999; font-size:1em; margin:15px 6px; text-transform:uppercase; }

Jika Anda telah mengatur semuanya dengan benar, Anda akan melihat kotak meta berikut dalam edit post atau mengedit halaman layar:

Menggunakan Value Meta Box Dalam Template Anda
Ingat.. contoh di atas menggunakan variabel tunggal ( _my_meta ) untuk menyimpan values sebagai array, jadi ketika Anda mendapatkan value meta kembali dari WordPress itu akan menjadi sebuah array dan Anda harus mengakses nilai dengan menggunakan sintaks array. Melakukan hal ini cukup lurus ke depan:


$my_meta = get_post_meta($post->ID,'_my_meta',TRUE);
echo $my_meta['name'];
echo $my_meta['description'];

Global $post variabel harus selalu tersedia, tapi di sini ada beberapa metode lain yang dapat Anda gunakan untuk mendapatkan pos saat ini atau halaman ID yang Anda akan perlu menggunakan dengan get_post_meta() :


// using $post global variable
echo $post->ID;
 
// get a page by its path (recommended over using a page ID)
$page = get_page_by_path('company/contact-us');
echo $page->ID;
 
// if you are working in the loop
echo get_the_ID();

Demikianlah tutorial dari kami, Selamat Menikmati! ^_^

Untuk lebih gampang lagi silahkan download beberapa file ini:
Download

Sumber: [farinspace]

Cara Membuat Highlight Pencarian pada Search Wordpress

2013-11-14T16:18:00.002+07:00

fikdesign, grafis desain, tutorial desain, web desain, tutorial blogspot, belajar membuat blog wordpress

Kali ini saya akan membagi kode tentang Cara Membuat Highlight Pencarian pada Search Wordpress, pertama-tama masukkan kode function ini kedalam template.. tepatnya di function,php

function search_excerpt_highlight() {
    $excerpt = get_the_excerpt();
    $keys = implode('|', explode(' ', get_search_query()));
    $excerpt = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $excerpt);

    echo '<p>' . $excerpt . '</p>';
}

function search_title_highlight() {
    $title = get_the_title();
    $keys = implode('|', explode(' ', get_search_query()));
    $title = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $title);

    echo $title;
}

Berikutnya ganti kode ini di search.php pada template anda :

function search_content_highlight() {
        $content = get_the_content();
        $keys = implode('|', explode(' ', get_search_query()));
        $content = preg_replace('/(' . $keys .')/iu', '<strong class="search-highlight">\0</strong>', $content);

        echo '<p>' . $content . '</p>';
    }

Agar effectnya terlihat bagus, tambahkan juga kode CSS di style.css

.search-highlight {
    background:#FFFF00  
}

Simak juga artikel yang tak kalah menarik ini.. Cara mudah mendapatkan backlink gratis

Cara mengamankan wordpress dari Hacker dengan .htaccess

2013-10-02T11:10:00.002+07:00

Kali ini Fikdesign akan membagi tips untuk mengamankan wordpress dari serangan para hacker dengan menggunakan .htaccess, untuk lebih jelasnya silahkan simak cara-cara belrikut ini:
Jika Kamu pengguna wordpress pasti tahu wp-config, Pada file wp-config.php ini berisi tentang informasi database kalian yang menjadi sasaran empuk untuk proses hack berlangsung, berikut informasi yang ada didalam file wp-config.php diantaranya :

Nama Database (DB_NAME)
Username Database (DB_USER)
Password Database (DB_PASSWORD)
Tabel Perfix

Informasi ke-empat isi file wp-config diatas jika mudah diketahui, 100% blog Wordpress kalian anda terkena hack dari para tangan-tangan tak bertanggung jawab seperti Hacker.
Berikut cara untuk mengantisipasinya, silahkan anda ikuti cara berikut untuk mengamankan file wp-config.php blog kalian:

Kalian buka/edit file .htaccess (jika belum ada, anda bisa buat manual)
Tambahkan isi file dengan koding dibawah ini, bisa diletakkan di awal atau diakhir.

deny from all order allow,deny # protect wpconfig.php

Save file .htaccess anda

Ganti file permission file wp-config.php kalian ke 444.

Dengan cara di atas kalian dapat mengantisipasi blog WP kalian dari pada tangan tangan usil yang suka membobol blog maupun web.

Ubah Website Lo pake 20 Font Gratis yang Keren ini Bro

2013-07-18T11:04:00.002+07:00

Sama seperti komunikasi non-verbal, pakaian, faktor suara dan kata-kata lain selain memberi Anda perasaan tentang apa yang seseorang mengatakan, font juga menentukan bagaimana dokumen tertulis disajikan bagi pembacanya. Jadi cara tercepat untuk meningkatkan pesan Anda sebenarnya adalah memilih font yang tepat!

Dalam koleksi kali ini Anda akan menemukan beberapa font gratis terbaik di sekitar yang Anda dapat dengan mudah men-download dengan beberapa klik mouse. Bersenang-senang, dan setelah itu jangan lupa untuk memberitahu kami yang yang Anda sukai.

Illegal Curves

Kilogram

Quad™ typeface

Say It Fat

Tribbon

Portal

Cube 02 Font

Sunday Morning Garage Sale

Age Free Font

Avant Garde

OT Free Font

Clutchee

VAL™ font

Sketch Rockwell

MOD™ Font

Quarters

Groteska™ Free Typeface

Amputa Bangiz Standard TTF

Facet Font

Oh! Mai Mai!

Circled Font

Menambah social share button pada blogspot

2013-01-28T16:00:00.002+07:00

Sekarang kita belajar menambahkan share button pada blog anda, ikuti langkah-langkah berikut ini :

Silahkan buka halaman Template > Edit HTML > Proceed
Jangan lupa Backup Template anda.
Pilih Expand Widget Templates yang terletak di kiri atas
Berikutnya, cari code <data:post.body/> dan letakkan copy code dibawah ini dan letakkan persis dibawah <data:post.body/>. Untuk mempermudah pencarian bisa menggunakan "find" / Ctrl+F

Berikut ini Codenya :

<!-- Social Scripts Start -->
<b:if cond='data:post.isFirstPost'>
<!-- Facebook -->
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;http://connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
<!-- Google +1 -->
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<!-- Twitter -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
</b:if>
<!-- Scripts End -->
<!-- Horizontal social buttons Start -->
<div class='horizontal-social-buttons' style='padding:10px 0 10px;'>
<!-- Twitter -->
<div style='float:left;'>
<a class='twitter-share-button' data-count='horizontal' data-lang='en' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='https://twitter.com/share'>Tweet</a>
</div>
<!-- Google +1 -->
<div style='float:left;'>
<g:plusone annotation='bubble' expr:href='data:post.url' size='medium'/>
</div>
<!-- Facebook Like+Send -->
<div style='float:left;'>
<fb:like colorscheme='light' expr:href='data:post.url' font='' layout='button_count' send='true' show_faces='false'/>
</div>
</div>
<div style='clear: both;'/>
<!-- Horizontal social buttons End -->

<div class='clear'/>

Kemudian save template, mudah kan ^_^

tutorial inspirasi desain wordpress blog gratis

Cara Mudah dan Cepat mendapatkan backlink gratis

2013-01-28T13:21:00.000+07:00

fikdesign, grafis desain, tutorial desain, web desain, tutorial blogspot, belajar membuat blog wordpress

Kali ini saya akan berbagi cara untuk mendapatkan backlink blog. Caranya sangat mudah, tinggal memasukkan URL atau alamat domain blog (situs) anda dan secara otomatis blog sobat akan mendapatkan backlink dari puluhan situs bahkan ratusan situs dari backlink generator. Silahkan sobat pilih beberapa situs penyedia backlink generator di bawah ini untuk mendapatkan backlink.

allproman.com/generator/backlinkcode.php
Situs ini akan memberikan anda 24 Backlink Instan secara permanen untuk blog atau situs anda.

w3tool.com/backlinks-generator
Situs ini akan memberikan anda30 Backlink Instan secara permanen untuk blog atau situs anda.

marketingblogonline.com/autobacklinks
Situs ini akan memberikan anda104 Backlink Instan secara permanen untuk blog atau situs anda.

users5.nofeehost.com/backlinkgenerator
Situs ini akan memberikan anda 239 Backlink Instan secara permanen untuk blog atau situs anda.

backlinkgenerator.net
Situs ini akan memberikan anda 325 Backlink Instan secara permanen untuk blog atau situs anda.

Backlink Tool
Situs ini akan memberikan anda 70 backlink ber-PageRank tinggi. Anda bisa mencobanya.

Generator Engine
Situs ini akan memberikan anda 239 layanan ping dan free auto backlink untuk blog atau situs anda.

Automatic Backlink
Hanya dengan menaruh dan menampilkanya di halaman utama (Homepage) blog atau situs anda, Situs ini akan memberikan ratusan backlink untuk blog atau situs anda.

Auto Backlink
Auto backlink ini adalah karya anak bangsa Indonesia sendiri berasal dari kota kediri, Jadi kita harus bangga dan sobat bisa mencobanya untuk mendapatkan backlink untuk blog atau situs sobat.

Selamat mencoba ^_^

Prediksi Trend Webdesain Tahun 2013

2013-01-10T13:53:00.000+07:00

Selamat Tahun baru 2013, dengan berawalnnya tahun berarti kita me-refresh nya dengan semangat baru dalam hal desain web. Berikut ini saya coba menerawang tentang trend desain web di tahun 2013 ini.

1. Responsive Web Design (RWD)

Semakin berkembangnya teori rensponsive CSS, ini akan membuktikan bahwa di tahun 2013 ini RWD akan lebih serius diterapkan.. bukan sekedar main-main lagi. RWD semakin disukai karena semakin menjamurnya tablet ataupun smartphone yang dituntut kita sebagai webdesainer untuk bisa membuat website lebih flexible bisa dibuka di device apapun.

2. Oversize Everithing

Background foto, gambar latar belakang penuh-lebar atau ukuran slider yang besar, serta tombol-tombol lebih dinamis, heading, dan sebagainya.

3. Simpel, tapi bukan sekedar simpel/mudah

Desain website semakin lebih minimalis, dan jangan pernah takut dengan ruang putih. Seperti kita ketahui banyak website-website besar yang semakin simpel desainnya, seperti google, facebook, twitter, youtube, backend pun didesain dengan konsep yang minimalis juga, seperti wordpress contohnya.

4. sticky header bar

Menggunakan sticky header dengan... adalah cara yang bagus untuk mendukung website anda, jadi pengunjung website tidak usah scroll dulu keatas untuk meng-klik menu yang lain. Sticky bar ini sangat menarik karena dapat bekerja di situs web apapun seperti jaringan sosial, blog, dan bahkan studio desain atau perusahaan swasta. Desainnya sangat trendi dan tampak hebat dipasangkan dengan layout kebanyakan. Tapi selain dari estetika, bar ini juga menyediakan pengalaman pengguna yang luar biasa tanpa perlu terlihat sangat jauh untuk menavigasi situs web.

5. Berkembangnya CSS3

Mulai banyak sekarang CSS3 dipakai webdesainer, bahkan untuk animasipun mereka menggunakannya. yaaah... kita berharap saja CSS3 bisa diterima disemua web browser khususnya tidak ada masalah lagi dengan cross browser di Internet Explorer(IE) atau browser lainnya yg tidak kompatibel.

Bagaimana menurut ide Anda???

Making a simple sticky menu bar

2013-01-10T12:05:00.001+07:00

Pernah lihat menu bar seperti di cssawards.net? Dalam posting kali ini, saya akan menunjukkan pada Anda bagaimana cara membuat sebuah sticky menu bar mudah dengan hanya beberapa baris kode Javascript dan jQuery.

sticky menu navigasi bar adalah bar yang diletakkan di tempat aslinya di #container pada template, tetapi ketika Anda mulai scroll ke bawah halaman yang panjang, bar itu akan menempel terus di bagian atas jendela browser, berikut ini contoh gambarnya:

Gb.1 - Contoh sebelum di scroll

Gb.2 - Contoh setelah di scroll

HTML:

<div id="wrapper">
	<header>
		<h1>Simple Sticky Menu Bar</h1>
	</header>
	<nav>
		Home | Menu 1 | Menu 2 | Menu 3
	</nav>
	<div id="content">
		<p>Website content here.</p>
	</div>
</div>

CSS:

body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	background:#ddd;
}
#wrapper {
	width:940px;
	margin: 0 auto;
}
header {
	text-align:center;
	padding:50px 0;
}
nav {
	background:#333;
	color:#fff;
	height: 30px;
	width:100%;
	line-height:30px;
	position: relative;
	left:0;
	text-indent:10px;
}
#content {
	background: #fff;
	height: 1500px; /* presetting the height */
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	overflow:hidden;
}
.fixed {
	position:fixed;
}

JQUERY

$(document).ready(function() {
	
	//Calculate the height of 
	//Use outerHeight() instead of height() if have padding
    var aboveHeight = $('header').outerHeight();
	
	// when scroll
    $(window).scroll(function(){
		
		//if scrolled down more than the header's height
        if ($(window).scrollTop() > aboveHeight){
			
			// if yes, add "fixed" class to the 
			// add padding top to the #content (value is same as the height of the nav)
            $('nav').addClass('fixed').css('top','0').next().css('padding-top','30px');
        } else {
			
			// when scroll up or less than aboveHeight, remove the "fixed" class, and the padding-top
            $('nav').removeClass('fixed').next().css('padding-top','0');
        }
    });
});

gampang kan :D

Memuat Related Post berupa thumbnail di blogspot

2012-06-25T17:07:00.000+07:00

Tutorial berikut ini kita akan mendapatkan Related Posts pada widget di template blogspot anda, daftar link dengan thumbnail gambar atau dengan thumbnail hanya dengan judul popup, efek transisi dan di atas semua, itu cepat. Ini adalah salah satu widget yang terbaik untuk Blogger yang pernah dibuat dan ditemukan di web.

Dengan menggunakan fitur mengagumkan dari jQuery. Instalasi juga sangat mudah. Mari kita mulai tutorial nya:

Pertama Anda harus mengunjungi easy setup page dan pilih opsi yang Anda ingin memiliki. Untuk mulai berikut ini contoh-contohnya demo 1 , 2 demo , demo 3 atau demo 4 . Setelah memilih opsi yang benar klik "Update Demo dan Code".Setelah berhasil Anda akan menemukan script dan kode yang diperlukan pada bagian Code. Ada dua bagian. Pertama adalah plugin library, jQuery jQuery, yang akan menjalankan widget related post dan CSS. Kedua adalah bagian HTML yang dibutuhkan. Berikut adalah contoh gambar, klik untuk memperbesar:

Langkah 1: Buka Dashboard> Elemen Halaman> Edit HTML tab.

Langkah 2: Cari ]]></b:skin> tag dan di bawahnya tambahkan perpustakaan jQuery dan plugin, yang diperlukan, dan file CSS, jika diperlukan. Contoh:

<-! CSS (diperlukan jika diperlukan) ->
 <link rel="stylesheet" type="text/css" href="http://blogger-related-posts.googlecode.com/svn/v2/style1.css" />

 <-! JQuery Library (diperlukan hanya sekali) ->
 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/ 1.6.2 /jquery.min.js'/>

 <- JQuery Plugin (diperlukan) ->
 <script type='text/javascript' src='http://blogger-related-posts.googlecode.com/files/jquery.related-posts-widget-2.0.min.js'/>

Jika Anda telah memilih pilihan Widget Pemuatan untuk "pemanggilan metode jQuery", beberapa kode script tambahan akan muncul di bagian bawah Memanggil Kode widget, contoh:

<- ~ ~ ~ ~ ~ ~ ~ ~ Calling widget -> 
 <script type="text/javascript"> 
 / / <[CDATA [ 

$ (Dokumen) siap (function (). { $ ('# Related-posts-widget') relatedPostsWidget ().; }); / /]]> </ Script> <- ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ->

Ini harus ditambahkan sebelum menutup tag.

Langkah 3: Simpan template Anda.

Langkah 4: Menambahkan bagian kedua adalah mudah. Anda dapat menambahkan di mana saja Anda suka. Anda dapat menambahkannya ke sidebar atau di dalam dan di bawah posting. Jika Anda ingin menambah sidebar kemudian pergi ke Dashboard> tab Elemen Halaman dan tambahkan HTML yang diperlukan dengan menambahkan gadget HTML / JavaScript. Jika Anda ingin posting di bawah ini kemudian pergi ke tab Edit HTML dan centang "Expand Widget Template". Cari dan di bawahnya dan HTML yang dibutuhkan. Contoh:

<- ~ ~ ~ ~ ~ ~ Dibutuhkan HTML -> 
 <div class="related-posts-widget"> 

<- {! thumb_size: 's104-c' , Judul: 0 , Max_posts: 12 , Tag: [] , Show_n: 4 , Bernyawa: 'lebar' } -> memuat .. </ Div> <- ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ->

Jika Anda telah memilih Halaman Posting Hanya ada pilihan untuk kemudian menempatkan kode HTML yang dihasilkan diperlukan conditional tag.

<b:if cond='data:blog.pageType == "item"'>
 Generated HTML yang dibutuhkan
 </ B: if>

Hal ini memastikan bahwa itu mengambil posting terkait benar.

Langkah 5: Simpan template Anda. Untuk memiliki thumbnail untuk widget Anda, gambar posting Anda harus host pada Web Picasa. Untuk Blogger yang tidak tahu, ketika Anda menulis posting Anda di Post Editor dan menambahkan gambar dari sana, gambar akan otomatis upload ke Web Picasa. Anda dapat menemukan pilihan yang lebih rinci di: Proyek Plugin Pilihan Jika Anda mengalami masalah dengan widget ini related post kemudian meminta More Mr nya di posting asli untuk mendapatkan jawaban yang lebih baik.

[jQuery] Transisi fullscreen dengan jquery dan css3

2012-06-18T10:27:00.001+07:00

Lihat Demo | Download Tutorial
Dalam tutorial ini akan dijelaskan bagaimana membuat transisi pada page dengan menggunakan jquery dan css3, untuk wordpress developer ini juga bisa sangat menarik jika di aplikasikan kedalam theme wordpress anda. Dalam plugin ini yg menarik perhatian juga yaitu kita bisa set setiap page mempunyai transisi yg unik dan berbeda satu sama lain.

Kita akan menggunakan jQuery plugin :
jQuery cond dan jQuery Transit untuk transisi yg halus dengn bantuan css3
untuk icon animal font bisa di download disini

by Codrops

Fitur Multi-pages di dalam Wordpress

2012-06-06T16:07:00.003+07:00

Sering kita jumpai banyak yg menanyakan bahwa apakah setiap halaman di dalam Wordpress itu bisa multi-pages?? Jawabannya adalah sangat Mudah! ^_^ berikut ini adalah beberapa kode yang akan kita pakai apabila ingin mengaktifkan fitur ini :

pertama, sisipkan kode ini didalam loop template kita, tepatnya di bawah 'the_content()' :

<div class="multipage">
   <?php wp_link_pages(); ?>
</div>

Kemudian agar lebih Kece lagi tampilannya sisipkan juga style CSS berikut ini di style.css pada template anda:

/* style multi page */
.multipage a {
    color: #333;
    padding: 5px 10px;
    border: solid 1px #eee;
    background: #e6e6e6;
}

Dan dengan satu langkah mudah, kita cukup menggunakan formasi kode dibawah ini (ini sekedar contoh saja):

Ternyata membuat multi-page mudah sekali ya!
<!--nextpage-->
Loh Memang asik kok!
<!--nextpage-->
Done, Selamat mencoba!

Membuat Breadcrumb tanpa menggunakan plugin Wordpress

2012-06-04T12:09:00.001+07:00

fikdesign, grafis desain, tutorial desain, web desain, tutorial blogspot, belajar membuat blog wordpress

Berikut ini adalah kode yang diperlukan untuk kita menggunakan breadcrumb tanpa menggunakan plugin apapun. Pertama, copy kode berikut dan paste di function.php :

<?php
function the_breadcrumb() {
  echo '<ul id="breadcrumb">';
 if (!is_home()) {
  echo '<li><a href="';
  echo get_option('home');
  echo '">';
  echo 'Home';
  echo "</a></li>";
  if (is_category() || is_single()) {
   echo '<li>';
   the_category(' </li><li> ');
   if (is_single()) {
    echo "</li><li>";
    the_title();
    echo '</li>';
   }
  } elseif (is_page()) {
   echo '<li>';
   echo the_title();
   echo '</li>';
  }
 }
 elseif (is_tag()) {single_tag_title();}
 elseif (is_day()) {echo"<li>Archive for "; the_time('F jS, Y'); echo'</li>';}
 elseif (is_month()) {echo"<li>Archive for "; the_time('F, Y'); echo'</li>';}
 elseif (is_year()) {echo"<li>Archive for "; the_time('Y'); echo'</li>';}
 elseif (is_author()) {echo"<li>Author Archive"; echo'</li>';}
 elseif (isset($_GET['paged']) && !empty($_GET['paged'])) {echo "<li>Blog Archives"; echo'</li>';}
 elseif (is_search()) {echo"<li>Search Results"; echo'</li>';}
 echo '</ul>';
}
?>

Langkah Kedua copy paste kode CSS di bawah ini :

#breadcrumb
{
    font: 11px Arial, Helvetica, sans-serif;
    background-image:url(images/bc_bg.png);
    background-repeat:repeat-x;
    height:30px;
    line-height:30px;
    color:#9b9b9b;
    border:solid 1px #cacaca;
    width:100%;
    overflow:hidden;
    margin:0px;
    padding:0px;
}
#breadcrumb li
{
    list-style-type:none;
    float:left;
    padding-left:10px;
}

#breadcrumb a
{
    height:30px;
    display:block;
    background-image:url(images/bc_separator.png);
    background-repeat:no-repeat;
    background-position:right;
    padding-right: 15px;
    text-decoration: none;
    color:#454545;
}
#breadcrumb a:hover
{
    color:#35acc5;
}

Save As kedua image ini dan letakkan di folder images pada theme Anda:

Kemudian dengan satu langkah mudah.. yaitu paste kode berikut di struktur theme yang akan di munculkan breadcrumb nya :

<?php the_breadcrumb(); ?>

Selamat mencoba ^_^

25 Plugin dan Tips Keamanan untuk Wordpress Anda

2012-04-13T15:25:00.000+07:00

5 Plugin dan Tips ini akan lumayan membantu anda, jika Anda menjalankan situs Wordpress yang bertenaga, keamanan harus menjadi perhatian utama Anda. Di kebanyakan kasus-kasus pengguna wordpress, blog Wordpress terganggu karena inti mereka file dan / atau plugin sudah ketinggalan jaman; file usang dapat dilacak dan itu undangan terbuka untuk hacker.

(Gambar Sumber: Fotolia )

Bagaimana agar blog anda jauh dari orang-orang jahat untuk selamanya? Sebagai permulaan, pastikan Anda selalu update dengan versi terbaru dari Wordpress. Tapi masih ada lagi. Dalam posting hari ini, saya akan ingin berbagi dengan Anda beberapa plugin yang berguna serta beberapa tips untuk keamanan mengeras WordPress.

Plugin Untuk Keamanan Lebih Baik

WP DB Backup
WP DB Backup adalah mudah untuk menggunakan plugin yang memungkinkan Anda melakukan backup tabel inti Anda WordPress database hanya dengan beberapa klik. Selain itu sangat mudah, itu juga menjadi salah satu plugin yang paling digunakan untuk mengamankan WP bertenaga website Anda.

WP Security Scan
Dengan plugin ini, pemindaian Wordpress bertenaga situs Anda akan menjadi tugas yang sederhana. Ia menemukan kerentanan di situs Anda dan menawarkan tips yang berguna menghapusnya.

Tanyakan Apache Password Protect
Plugin ini tidak mengendalikan Wordpress atau main-main dengan database Anda, melainkan memanfaatkan cepat, mencoba-dan-benar built-in fitur keamanan untuk menambahkan beberapa lapisan keamanan untuk blog Anda.

Stealth Login
Plugin Login Stealth akan membantu Anda untuk membuat alamat URL kustom untuk login, mendaftar dan logout dalam WordPress.

Login Lockdown
Lockdown login akan membantu Anda untuk mengunci upaya untuk jangka waktu di login ke admin panel setelah sejumlah upaya.

WP-DB Manajer
Ini adalah plugin lain yang bagus yang memungkinkan Anda untuk mengelola database WP Anda. Ini bisa digunakan sebagai alternatif untuk Backup Manager WordPress.

Admin Plugin Aman SSL
Plugin lain untuk menjaga panel admin Anda aman. Ini bekerja pada enkripsi SSL dan benar-benar berguna terhadap hacker atau orang yang mencoba untuk mendapatkan akses unallowed ke panel anda. Ini adalah saingan untuk Plugin Login Chap Secure.

Pengguna Locker
Jika Anda ingin menghindari brute force hack situs Anda, maka plugin Locker Pengguna tepat untuk Anda. Plugin ini bekerja pada sistem yang sama seperti Lockdown Login, bagaimanapun, ini adalah 5-bintang dinilai plugin WP yang memiliki ketenaran besar di antara penggunanya.

Upaya Batasi Login
Batasi Login Upaya blok alamat internet dari melakukan upaya lebih lanjut setelah batas ditentukan pada retries tercapai, membuat serangan brute force pada wordpress sulit atau tidak mungkin.

Login Enkripsi
Login Encrypt adalah plugin keamanan. Menggunakan kombinasi kompleks dari DES dan RSA untuk mengenkripsi dan mengamankan proses login ke panel admin.

One Time Password
Plugin wordpress yang satu ini unik akan membantu Anda untuk menetapkan password satu kali untuk login Anda, untuk mencegah penebangan yang tidak diinginkan dari pengguna warung internet atau semacam itu.

Antivirus
Antivirus adalah sebuah plugin keamanan cukup populer yang akan membantu Anda untuk menyimpan blog Anda dijamin terhadap bot, virus dan malwares.

Bad Behavior
Perilaku buruk adalah plugin yang membantu Anda melawan dengan orang-orang spammer yang mengganggu. Plugin tidak hanya akan membantu Anda mencegah pesan spam di blog Anda, tetapi juga akan mencoba untuk membatasi akses ke blog Anda, sehingga mereka tidak akan dapat bahkan untuk membacanya.

Exploit Scanner
Cari file dan database dari instalasi WordPress Anda untuk tanda-tanda yang mungkin menunjukkan bahwa file atau database telah menjadi korban hacker jahat. Bahkan jika itu plugin lain scan, itu patut dicoba.

Pengguna Spam Remover
Nama plugin memberitahu fungsinya, sebuah plugin populer yang akan membantu Anda mencegah dan menghapus pesan spam yang tidak diinginkan.

Blokir Pertanyaan Bad
Plugin ini mencoba untuk memblokir segala pertanyaan berbahaya mencoba pada server Anda dan blog. Ia bekerja di latar belakang, memeriksa untuk string permintaan terlalu panjang (yaitu, lebih besar dari 255 karakter), serta kehadiran dari "eval (" atau "base64" dalam URI permintaan.

8 Tips penting

Mengubah default "wp_" Awalan

Website Anda mungkin dipertaruhkan jika Anda menggunakan prefiks wp_ diprediksi dalam database Anda. Para tutorial berikut mengajarkan Anda bagaimana untuk mendapatkan mereka diubah melalui phpMyAdmin dalam 5 langkah sederhana.
Anda juga bisa mendapatkan ini dilakukan dengan plugin WP Security Scan .

Sembunyikan masuk pesan kesalahan

Pesan kesalahan login yang dapat mengekspos dan memberikan hacker ide jika mereka sudah mendapatkan username / salah, sebaliknya. Adalah bijaksana untuk menyembunyikannya dari login yang tidak sah.
Untuk menyembunyikan pesan kesalahan login, hanya menempatkan kode berikut di functions.php

  add_filter ('login_errors', create_function ('$ a', "null kembali;"));

[ Sumber ]

Jauhkan wp-admin Protected Directory

Menjaga "wp-admin" folder dilindungi menambahkan lapisan tambahan perlindungan. Siapa pun yang mencoba untuk mengakses file atau direktori setelah "admin wp-" akan prompt untuk login.
Melindungi Anda "wp-admin" folder dengan login dan password dapat dilakukan dengan beberapa cara:

Wordpress Plugin - Menggunakan WordPress Sandi AskApache Lindungi Plugin .
cPanel - Jika Anda hosting yang mendukung cPanel login admin, Anda dapat mengatur proteksi dengan mudah pada folder melalui Sandi cPanel yang Melindungi Direktori antarmuka pengguna grafis. Cari tahu lebih lanjut dari tutorial ini.
Htaccess + htpasswd -. Membuat folder yang dilindungi sandi juga dapat dilakukan dengan mudah dengan mengatur folder Anda ingin melindungi dalam Htaccess dan memungkinkan pengguna untuk mengakses dalam htpasswd... Tutorial berikut menunjukkan cara untuk melakukannya dalam 7 langkah.

Menjaga backup

Menjaga salinan cadangan dari seluruh blog WordPress Anda adalah sama pentingnya dengan menjaga situs aman dari hacker. Jika gagal terakhir, setidaknya Anda masih memiliki file cadangan bersih untuk kembali.
Kami sebelumnya telah dibahas daftar solusi untuk backup file dan database Wordpress , termasuk plugin dan layanan backup .

Mencegah browsing direktori

Lain celah keamanan besar adalah memiliki direktori Anda (dan semua file-nya) terkena dan dapat diakses oleh publik. Berikut adalah tes sederhana untuk memeriksa apakah direktori WordPress Anda terlindung dengan baik:

Masukkan URL berikut di browser, tanpa tanda kutip. "Http://www.domain.com/wp-includes/"

Jika hal itu menunjukkan kosong atau mengarahkan Anda kembali ke halaman rumah, Anda aman. Namun, jika Anda melihat tampilan seperti gambar di bawah ini, Anda tidak.

Untuk mencegah akses ke semua direktori, tempatkan kode ini di dalam file htaccess. Anda.

  # Mencegah Browsing folder
 Pilihan All-Indexes

Simpan file inti Wordpress & Plugin diperbarui

Salah satu cara paling aman untuk menjaga situs Wordpress aman adalah untuk memastikan file Anda selalu diperbarui ke rilis terbaru. Berikut adalah beberapa cara (praktek) dapat Anda lakukan:

Login ke Dashboard sering - Sebuah pemberitahuan kuning akan muncul di bagian atas Dashboard jika update tersedia. Login sering dan menjaga diri diperbarui untuk salinan terbaru dari file-file WordPress inti.
Nonaktifkan dan menghapus plugin yang tidak digunakan - plugin yang tidak digunakan akhirnya akan mendapatkan usang dan dapat menimbulkan risiko keamanan. Jika Anda tidak menggunakannya, menghapusnya.
Langgan Wordpress Siaran RSS .

Pilih Password Kuat

Apakah kata sandi Anda aman? Sandi yang kuat dan aman adalah lebih dari sekedar sesuatu yang mengesankan dengan nomor (misalnya, john123). Sebagai permulaan, harus terdiri dari lebih dari 12 karakter dengan kombinasi angka dan huruf di uppercases lebih rendah dan.
Berikut adalah beberapa aplikasi yang memungkinkan Anda untuk menghasilkan password yang kuat:

Atau Anda juga dapat memeriksa seberapa kuat (dan aman) password Anda saat ini adalah dengan howsecureismypassword.net .

Hapus user admin

Sebuah instalasi khas dari Wordpress datang dengan default user bernama "admin". Jika itu username ke situs WordPress Anda, Anda sudah membuat hidup hacker 50% lebih mudah. Menggunakan user "admin" harus dihindari setiap saat.
Pendekatan yang lebih aman untuk login ke admin Anda aman adalah dengan membuat administrator baru dan memiliki "admin" dihapus. Dan inilah cara melakukannya:

Login ke admin panel WordPress
Pergi ke Users -> Add New
Menambahkan user baru dengan peran Administrator, pastikan Anda menggunakan sandi yang kuat.
Log out dari Wordpress, kembali login dengan user admin baru Anda.
Ke Pengguna
Hapus "admin" user
Jika "admin" memiliki posting, jangan lupa untuk menghubungkan semua posting dan link kembali ke pengguna baru.

[Hongkiat]

Harlem Shake indonesia, harga jersey asli, baju kw, jual jersey grade ori, grade AAA, Player Issue

10 Tips Berguna untuk Cross Browser Compatibility

2012-04-12T11:18:00.000+07:00

Berikut ini adalah daftar alat yang dapat membantu Anda mendapatkan kompatibilitas dan menyingkirkan pengalaman buruk tentang browser yg menjengkelkan "itu".

Lihat situs Anda dalam browser yang berbeda dan sistem operasi

Instal beberapa browser pada sistem komputer Anda atau mengumpulkan komputer yang berbeda dengan OS yang berbeda. Jadi setelah Anda membuat hal-hal ini pastikan Anda menginstal browser yang paling umum seperti Opera, Firefox, Safari dan IE saja pada komputer Anda atau komputer. Sekarang cobalah mengecek situs anda pada browser ini bernama di komputer Anda. Dan juga mencoba dengan sistem operasi yang berbeda . Dengan cara ini Anda akan memahami bagaimana desain Anda tampil di browser yang berbeda dan OS.

Mencoba ulang CSS

Ini dianggap sebagai cara yang paling kuat dan efektif untuk membuat website Anda muncul baik dan kompatibel selama browser memiliki garis-garis yang berbeda. Dengan bantuan ini CSS aturan yang Anda dapat membuat semua browser bebas dari segala macam membangun di default diikuti dengan beristirahat dengan dasar tetap. Oleh karena itu dengan melakukan hal ini Anda dapat menghindari masalah ukuran atau tata letak.

memvalidasi HTML dan CSS

Alasan umum mengapa anda menemukan bug di browser apapun adalah melalui pembacaan yang tidak tepat menafsirkan kode yang umumnya datang karena kesalahan pemberian kode. Jadi, ketika Anda menggunakan yang tepat dan divalidasi HTML dan CSS (umumnya ditulis dengan aturan yang benar atau sintaks dan sebagainya) Anda menghilangkan kemungkinan melihat segala jenis pop quirks.

Memperbaiki bug IE dan keluar

Anda akan menemukan sejumlah bug Internet Explorer atau IE bug yang terlalu sulit untuk dipilah. Namun, Anda tidak harus menyerah memperbaiki mereka; coba cari beberapa solusi dari internet untuk memperbaikinya. Melakukan hal ini akan menjanjikan Anda solusi yang tepat untuk kompatibilitas cross browser.

Bersyarat laporan

Cara lain untuk mengatasi masalah kompatibilitas cross browser sedang mencoba pernyataan bersyarat sementara menargetkan browser web tertentu. Jadi ide yang bekerja di balik ini adalah untuk mengetahui browser pengguna dan kemudian mencoba menggunakan pernyataan bersyarat untuk itu browser tertentu. Cara terbaik untuk melakukannya adalah untuk mencoba termasuk Stylesheet ketika Anda menargetkan browser IE.

PHP Browser Detection

Jika Anda berharap untuk hasil yang lebih spesifik dan kinerja yang lebih baik pada berbagai browser dan OS yang berbeda, maka Anda pasti bisa mencoba opsi ini dari peramban PHP Script deteksi. Tentu saja Anda menjadi seorang pengembang memiliki ide untuk deteksi browser dalam script Anda. Hal ini dianggap menjadi semacam kuat script yang akan membantu Anda untuk mengidentifikasi hampir semua hal dari browser pengunjung, OS, resolusi layar, JavaScript dan sebagainya.

jQuery Browser Detection

Cara lain untuk mengatasi masalah kompatibilitas cross browser sedang mencoba solusi dari jQuery hal. Ini akan membantu Anda mendeteksi browser dan desain TVI dengan clubbing kelas setara dengan tubuh website Anda. Script ini akan membantu Anda menambahkan kelas dalam tubuh yang dapat Anda gunakan nanti dalam gaya CSS.

Memotivasi IE 6 pengguna untuk meng-upgrade

Memang menggunakan IE 6 adalah kutukan dalam perspektif setiap desainer web. Jadi apa metode meminta orang untuk melakukannya, hal ini dapat hanya dilakukan dengan bantuan Google add-on yang membantu orang untuk mengetahui bahwa mereka menggunakan sesuatu yang ketinggalan jaman saat mereka melihat situs web Anda. Dengan cara ini Anda membantu mereka untuk tumbuh.

Browserseal

Ini adalah alat pengguna yang luar biasa grafis atau antarmuka di internet yang memungkinkan Anda menyarankan solusi untuk faktor kompatibilitas. Ini membantu Anda untuk cross check tata letak situs web Anda di hampir semua browser saat Anda meletakkan screen shot dari website Anda. Namun, itu tidak datang secara gratis, untuk memeriksa seberapa efektif ia pergi, Anda dapat mencoba versi trial nya di mana Anda dapat menguji dalam dua browser .

BrowsrCamp

Alat ini memungkinkan Anda untuk menguji website dengan sistem operasi - Mac pada browser X. Anda harus login dan membeli beberapa kredit dan mendapatkan akses dari mesin Mac menggunakan klien desktop remote web.
Semua orang akan senang melihat website mereka berfungsi yang terbaik di semua browser. Namun, hal ini dianggap sebagai tugas yang menantang untuk web designer dan pengembang. Tapi itu bisa diselesaikan sampai batas yang sangat besar dengan mencoba alat-alat yang dibahas di atas dan tips dalam artikel ini. Jadi apa yang Anda tunggu, mencobanya. Jual Jersey Grade Ori Thailand, berbagai macam kaos liga sepak bola dunia, barca, madrid, milan, juve, chelsea, ready stock.

Webdesign: The List of Browser Compatibility for CSS3

2012-01-03T17:59:00.000+07:00

Who is not familiar with CSS? wide range of convenience we use when using CSS. With the rise of the latest CSS3 makes the design more hot! but there are several obstacles in the development, the following is the list of compatible with various browsers.

Siapa yang tidak mengenal CSS? berbagai macam kemudahan kita gunakan apabila menggunakan CSS. Dengan Munculnya CSS3 terbaru membuat desain semakin hot! namun ada beberapa kendala dalam pengaplikasiannya, berikut ini adalah list compatible dengan berbagai macam browsers.

Browser Rendering Engine	Firefox Gecko	Safari Webkit			Chrome Webkit	Internet Explorer Trident			Opera Presto
Version	15 – 17	4	5	5.1+	21 – 23	6 – 8	9	10	11.1	11.6	12.1
Total CSS3 Support *	97.2%	83.4%	88.9%	97.2%	91.7%	8.3%	55.6%	94.4%	80.6%	83.3%	88.9%
Animations
Background Gradients
Background Size
Border Image
Border Radius
Box Shadow
Columns
Font Face
HSLa
Hyphens
Multiple Backgrounds
Opacity
RGBa
Text Overflow
Text Shadow
Transforms
Transforms 3D
Transitions

Better appearance on the latest wordpress 3.3 sony

2011-12-30T11:17:00.001+07:00

WordPress CMS is very prominent on the most popular blogs have launched version 3.3 final with Sonny theme. This version brings new features such as drag and drop to upload image / image making it easier for the user. As information that since version 3.0, WordPress has been downloaded more than 65 million times.. Wooooww! In addition there are fixed toolbar at the top which also provides shortcuts to many features that are frequently accessed by users WP, otherwise it menydiakan tabs help / support more integrated and more detailed. For new users even admin Dashboard page introduction provides a wealth of information and links important to accelerate the users are accustomed to using WordPress 3.3 in this. There are also facilities Tumblr importer for easy migration from Tumblr users. Administration menu on the left more accessible because it can be performed directly without any submenu is clicked, only with mouseover only. For developers, there are new APIs editor, a new version of jQuery, etc.. Want to download the latest WordPress 3.3? Go to: http://wordpress.org/download/ You can see a video introduction to WordPress 3.3 this Sonny:

Wordpress: Membuat Dropdown Menu untuk Category

2011-11-03T11:12:00.001+07:00

Di dalam wordpress sering kita jumpai kesulitan dalam menuliskan kode PHP untuk Dropdown menu menggunakan CSS, Hal pertama yang harus kita lakukan adalah dengan menggunakan php untuk mendapatkan atau halaman dan Subpages (atau kategori kami / sub-kategori). Paste kode berikut dalam file header.php dari tema Anda.

<ul id="nav2" class="clearfloat">
 <li><a href="<?php echo get_option('home'); ?>/" class="on">Home</a></li>
  <?php wp_list_categories('orderby=name&exlude=181&title_li=');
  $this_category = get_category($cat);
  if (get_category_children($this_category->cat_ID) != "") {
   echo "<ul>";
wp_list_categories('orderby=id&show_count=0&title_li=&use_desc_for_title=1&child_of='.$this_category->cat_ID);
   echo "</ul>";
  }
 ?>
</ul>

Cara mengedit blogspot/blogger template agar SEO Friendly

2011-09-19T10:28:00.002+07:00

Cara mengedit Blogspot agar SEO Friendly - Sepertinya juragan lagi tergila-gila buat belajar tentang SEO. Jadi kali ini postingnya juga masih tentang Tips SEO ( Search engine optimization ) * bener gak yah tulisannya hhe * . Postingan kali adalah kumpulan dari semua cara yang juragan ketahui tentang men-SEO-kan template blogger / blogspot kita. Jadi kalo ada yang kurang silahkan sobat-sobat blogger tambahkan ilmu yang sobat miliki melalui kolom komentar. Lebih baik kita langsung membahas step by step Complete SEO Guide untuk blogger templates :

1. Page Title
Biasanya format page title dari blogger kan seperti ini : JUDUL BLOG : JUDUL POSTING, nah agar blog kita lebih disukai oleh google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standart itu menjadi seperti ini : JUDUL POSTING | JUDUL BLOG. Caranya cari kode berikut di EDIT HTML ( cara mudahnya di Mozilla tekan ctrl +f lalu copy paste kode dibawah ini):

Kalo udah dapet kodenya hapus n ganti dengan kode berikut ini :

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

</b:if>

Atau sobat juga bisa tambahin beberapa kata kunci ( keyword ) :

<b:if cond='data:blog.pageType == "item"'>

<b:else/>

<title><data:blog.pageTitle/> | Kata kunci sobat | Kata kunci sobat </title>

</b:if>

Ganti kode "kata kunci" dengan keyword yang sobat incar. Setelah semua selesai jangan lupa di save template
2. Meta keyword dan deskripsi
Suatu mesin pencari seperti google sangat menyukai sebuah website / blog yang jelas tema dan isi content-nya. Jadi , sobat harus nambahin suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>

</b:if>

Lalu ? ya di save aja
3. memasang Breadcrumbs.
Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya juragan ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat menu breadcrumbs”.
4. memasang Related Post.
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasang related post di blog sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging. Silahkan sobat cari di google dengan kata kunci “ cara membuat related post di blogger”.
5. Mematikan setting archive ( arsip )
Lho ? buat apa juragan ? begini nih, seperti yang juragan bilang tadikan kalo google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi arsip, misalnya kejadiannya seperti ini :
sobat membuat sebuah blog di blogger.com. lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, pada halaman arsip tersebut akan memunculkan 3 posting yang sama dengan yang di munculkan oleh homepage.
Intinya, 2 buah link yang menuju 2 halaman yang berbeda tapi memiliki isi konten yang sama. Bagi search engine apa lagi google ini adalah masalah serius. Oleh karena itu kita sebaiknya me-non-aktifkan opsi arsip, caranya : setelah login klik tab setting >> Archiving >> pada bagian Archiving frequency ubah menjadi no archive. >> selesai simpan setting.
Atau jika tidak ingin menonaktifkan fungsi arsip, silahkan letakkan kode berikut dibawah kode <head> :

<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>

6. Menambahkan kode ‘rel=canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para master of SEO bilang bahwa google sangat tidak dapat mentolerir sebuah duplicate content ( *jadi buat yang kerjanya Cuma bisa copas hati-hati nih sebelum didepak dari gugel..xixixi*). Cara nya di edit html tambahkan kode berikut setelah kode <head>

Save template dan selesai
7. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting sobat dengan tag H1. Caranya cari kode berikut :

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

Kode yang dicetak tebal(warna orange) dihapus dan ubah dari h3(atau pada beberapa template menggunakan h2) menjadi h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Nah, jadi Cuma segitu yang juragan tau tentang bagaimana men-edit blogger template kita biar jadi lebih SEO Friendly. Silahkan dicoba , oia ampir lupa, lebih bagus lagi jika blog sobat dipasang read more nya. Tapi tidak juragan bahas karena rata-rata blogger sudah memasang read more-nya. Hmm, yang masih kurang ngerti silahkan Tanya melalui kolom komentar. Terima kasih sebelum dan sesudahnya.
from: blogjuragan.blogspot.com

Menampilkan posting dengan kategori tertentu

2011-09-15T16:23:00.000+07:00

WordPress telah mendukung tag di versi yang baru - sehingga fitur posting terkait dapat dilaksanakan tanpa bantuan plugin apapun. Yang harus kita lakukan adalah mencari tulisan lain dengan beberapa tag yang sama sebagai post saat ini. Anda hanya buka single.php file dalam tema Anda dan tambahkan sedikit kode ini di mana Anda ingin posting terkait muncul

< ?php
$tags = wp_get_post_tags($post->ID);
if ($tags) {
 $tag_ids = array();
 foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;

 $args=array(
  'tag__in' => $tag_ids,
  'post__not_in' => array($post->ID),
  'showposts'=>5, // Number of related posts that will be shown.
  'caller_get_posts'=>1
 );
 $my_query = new wp_query($args);
 if( $my_query->have_posts() ) {
  echo '
Related Posts

    '; while ($my_query->have_posts()) { $my_query->the_post(); ?>
    '; } } ? >

Kode ini menemukan post lain dengan salah satu dari tag yang saat ini telah post. Jika Anda ingin menampilkan posting dengan salah satu dari kategori yang pos saat ini, menggunakan kode ini bukan ...

&amp;lt; ?php
$categories = get_the_category($post-&amp;gt;ID);
if ($categories) {
 $category_ids = array();
 foreach($categories as $individual_category) $category_ids[] = $individual_category-&amp;gt;term_id;

 $args=array(
  &#039;category__in&#039; =&amp;gt; $category_ids,
  &#039;post__not_in&#039; =&amp;gt; array($post-&amp;gt;ID),
  &#039;showposts&#039;=&amp;gt;5, // Number of related posts that will be shown.
  &#039;caller_get_posts&#039;=&amp;gt;1
 );
 // Rest is the same as the previous code

Tutorial: Cara menampilkan gambar pertama wordpress post di template

2011-09-12T23:04:00.004+07:00

Bagaimana menampilkan secara otomatis thumbnail tanpa menggunakan custom fields, dengan fungsi sederhana saja maka secara otomatis kita bisa mengambil gambar pertama dari posting Anda. Berikut ini Caranyaa...^_^

Buka file functions.php di folder themes Anda dan Sisipkan kode dibawah ini dan Simpan (save) :

<?php //get first image
function catch_that_image() {
  global $post, $posts;
  $first_img = '';
  ob_start();
  ob_end_clean();
  $output = preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i', $post->post_content, $matches);
  $first_img = $matches [1] [0];

  if(empty($first_img)){
   // $first_img = "images/default.jpg"; //Aktifkan jika ingin menggunakan default image
  }
  return $first_img;
}
?>

Kemudian tempatkan dalam direktori tema Anda dengan code dibawah ini.

<?php if(catch_that_image()) { ?>
   <img src="<?php echo catch_that_image() ?>"  />
<?php } ?>

Selamat mencoba ^_^