Warung Bebas

Jumat, 30 November 2012

Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog

Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog - Sudah lama banget Master Chef tidak Update Tutorial Seo Blogspot. Kali ini Mater Chef akan berikan resep Cara memasang Meta Tag Otomatis diblog. Pernahkan kamu mendengar atau sempat memperlajari mengenai Meta Tag Otomatis ?. ya...mungkin sebagian mengenal hal ini dan buat para master Seo Sudah tidak asing lagi. Berhubungan dengan tulisan Master Chef Dapur Tutorial Blogspot dan Seo kali ini, sebelumnya Master Chef juga sudah Pernah membahas mengenai meta tag (Baca : Cara Memasang Meta Tag Di Blog).

Meta tag otomatis di setiap postingan sangat berguna untuk meningkatkan Optimasi Seo On Page karena pada setiap postingan akan memiliki meta Deskripsi yang berbeda antara postingan artikel satu dengan postingan artikel yang lain. Bagai mana Cara Pasang Meta Tag Di Setiap Postingan Otomatis ?, pertanyaan inilah yang akan kita selelsaikan kali ini.

Berikut resep Cara Pasang Meta Tag Otomatis di Setiap Postingan Blog :
  1. Tetap seperti biasanya, kamu harus login dulu ke halam blogger kamu
  2. Jika sudah akses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
  3. Jangan lupa untuk Download Lengkap Template Kamu terlebih dahulu. Yang belum paham Caranya ( Baca : Cara Back-up dan Upload template lengkap Blogspot)
  4. Langkah selanjutnya Buat kamu yang sudah menggunakan Meta Tag kamu harus menghapus kode Meta Tag kamu sebelumnya yang belum pernah menggunakan Meta Tag langsung saja cari kode <title><data:blog.pageTitle/></title> ( Gunakan Tombol CTRL + F dan F3 agar lebih mudah menemukan kode)
  5. Jika sudah menemukan kode diatas,, Hapus kode tersebut dan ganti dengan kode berikut :
  6. <b:if cond='data:blog.url == &quot;http://Alamat-Blogkamu.blogspot.com/&quot;'>
    <title><data:blog.pageTitle/></title>
    <meta name='Description' content='Disini Description Blog Kamu'/>
    <meta name='Keywords' content='Disini Isi Dengan Kata Kunci Untuk Home Page'/> </b:if>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title><data:blog.pageName/> - <data:blog.title/></title>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Description'/>
    <meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
    </b:if>
  7. Sekarang Klik Simpan Template
  8. Selesai
Demikian Tutorial Seo dari Master Chef mengenai Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog. semoga dengan memasang Meta Tag Otomatis ini, semakin memaksimalkan Optimasi Seo Blog kita semu. Selamat Mencoba!

Cara Membuat Footer 2 Kolom Di Blog

 Cara Membuat Footer 2 Kolom Di Blog - Footer adalah kolom widget yang biasa berada paling bawah di bagian blog, dan tentunya sobat bisa mengisinya dengan berbagai widget yang sobat inginkan. Kali ini saya akan memberikan tutorial bagaimana caranya membuat dan memasang footer 2 (dua) kolom diblog dengan fungsi bisa langsung tambah gadget atau Add Gadget tanpa harus susah-susah membuat atau menambah kolom lagi. Karena sobat bisa langsung tambah gadget di atas atau di bawah kolom widget yang sobat inginkan.

 Untuk lebih jelasnya sobat bisa melihat contoh gambar screenshot berikut di bawah ini.

Cara Membuat Footer 2 (Dua) Kolom Di Blog

 Keterangan dari gambar di atas adalah tampilan yang terlihat pada bagian tata letak blog yang sudah di pasangi footer 2 (dua) kolom. Lihat gambar yang sudah saya kasih lingkaran warna merah. Jadi sangat gampang untuk tambah gadget, Karena sobat hanya tinggal klik tambah gadget atau add gadget saja bila ingin mengisinya dengan widget blog yang sobat inginkan.

 Untuk cara membuat dan memasang footer 2 (dua) kolom di blog, caranya sangat mudah. Silahkan sobat ikuti langkah-langkahnya sebagai berikut:
  1. Silahkan sobat >> Login atau Masuk ke blogger.com menggunakan akun sobat.
  2. Pilih blog, Lalu pada Dashboard pilih menu Template.
  3. Sebelum sobat klik Edit HTML, Ada baiknya sobat Unduh template lengkap, Guna untuk berjaga-jaga jika ada kesalahan saat Edit HTML dan sobat bisa mengembalikan template seperti semula. Caranya klik >> Cadangkan / Pulihkan (Tombol berada di bagian kanan atas)>> Unduh template lengkap. Jika sudah di unduh, silahkan klik tutup atau close.
  4. Sekarang kita kebagian Edit HTML. Silahkan sobat klik >> Edit HTML >> Lanjutkan >> Centang "Expand Template Widget".
  5. Jika sudah, Silahkan sobat cari kode ]]></b:skin> (Gunakan CTRL + F untuk mempermudah pencarian).
  6. Kemudian tambahkan semua kode berikut diatas atau sebelum kode ]]></b:skin>
#footer-column-divide {
clear:both;
}
.footer-column {
padding: 10px;
}

7. Langkah yang selanjutnya, Sobat cari kode berikut di bawah ini. (Gunakan CTRL + F kembali untuk mempercepat pencarian). Cari salah satu kode saja.

<div id='footer-wrapper'>
<b:section class='footer' id='footer' showaddelement='yes'/>
</div>

atau

<div id='footer'>
<b:section class='footer' id='footer' showaddelement='yes'/></div>

8. Jika sudah ketemu, Kemudian sobat tambahkan kode berikut dibawah atau sesudah kode <b:section class='footer' id='footer' showaddelement='yes'/> atau <b:section class='footer' id='footer' />

<div id='footer-column-divide'>

<div id='footer1' style='width: 50%; float:left;
margin:0; text-align:left;'>
<b:section class='footer-column' id='col1'
preferred='yes' style='float:left;'/>
</div>

<div id='footer2' style='width: 50%; float: left;
margin:0; text-align: left;'>
<b:section class='footer-column' id='col2'
preferred='yes' style='float:left;'/>
</div>

<div style='clear:both;'/>
</div>

Catatan:
Jika pada template yang sobat gunakan tidak ada kode <b:section class='footer' id='footer' showaddelement='yes'/> maka tambahkan saja kode-nya dibawah atau sesudah kode <div id='footer'>


9. Sebelum sobat klik Simpan, Ada baiknya klik dulu Preview atau pratinjau. Jika tidak terjadi eror pada template blog sobat, Langkah yang terakhir silahkan sobat klik Simpan template.

10. Selesai dan lihat hasilnya pada Dashboard Tata letak blog sobat. Jika sudah seperti yang ada pada contoh gambar screenshot diatas, Berarti sobat sudah berhasil Membuat Dan Memasang Footer 2 (Dua) Kolom Di Blog sobat.

 Jika ada pertanyaan mengenai tutorial ini, Sobat jangan sungkan-sungkan untuk bertanya melalui form komentar yang tersedia. Semoga bermanfaat bagi sobat KUCOPAS semuanya, Selamat berkarya.

| Source By www.maskolis.com | Supported by http://kuc0pas.blogspot.com |

Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog

Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog - Masih ingat dengan postinga Master Chef sebelumnya yang hapir serupa dengan Resep Tutorial Blog kali ini yang berjudul Cara Membuat Tab View menu Di Blog? cara yang sebelummnya Master Chef sampaikan sedikit rumit karena harus melakukan Edit HTML. Berbeda dangan cara yang akan kita bahas dalam postingan kali ini, untuk memasang Tab Menu View Sobat tidak perlu melakukan Edit HTML. Cara yang dilakukan kurang lebih sama dengan Cara Memasang Widget Animasi Di Blog.
Tab View Menu
Lasung saja kita bahas Resep Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog.
  1. Login kehalaman blog
  2. Dari dashbord blog pilih Tata Letak atau Layout
  3. Tata Letak atau Layout
  4. Klik Add a Gadget atau Tambah Gadget
  5. Add a Gadget
  6. Pilih widget HTML/JavaScript
  7. HTML/JavaScript
  8. Copy kode berikut dan letakan dalam Widget HTML/JavaScript
  9. <style type="text/css">
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 80px; /* Lebar Kotak Tab */
    height: 22px; /* Tinggi Menu Utama Atas */
    text-align: center; /* Posisi Teks Menu Tab */
    margin: 5px 0px 0px 3px; /* Posisi Kotak Tab */
    background-color: #000; /* Warna background Kotak Tab */
    padding-top: 2px; /* Spasi Atas */
    border: 1px solid #ffffff; /* Warna border kotak Tab */
    border-bottom: 1px solid #ccc; /*Warna border bawah kotak tab */
    font-family: "Arial, Helvetica, sans-serif", Arial; /* Font Kotak Tab */
    font-weight: 900; /* Ketebalan Teks kotak tab */

    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #736F6E; /* Warna background utama kotak tab */ }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #cccccc; /* Warna border Kotak Konten */
    overflow: hidden;
    background-color: #ffffff; /* Warna background Kotak konten */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 5px; /* Jarak teks dalam kotak content */
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
    </style>

    <form action="tabview.html" method="get">
    <div id="TabView" class="TabView">
    <div style="width: 300px;" class="Tabs">
    <a><span style="color: #fff">Tab 1</span></a>
    <a><span style="color: #fff">Tab 2</span></a>
    <a><span style="color: #fff">Tab 3</span></a>
    </div>
    <div style="width: 300px; height: 200px;" class="Pages">

    <div class="Page">
    <div class="Pad">
    konten 1
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    konten 2
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    konten 3
    </div>
    </div>
    </div></div></form>

    <script src="http://dapurtutorial.googlecode.com/files/Tabview%20menu.js">
    </script>
    <script type="text/javascript">
    tabview_initialize('TabView');
    </script></div>
  10. Jika sudah Klik Simpan
  11. Selesai dan lihat hasilnya
Nah Begitulah Cara Mudah Membuat Tab View Menu Tanpa Edit HTML Di Blog. Selamat Mencoba dan semoga sukses!.

Cara Membuat Tab View Menu Di Blog

Cara Membuat Tab View Menu Di Blog - Tap View Menu Master Chef rasa sangat bermanfaat dipasang dihalaman blog karena Tab View menu membantu kita untuk menghemat halaman blog kita. dengan Memasang Tab View Menu Di Blog kita bisa menempatkan beberapa aksesoris kedalam tab view menu. Mungkin beberapa Sobat Blogger Dapur Tutorial Blogspot dan Seo yang baru mengenai Blog masih bertanya apa itu Tab View Menu ?

Sekilas Master Chef jelaskan mengenai Tab View menu adalah Menu yang berupa tabel sesuai dengan pengelompokannya berdasarkan menu diatasnya yang terbagi dalam beberapa kolom. Biar tidak bingung dengan penjelasan Master Chef, Contohnya bisa dilihat pada gambar berikut :

Tab View Menu
Bagaimana Cara Pasang Tab View Menu Di blog ?, Jangan kemana-mana ikuti terus Master Chef karena Master Chef akan membahas tuntas mengenai resep ini. Berikut langkah-langkahnya :
  1. Silahkan masing-masing login kehalaman blog
  2. Jika semua sudah masuk ke akun blog masing-masing, sekarang Akses halaman Edit HTML Blogspot (Baca Cara Masuk Kehalaman Edit HTML Blogspot)
  3. Jangan lupa juga untuk download template lengkap untuk antisipasi kesalahan dalam edit HTML ( Baca : Cara Back-Up dan Upload Template Blog)
  4. Jika sudah masuk hlaman Edit HTML cari kode ]]></b:skin> ( Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode )
  5. Jika kode sudah ditemukan Copy kode dibawah dan letakan diatas kode ]]></b:skin>
  6. div.TabView div.Tabs
    {
    height: 24px;
    overflow: hidden;
    }
    div.TabView div.Tabs a
    {
    float: left;
    display: block;
    width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
    height: 24px; /* Tinggi Menu Utama Atas */
    padding-top: 3px;
    vertical-align: middle;
    border: 1px solid #000; /* Warna border Menu Atas */
    border-bottom-width: 0;
    text-decoration: none;
    font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
    font-weight: 900;
    color: #000; /* Warna Font Menu Utama Atas */
    }
    div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
    {
    background-color: #FF9900; /* Warna background Menu Utama Atas */
    }
    div.TabView div.Pages
    {
    clear: both;
    border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
    overflow: hidden;
    background-color: #FF9900; /* Warna background Kotak Utama */
    }
    div.TabView div.Pages div.Page
    {
    height: 100%;
    padding: 0px;
    overflow: hidden;
    }
    div.TabView div.Pages div.Page div.Pad
    {
    padding: 3px 5px;
    }
  7. Kode yang berwana Biru merupakan keterangan dari kode yang bisa kamu rubah untuk penyesuaian dengan halaman blog kamu
  8. Sekarang Klik Simpan template
  9. Ok Langkah selanjutnya, Kembali ke dashbord blog kamu pilih "Tata Letak atau Layout"
  10. Menu Tata letak Blog
  11. Klik Add a Gadget atau Tabah a Gadget
  12. Elemat halaman Blogspot
  13. Tunggu bebera saat akan muncul tampilan seperti dibawah, kemudian pilih Widget HTML/JavaScript
  14. Kumpulan Widget standar Blogspot
  15. Copy Kode Berikut dan letakan kedalam kolom Widget HTML/JavaScript
  16. <form action="tabview.html" method="get">
    <div class="TabView" id="TabView">
    <div class="Tabs" style="width: 350px;">
    <a>Tab 1</a>
    <a>Tab 2</a>
    <a>Tab 3</a>
    </div>
    <div class="Pages" style="width: 350px; height: 250px;">

    <div class="Page">
    <div class="Pad">
    Tab 1.1 <br />
    Tab 1.2 <br />
    Tab 1.3 <br />
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    Tab 2.1 <br />
    Tab 2.2 <br />
    Tab 2.3 <br />
    </div>
    </div>

    <div class="Page">
    <div class="Pad">
    Tab 3.1 <br />
    Tab 3.2 <br />
    Tab 3.3 <br />
    </div>
    </div>

    </div>
    </div>
    </form>

    <script type="text/javascript">
    tabview_initialize('TabView');
    </script>
    Keterangan :
    1. Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
    2. Code yang berwarna Merah adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
    3. Code yang berwarna Pink diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.

  17. Klik Simpan 
  18. Selesai dan Lihat hasilnya
Gimana gampang kan bro Cara Membuat Tab View Menu Di Blog. Semoga apa yang Master Chef share bisa membantu kamu yang halaman blognya sudah penuh. selamat mencoba dan terima kasih.

Kamis, 29 November 2012

Cara Posting Artikel Beserta Gambar Dan Video Di Blog

Cara Posting Artikel Beserta Gambar Dan Video - Tutorial Blog Master Chef kali ini berhubungan dengan sobat blogger Dapur Tutorial Blogspot dan Seo Dibawah ini yang bingung  bagaimana cara Membuat Postingan Artikel yang disertai Gambar Atau video.

Comment

Master Cheft sebelumnya juga sudah postinga Tutorial Dasar Blogger yaitu Cara Posting Artikel Blogspot namun Tutorial Blogspot tersebut masih umum, berhubung ada pertanyaan dari Sobat Blogger Dapur Tutorial Blogspot dan Seo ini sekalian Master Chef lenggkapi Tutorial Blog tersebut. Berikut Cara Posting Artikel Beserta Gambar Dan Video :

Cara Posting Artikel Beserta Gambar :
  1. Silahkan Login dan Buat Entri Baru di Blog kamu
  2. Jika sudah Tulis artikel yang ingin kamu post
  3. Untuk Mengisi gambar dihalaman blog kamu klik pada Tool "Inset Image" seperti yang terlihat pada gambar berikut :
  4. Insert image
  5. Tunggu beberapa saat akan tampil halaman seperti dibawah, kemudian klik pada tombol "Choose Files"
  6. Choose Files
  7. Silahkan pilih gambar yang ingin di Upload jika sudah Klik Open
  8. Pilih Open
  9.  Kemudian klik Upload dan tunggu sampai proses Upload selesai 
  10. Jika Proses Upload selesai Klik pada Tombol Add Selected
  11. Tombol Add Selected
  12. Selesai dan lihat hasilnya
Cara Posting Artikel Beserta Video :

Untuk posting artikel beserta video sebenarnya sama saja dengan cara posting artikel beserta Gambar . berikut caranya untuk menampilkan kehalaman blog.
  1. Buat Entri baru jika ingin memasang Video dalam postingan kamu buka halaman postingan tersebut
  2. perhatikan tool yang ada diatas halaman Entri postingan blog kamu, Klik pada Insert a Video seperti terlihat pada gambar
  3. Insert a video
  4. Tunggu beberapa saat akan tampil halaman seperti ini, klik pada Tombol Choose a Video To Upload
  5. Choose a Video To Upload
  6. Pilih Video yang ingin diupload Jika sudah klik Open 
  7. Klik Tombol Upload dan tunggu sampai proses selesai
  8. Jika sudah klik pada tombol Add Selected
  9. Selesai dan lihat hasilnya
  10. Sobat juga bisa mengambil video dari Youtube dan memasukannya kehalaman blog kamu.
Demikian Cara Posting Artikel Beserta Gambar Dan Video. semoga bisa membatu sobat blogger yang kesulitan untuk menampilkan gambar dan video kehalaman postingan. Semoga bisa bermanfaat dan Selamat Mencoba.

Cara Memasang Jam Digital Berlogo Garuda Di Blog

Cara Memasang Jam Digital Berlogo Garuda Di Blog - Selamat malam sobat blogger Dapur Tutorial Blogspot dan Seo?, Pastinya baik-baik aja semuanya kan!. Master Chef kali ini membawa resep mengenai sebuah jam. Dimana-mana semua orang membutuhkan jam karena jam erat kaitannya dengan aktivitas manusia sehari-hari. Selaku blogger indonesia Master Chef memberikan resep tetang Cara Membuat Jam  Garuda Di Blog. Contohnya seperti yang terlihat dibawah ini :
Gimana kerenkan jamnya. mungkin sobat Blogger Dapur Tutorial Blogspot dan Seo pernah melihat jam-jam tersebut dihalam blog yang lain, tertarik untuk memasangnya ikuti Cara Memasang Widget Jam Digital Dengan Logo Garuda Di Blog sebagai berikut :
  1. Login kehalaman blogger sobat masing-masing
  2. Dari dashbord blog kamu pilih Tata Letak atau Layout
  3. Pilih Menu Tata Letak
  4. Klik Add a Gadget atau Tambah Gadget
  5. Elemen halaman blogger
  6. Akan muncul halaman seperti berikut, Pilih widget HTML/JavaScript
  7. Daftar Widget Standar Blogger
  8. Copas kode berikut dan letakan dalam kolom Widget HTML/JavaScript
  9. <div align="center">
    <embed allowscriptaccess="sameDomain" flashvars="&amp;col1=d89b09&amp;col2=7cc034&amp;dayAdd=0&amp;cal=true&amp;gig_lt=1248336103578&amp;gig_pt=1248336182359&amp;gig_g=1&amp;gig_n=blogger" height="200" loop="false" menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" quality="best" src="http://www.widgipedia.com/widgets/orido/Jam-Garuda-Indonesia-4639-8192_134217728.widget?__install_id=1248336094072&amp;__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed> </div>
  10. Klik Simpan
  11. Selesai dan lihat hasilnya
Demikian Tutorial Blog Cara Pasang Jam Digital Berlogo Garuda Di Blog. Semoga jam digital berlogo garuda ini bisa membantu dan mempercantik tampilan halaman blog sobat. Selamat mencoba dan bermanfaat.

Cara Copy Paste Artikel Posting Blog Yang Di Proteksi

 Cara Copy Paste Artikel Posting Blog Yang Di Proteksi - Hallo Sobat Blogger semua, Salam jumpa lagi dengan blog KUCOPAS ini. Setelah sekian lama tidak pernah update posting sekitar dua bulan, Dan kali ini saya akan berbagi trik lagi yang masih berhubungan dengan dunia blogger atau tutorial blog.

 Tips kali ini adalah trik untuk cara copy paste artikel posting blog yang di proteksi. Sedikit panjelasan untuk sobat tentang blog yang di proteksi intinya adalah blog yang tidak bisa di copy paste artikel postingnya. Tentunya sobat blogger semua mungkin pernah menjumpai saat berkunjung atau menyimak salah satu blog atau web yang tidak memperkenankan kita untuk copy paste atikel postingnya, salah satu contoh adalah saat kita klik kanan maka akan keluar pop up yang bertuliskan "Tidak diperkenankan klik kanan atau meng-copy artikel ini" atau tidak bisa di select biru. Tentunya sobat merasa kecewa karena tidak bisa copy paste artikel yang sobat inginkan atau sukai.

 Pada dasarnya meng-copy artikel posting blog lain dan sobat paste kan ke blog sobat untuk di jadikan artikel posting dan tanpa merubahnya sedikitpun isi dari artikel tersebut, Maka bisa saja sobat di tuduh mencuri artikel, Apalagi sobat copy pastenya tanpa izin dari si empunya blog tersebut. Meski begitu artikel tersebut juga tidak di sukai oleh search engine Google salah satunya. Dan akhirnya sulit untuk muncul di halaman utama atau page one search google.

 Inti dari blog yang di proteksi adalah agar semua dari isi blog tersebut tidak bisa di COPAS atau copy paste. Karena mungkin artikel postingan itu adalah murni dari karangan fikiran atau berita yang asli di dapatnya. Jadi tidak ada salahnya pemilik blog tersebut menerapkan proteksi dalam blognya agar tidak bisa di copy paste orang lain.

 Namun jika sobat sangat membutuhkannya artikel posting tersebut untuk di copy paste ke blog sobat, Disini saya akan kasih tips dan triknya secara cuma-cuma alias gratis. Silahkan sobat simak baik-baik dan ikuti langkah-langkahnya sebagai berikut:

1. Cara yang paling mudah, Silahkan sobat gunakan web browser Mozilla Firefox.
2. Lalu buka blog atau web yang diproteksi dan yang ingin sobat copy artikel postingnya.
3. Langkah yang selanjutnya, Pada menu Firefox, pilih >> Web Developer >> View Page Source.
Lihat contoh gambar screenshot berikut.

Cara Copy Paste Artikel Posting Blog Yang Di Proteksi

4. Kemudian akan ditampilkan halaman kumpulan kode HTML dari blog tersebut.
5. Silahkan sobat pilih-pilih atau seleksi semua kumpulan kode HTML tersebut atau klik kanan dan pilih >> Select All >> pilih dan klik >> Copy atau Ctrl+C.

Langkah yang selanjutnya untuk paste di blog sobat:

1. Silahkan sobat >> Login ke Blog sobat.
2. Kemudian pilih >> Buat Entri Baru >> Paste-kan semua kode HTML yang sudah sobat copy tadi pada area penulisan posting blog sobat dalam mode HTML bukan Compose.
3. Untuk melihat hasil Previewnya, Silahkan sobat kembali ke mode Compose untuk Blogspot dan Visual untuk WordPress.
4. Langkah selanjutnya silahkan sobat hapus bagian elemen dan aksesoris yang tidak diperlukan atau tidak penting bagi sobat.
5. Karena intinya sobat hanya menginginkan isi dari artikel posting blog tersebut, Maka cukup pilihlah artikel postingnya saja.
6. Jika sudah cukup meng-editnya seperti yang sobat inginkan, Maka untuk melihat hasil sepenuhnya seperti apa, Silahkan sobat klik >> Publikasikan atau Terbitkan.
7. Selesai dan nikmati hasilnya, Selamat berkarya.


Rabu, 28 November 2012

Cara Memasang Follower Box Twitter Di Blog

Cara Memasang Follower Box Twitter Di Blog - Pengen punya Widget Twitter kamu yang keren di halamam blog ?, pastinya mau dong !. kebetulan banget Kali ini Master Chef akan membahas Resep Mengenai Cara Membuat Twitter Box Di Blog. Widget ini mungkin sudah sering Sobat blogger Dapur Tutorial Blogspor dan Seo lihat diblog-blog tetangga. Dengan desain dan tampilan widget Twitter diblog kamu akan membuat banyak orang yang tertarik utuk follow twitter kamu. Tampilan Follow box twitter yang akan kita bahas contohya seperti gambar dibawah ini :

Follower Box Twitter di blog

Cara Pasang Widget Twitter Follower Box Di Blog cukup mudah yang pasti kamu sudah memiliki akun twitter dan sobat tidak perlu melakukan Edit HTML, karena cara yang digunakan sama dengan cara memasang widget-widget lainnya. Berhubungan dengan Widget Twitter, Master Chef juga sudah pernah membahas Cara Memasang Widget Burung Twitter Di Blog, Cara Memasang Widget Twitter Box Di Blog.

Berikut Cara Memasang Widget Followers Twitter Di Blog:
  1. Silahkan Login Kehalaman Blog kamu
  2. Dari dashbord blog kamu pilih Tata Letak atau Layout
  3. Menu Tata Letak
  4. Klik Add a Gadget atau Tambah Gadget
  5. klik add a gadget
  6. Pilih Widget HTML/JavaScript
  7. Widget HTML/JavaScript
  8. Copy kode dibawah dan letakan didalam kolom HTML/JavaScript yang tadi kamu pilih
  9. <!-- Twitter Follower Box -->
    <script type='text/javascript'>
    function fanbox_init(screen_name){document.getElementById('twitterfanbox').innerHTML='\<iframe name=\"fbfanIFrame_0\" frameborder=\"0\" allowtransparency=\"true\" src=\"http://s.moopz.com/connect.html?user='+screen_name+'\" class=\"FB_SERVER_IFRAME\" scrolling=\"no\" style=\"width: 340px; px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; \"\>\<\/iframe\>';}
    </script>
    <div id="twitterfanbox"></div><script
    type="text/javascript">fanbox_init("LaNoRamadhani");</script
    type="text><div
    style="font-size:10px;margin-top:-8px;">
    <!-- End Twitter Follower Box --><a href="http://dapur-tutorial.blogspot.com/2012/11/cara-memasang-follower-box-twitter-diblog.html">+ Get This Widget</a></div style="font-size:10px;margin-top:-8px;">
  10. Klik Simpan
  11. Selesai dan Lihat Hasilnya
Demikian Cara Memasang Widget Follower Twitter Box Di Blog. semoga resep yang sudah Master Chef Share bisa bermanfaat. Selamat Mencoba dan Semoga Berhasil.

Mempublish posting Google+ ke Twitter

Mempublish posting Google+ ke Twitter | Tutorial Blog

Google+ memang belum menshare API Google+ sehingga para developer belum dapat mengembangkan aplikasi untuk menghubungkan atau melakukan autopost dari Google+ ke social media lain, namun sobat dapat mengakalinya dengan menggunakan layanan tertentu yang memungkinkan sobat untuk Mempublish postingan Google+ ke Twitter.

Aplikasi yang saya maksud adalah ManageFlitter, Aplikasi ini sebenarnya tidak menggunakan API, melainkan berlangganan posting user di Google+ dan meneruskannya menjadi tweet di Twitter.

Buat Sobat yang ingin mencobanya silakan ikuti tutorial berikut :
  • Masuk ke manageflitter.com.
  • Klik Try it for FREE.
    Mempublish posting Google+ ke Twitter
  • Klik Connect to Twitter, lalu sign in dengan akun twitter sobat.
    Mempublish posting Google+ ke Twitter
  • Pilih Free, klik Select Plan.
    Mempublish posting Google+ ke Twitter
  • Klik Dashboard.
    Mempublish posting Google+ ke Twitter
  • Pada Google+ To Twitter, klik Turn on/off Google+ sharing
    Mempublish posting Google+ ke Twitter
  • Hubungkan dengan Google+ anda. Masukkan url id Google +, pastikan akhiri dengan /posts.
    Mempublish posting Google+ ke Twitter
    Url ID Google Plus dapat dilihat pada halaman profil Google+. Copy url ID pada bagian address bar. Setelah mendapatkan urlnya + diakhiri /posts.
  • Klik Start Sharing.
    Mempublish posting Google+ ke Twitter
  • Jika sudah berhasil Anda akan melihat tampilan seperti berikut.
    Mempublish posting Google+ ke Twitter
  • Setelah proses selesai, maka post/status Google+ akan terkirim secara otomatis ke Twitter sebagai tweet. Pastikan post G+ anda di set ke public karena ManageFlitter hanya akan memposting post yg demikian.
Selamat mencoba dan semoga berhasil Mempublish posting Google+ ke Twitter

Selasa, 27 November 2012

Cara Lengkap Membuat Read More Otomatis Di Blog

Read More Otomatis
Cara Lengkap Membuat Read More Otomatis  Di Blog - Sebelum Master Chef sudah menyampaikan Tutorial Blog mengenai Resep Cara Membuat Read More Otomatis, Ternyata ada sobat blogger Dapur Tutorial Blogspot dan Seo yang kebingungan karena tutorialnya saya pisah antara Cara Membuat Read More Otomatis Standar dengan Text dan Cara Membuat Read More Otomatis Dengan Gambar.

Nah supaya tidak ada yang bingung lagi kedua tutorial tersebut Master Chef gabung menjadi satu disini makanya Master Chef kasih judul Cara Lengkap Membuat Read More Otomatis Di Blog. disini Master Chef usahakan untuk sedetail mungkin dan semoga sobat Blogger Dapur Tutorial Blogspot dan Seo bisa menyelesaikan Resep ini.

Berikut langkah-langkahnya :
  1. Silahkan Login Kehalam Blog masing-masing
  2. Masuk kehalaman Edit HTML (Baca Caranya Masuk Kehalaman Edit HTML)
  3. Back Up Template kamu terlebih dahulu untuk antisipasi kesalahan edit HTML (Baca Cara Upload dan Back-Up Template Blog)
  4. Jangan lupa Centang Expand Widget Templates
  5. Halaman Edit HTML
  6. Cari Kode </head> (gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
  7. Jika sudah ketemu Copy kode berikut dan letakan diatas kode </head> tersebut.
  8. <script type='text/javascript'>
    var thumbnail_mode = &quot;float&quot; ;
    summary_noimg = 150;
    summary_img = 150;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script src='http://dapurtutorial.googlecode.com/files/ReadMoreScript.js' type='text/javascript'/>
  9. Tahap selanjutnya cari lagi salah satu kode berikut : <data:post.body/> atau <p><data:post.body/></p>.Mungkin kamu akan menemukan lebih dari satu kode ini. jika demikian pilih kode yang pertama, lihat hasilnya jika belum berhasil coba pilih yang kedua dan seterusnya.
  10. Ganti Kode yang anda temukan diatas dengan kode berikut ini :

  11. Kode Ini adalah Kode Untuk Membuat Read More Standar denga Text
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span style='float:right'><a expr:href='data:post.url'>Read More..</a></span>
    <b:else/>
    <data:post.body/>
    </b:if>
    Kode Ini adalah Kode Untuk Membuat Read More Dengan Gambar
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
    <span style='float:right'><a expr:href='data:post.url'><img alt='Read More..' src='http://1.bp.blogspot.com/-IHpf1c0gAZE/TahDsOmCrCI/AAAAAAAAAy0/lOZgwgw7eHg/s1600/pelajaran%2Bblog%2Bread%2Bmore%2Botomatis.jpg'/></a></span>
    <b:else/>
    <data:post.body/>
    </b:if>
  12. Tahap terakhir klik Tombol Simpan
  13. Selesai dan lihat hasilnya.
Nah itu dia Cara  Lengkap Membuat Read More Otomatis Di Blog. semoga kamu bisa menyeselaikan Resep ini dengan baik. Sekian dulu dari Master Chef semoga bisa bermanfaat dan selamat mencoba.

Senin, 26 November 2012

Cara Memasang Like Box Facebook Melayang Di Blog

Cara Memasang Like Box Facebook Melayang Di Blog - Pastinya punya like box Facebook kan dihalaman blognya !. Like box facebook belakangan ini memang banyak digemari oleh blogger. like box facebook bagi Master Chef sangat bermanfaat sekali untuk populeritas blog. karena semakin banyak orang yang like fans page anda tandanya semakin baik juga pupuler blog kamu. Tetapi Like Box Facebook bukan satu-satunya alat untuk menunjukan kepopuleran sebuah blog masih ada banyak Tool ataupun widget untuk menunjukan kepopuleran sebuah blog.

Dalam kesempatan kali Master chef akan mengajak Sobat Blogger Dapur Tutorial Blogspot dan Seo Semuanya untuk mencoba resep Cara Membuat Like Box Facebook Melayang Di Blog.  karena banyaknya jumlah widget yang terpasang dihalaman blog membuat halaman blog menjadi sempit, nah banyak orang untuk mengatasi masalah tersebut tanpa mengurangi widget didalam blognya menggunakan metode ini yaitu membuat widget melayang dihalaman blog. Salah satu yang pernah Master Chef bahas adalah Cara Membuat Buku Tamu Tersembunyi Diblog. contohnya kamu bisa lihat pada gambar dibawah ini

Like Box Facebook Melayang

Sebelum kamu memasang like box facebook melayang dihalam blog kamu, kamu terlebih dahulu harus meiliki halaman Fans page Facebook (Baca Cara Membuat Halaman Fans Page Facebook), setelah ini kamu harus mengambil kode Like Box Facebook dari halaman Fans Page Facebook kamu (Baca Caranya Memasang Linke Box Facebook Di Blog).. jika semua sudah siap dan supaya tidak kepanjangan cerita langsung saja kita bahas bareng-bareng mengenai resep Memasang Like Box Facebook Melayang Di Blog ini sebagai berikut :
  1. Login Kehalaman Blog Masing-masing
  2. Dari bagian dashbord blog kamu pilih Tata Letak atau Layout
  3. Pilih Menu Layout
  4. Jika sudah klik Add a Gadget atau Tambah Gadget
  5. Klik Tambah Gadget
  6. Pilih Widget HTML//JavaScrip
  7. Widget HTML/JavaScript
  8. Copy Kode dibawah dan letakan kode tersebut kedalam kolom HTML/JavaScript
  9. <!-- Script kotak like Facebook Melayang mrrainboow-xp -->
    <style type="text/css">
    #topbar{
    position:absolute;
    padding-left:260px;
    background-color: transparancy;
    width: 300px;
    visibility: hidden;
    z-index: 100;
    }
    </style>
    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {
    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
    returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
    var el=d.getElementById(id);
    if (!persistclose || persistclose && get_cookie("remainclosed")=="")
    el.style.visibility="visible"
    if(d.layers)el.style=el;
    el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
    el.x = startX;
    if (verticalpos=="fromtop")
    el.y = startY;
    else{
    el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
    el.y -= startY;
    }
    return el;
    }
    window.stayTopLeft=function(){
    if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : iecompattest().scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
    }
    else{
    var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
    }
    ftlObj.sP(ftlObj.x, ftlObj.y);
    setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <br />
    <div class="clear">
    </div>
    <div id="topbar">
    <table border="1" bgcolor="FFFFFF">
    <tr>
    <td>
    <div style="text-align: right;">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6PW1TmL-vzbJHdP04dvuM-DX4EL5TaR0Gz8StRq132sWtLB1V2yUCZpNs2CM3ICI84-VjdFzEju6pkH9fjwGIF-qfLPn5dJrYTDbT_kNR3cxOVQsoMLzeoVMwz9SGP2okRKC9XQ6OmQFg/s1600/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">


    Letakan Script/code Like Box fans page Anda di sini


    </div>
    </center></td>
    </tr>
    </table>
    </div>
    <!-- End Like Fan Page Melayang MrRainboow-xp -->
  10. Klik Simpan
  11. Selesai dan lihat hasilnya.
Ok bro selesai sudah Tutorial Blog Cara Membuat Like Box Facebook Melayang Di Blog dari Master Chef kali ini. semoga bisa bermanfaat. Selamat mencoba.....!

Minggu, 25 November 2012

Cara Mengganti Template Blog

Cara Mengganti Template Blog | Tutorial Blog

Template blog atau website adalah desain halaman blog / website beserta seluruh komponennya seperti gambar, stylesheet, dsb, baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web.

Dulu saya pernah bikin postingan mengganti template blog, namun karena sekarang Blogger menggunakan Tampilan Baru, jadi saya bikin lagi tutorialnya yang baru.

Di blogger Sobat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan sobat. Anda dapat menggunakan template buatan Anda sendiri untuk blog anda, bisa juga anda mengganti template blog dengan template dari penyedia template gratis. Namun, jika sobat masih belum bisa dalam membuat template, pihak blogger sendiri sudah menyediakan beberapa template yang bisa anda pilih.

Berikut ini cara mengganti Template dengan template yang disediakan blogger :
  1. Login ke blogger.
  2. Pada Dashboard Blogger pilih Blog yang ingin anda ganti templatenya.
  3. Klik Template.
    Cara Mengganti Template Blog
  4. Klik tombol Sesuaikan.
    Cara Mengganti Template Blog
  5. Klik pada pilihan template yang tersedia.
  6. Anda dapat melakukan pengaturan tampilan pada menu di sebelah kiri.
  7. Jika sudah cocok dengan salah satu template, klik Terapkan ke Blog.
    Cara Mengganti Template Blog
  8. Selesai.

Untuk mengganti template dengan template dari penyedia template gratis, berikut caranya :
  • Download template yang ingin di gunakan.
  • Ekstrak file yang di download tadi, karena file yang akan kita upload ke blogger hanya file yang berekstensi .xml.
  • Login ke Blogger.
  • Klik Template.
  • Klik Cadangkan/Pulihkan yang ada dibagian atas kanan.
  • Untuk jaga-jaga backup template Anda terlebih dulu, klik Unduh Template Lengkap.
  • Klik tombol Browse, pilih file template yang tadi telah diekstrak.
  • Kemudian klik tombol Unggah.
  • Tunggu sampai proses selesai. Setelah itu lihat hasilnya pada Blog Sobat.
Untuk lebih jelasnya silakan baca Cara Mengganti Template.

Sekian tutorial tentang Cara Mengganti Template Blog.

Cara Membuat Recent Post Dengan Thumbnail Keren

Cara Membuat Recent Post Dengan Thumbnail Keren - Recent Post atau List Artikel Terbaru banyak sekali digunakan oleh para blogger. Memasang widget recent post juga berperan dalam Optimasi Seo On Page. dengan memasang Widget Recent Post di Halaman Blog pengunjung akan lebih mudah mengakses setiap artikel terbaru kamu. Tentunya kemudahan mengakses artikel dihalaman blog akan meningkatkan jumlah page view blog kamu.

Recent Post yang Master Chef katakan keren disini karena gayanya berbeda dengan gaya recent post yang lainya karen Widget Recent Post ini dilengkapi dengan Fitur Previous dan Next dibawahnya seperti terlihat pada gambar dibawah ini :

Recent Post Keren

Nah buat Sobat Blogger Dapur Tutorial Blogspot dan Seo yang tertarik dengan Widget ini kamu bisa memasangnya dengan sedikit melakukan Edit HTML pada halaman blog kamu. Berikut resepnya untuk Membuat Recent Post Dengan Thumbnail Keren.
  1. Login terlebih dahulu kehalaman blog 
  2. Dari bagian Dashbord blog kamu pilih Template untuk Masuk kehalaman Edit HTML (Baca Cara Masuk ke Halaman Edit HTML)
  3. Downlad dulu template lengkap blog kamu untuk mengantisivasi kesalahan Edit HTML (Baca Caranya Upload dan Back-Up Template Blog)
  4. Jangan lupa Centang Expand Template Widget
  5. Jika sudah cari kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
  6. Setelah kode berhasil ditemukan Copy Kode dibawah ini dan paste diatas kode ]]></b:skin>
  7. #mas-terbaru{border:1px solid #585858;width:100%;margin:0 auto}
    #terbaru{margin:0px}
    .mas-elemen{border:1px solid #ccc;margin:5px 0;padding:5px;height:79px}
    .mas-elemen img{background:#999;padding:4px;float:left;height:70px;margin-right:8px;width:70px}
    .mas-elemen h6,.mas-elemen h6 a{font-size:12px!important;font-weight:700!important;margin:0;color:#111}
    .mas-elemen:hover{background-color:#c3c3c3}
    .mas-elemen p{font:14px PT Sans Narrow;text-align:justify;color:#555;line-height:14px;margin:5px 0}
    #mas-loading{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:#141414 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisAE9-uLpSMqzuP7SuFLhHgQdO4sY_Naims-iZwngLlEC5BFqugL5_c1RoiJpb8x9DDIcDijnKdDrmv6Laju1l9zfOaP81Dt37x3hmbet1F0VgXB-xCKW1WUO6KGtn6Toyv7F4mngvneg/s1600/loading.gif) no-repeat 50% 50%;height:470px;border:1px solid #c3c3c3}
    #mas-navigasifeed{border:1px solid #c3c3c3;color:#bbb;font-family:Verdana;font-size:12px;text-align:center;margin:0px}
    #mas-navigasifeed:hover{background-color:#c3c3c3}
    #mas-navigasifeed a{color:#141414!important;font-family:Tahoma!important;font-size:12px!important;font-weight:400!important;display:block;padding:5px 10px}
    #mas-navigasifeed span{padding:5px 10px}
    #mas-navigasifeed .next{float:right}
    #mas-navigasifeed .previous{float:left}
    #mas-navigasifeed .home{text-align:center}
    #mas-navigasifeed a:hover,#mas-navigasifeed span.noactived{color:transparant!important}
  8. Masih di are Edit HTML, sekarang cari kode </head>
  9. Copy kode dibawah dan letakan diatas kode </head>
  10. <script type='text/javascript'>
    //<![CDATA[
    var numfeed = 5;
    var startfeed = 0;
    var urlblog = "http://dapur-tutorial.blogspot.com/";
    var charac = 100;
    var urlprevious, urlnext;

    function maskolisfeed(johny,banget){
    var showfeed = johny.split("<");
    for(var i=0;i<showfeed.length;i++){
    if(showfeed[i].indexOf(">")!=-1){
    showfeed[i] = showfeed[i].substring(showfeed[i].indexOf(">")+1,showfeed[i].length);
    }
    }
    showfeed =  showfeed.join("");
    showfeed = showfeed.substring(0,banget-1);
    return showfeed;
    }
    function showterbaru(json) {
    var entry, posttitle, posturl, postimg, postcontent;
    var showblogfeed = "";
    urlprevious = "";
    urlnext = "";
    for (var k = 0; k < json.feed.link.length; k++) {
    if (json.feed.link[k].rel == 'previous') {
    urlprevious = json.feed.link[k].href;
    }
    if (json.feed.link[k].rel == 'next') {
    urlnext = json.feed.link[k].href;
    }
    }
    for (var i = 0; i < numfeed; i++) {
    if (i == json.feed.entry.length) { break; }
    entry = json.feed.entry[i];
    posttitle = entry.title.$t;
    for (var k = 0; k < entry.link.length; k++) {
    if (entry.link[k].rel == 'alternate') {
    posturl = entry.link[k].href;
    break;
    }
    }
    if ("content" in entry) {
    postcontent = entry.content.$t;
    } else if ("summary" in entry) {
    postcontent = entry.summary.$t;
    } else {
    postcontent = "";
    }
    if ("media$thumbnail" in entry) {
    postimg = entry.media$thumbnail.url;
    } else {
    postimg = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaD766MLdPnoS0n3CxJiVhPO9OxLwHbl5LzaE0zfqUcXLG8xTSo1__pH1GZ-tgO1n58J5yiFAhHzK5pX3nAAd8NRcYOH_NnuAEuon0cW7lRhaRMT-hJX2tLYcFU18rGZ5PIYd6aQaj_9s/s1600/no+image.jpg";
    }
    showblogfeed += "<div class='mas-elemen'>";
    showblogfeed += "<a href='" + posturl + "' target='_blank'><img src='" + postimg + "' /></a>";
    showblogfeed += "<h6><a href='" + posturl + "'>" + posttitle + "</a></h6>";
    showblogfeed += "<p>" + maskolisfeed(postcontent,charac) + "...</p>";
    showblogfeed += "</div>";
    }
    document.getElementById("terbaru").innerHTML = showblogfeed;
    showblogfeed = "";
    if(urlprevious) {
    showblogfeed += "<a href='javascript:navigasifeed(-1);' class='previous'>&#9668; Previous</a>";
    } else {
    showblogfeed += "<span class='noactived previous'>&#9668; Previous</span>";
    }
    if(urlnext) {
    showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next &#9658;</a>";
    } else {
    showblogfeed += "<span class='noactived next'>Next &#9658;</span>";
    }
    showblogfeed += "<a href='javascript:navigasifeed(0);' class='home'>Home</a>";
    document.getElementById("mas-navigasifeed").innerHTML = showblogfeed;
    }

    function navigasifeed(url){
    var p, parameter;
    if(url==-1) {
    p = urlprevious.indexOf("?");
    parameter = urlprevious.substring(p);
    } else if (url==1) {
    p = urlnext.indexOf("?");
    parameter = urlnext.substring(p);
    } else {
    parameter = "?start-index=1&max-results=" + numfeed + "&orderby=published&alt=json-in-script"
    }
    parameter += "&callback=showterbaru";
    incluirscript(parameter);
    }
    function incluirscript(parameter) {
    if(startfeed==1) {removerscript();}
    document.getElementById("terbaru").innerHTML = "<div id='mas-loading'></div>";
    document.getElementById("mas-navigasifeed").innerHTML = "";
    var archievefeed = urlblog + "/feeds/posts/default"+ parameter;
    var terbaru = document.createElement('script');
    terbaru.setAttribute('type', 'text/javascript');
    terbaru.setAttribute('src', archievefeed);
    terbaru.setAttribute('id', 'MASLABEL');
    document.getElementsByTagName('head')[0].appendChild(terbaru);
    startfeed = 1;
    }
    function removerscript() {
    var elemen = document.getElementById("MASLABEL");
    var parent = elemen.parentNode;
    parent.removeChild(elemen);
    }
    onload=function() { navigasifeed(0); }
    //]]>
    </script>
    Keterangan :
    Kode yang berwarena merah adalah URl blog kamu, ganti dengan URL Kamu. Sedangkan kode yang berwarna Hijau menunjukan jumalah Artikel yang ditampilkan, dan kode yang berwarna kuning adalah jumlah karakter yang ditampilkan

  11. Setelah itu Klik pada tombol Save Template
  12. Kembali ke Dashbord blog kamu, Pilih Tata Letak
  13. Klik Add a Gadget atau Tambah Gadget
  14. Pilih Widget HTML Java/Script
  15. Copy Kode Berikut  :
  16. <div id="terbaru"></div>
    <div id="mas-navigasifeed"></div>
  17. Paste kedalam kolom HTML/JavaScript
  18. Klik Simpan 
  19. Selesai dan Lihat hasilnya
Itu dia Resep Cara Membuat Recent Post Dengan Thumbnail Keren semoga bisa membantu.

Cara Memasang Kamera CCTV Di Sudut Kanan Atas Blog

Cara Memasang Kamera CCTV Di Sudut Kanan Atas Blog - Sebagai tambahan koleksi Animasi Untuk Blog Master Chef kali akan bagikan Resep mengenai Pemasangan Kamera CCTV Di Blog. Mungkin kamu sudah sering melihat widget animasi CCTV ini di blog-blog yang lain. Sekarang kamu bisa memasangnya kehalaman blog kamu sendiri. Caranya gampang seperti memasang Widget Animasi yang lainnya. jika masih belum tau gak apalah Master Chef akan jelaskan kembali cara memasangnya.

Tampilan CCTV setelah kamu pasang posisinya akan berada pada suduk kanan atas. kurang lebih seperti pada gambar dibawah ini yang ditunjuk oleh anak panah.

Posisi CCTV di blog

Selain ini Master Chef juga punya koleksi animasi untuk blog. Silahkan lihat pada postingan Master Chef sebelumnya yaitu Kumpulan Widget Animasi Untuk Blog.

Ok bro, semuanya ikuti Master Chef cara memasangnya di blog
  1. Pastikan kamu sudah login kehalam blog kamu
  2. Pada bagian Dashbord blog kamu pilih Tata Letak
  3. menu  Tata Letak
  4. Klik pada bagian Add a Gadget atau Tambah gadget
  5. add a gandget
  6. Pilih Widget HTML/JavaScript
  7. Widget HTML/JavaScript
  8. Copy kode berikut dan Paste dalam kolom HTML/JavaScript yang tadi kamu tambahkan.
  9. <script language="JavaScript" src="http://dapurtutorial.googlecode.com/files/cctv.js" type="text/javascript"> </script> <script language="JavaScript" type="text/javascript"> cot("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4uYeMf9_xiCQL7HoIQVdqXLeAXQe4pg6pULTmRPKkkEqRNNepepcQT5nLYOXSin1qY2-bHv26loSGc3TOLijDr8bvu3CMdFfoamORMUdy0ic-cVPbwETjLW-6VcN5_wrht4s5hPrmpZw/s1600/cctv.gif")</script>
  10. Klik Simpan
  11. Selesai dan lihat hasilnya
Demikian Tutorial Blog mengenai Cara Memasang Kamera CCTV Di Sudut Kanan Atas Blog. semoga saja bisa bermanfaat.

Cara Membuat Artikel Kamu Tidak Bisa Di Block

Cara Membuat Artikel Blog Kamu Tidak Bisa Di Block - Waduh belakangan ini Tutorial Blog dari Master Chef banyak berisi seruan tetang Anti Copy Paste ni!, Hem gak masalah lah barang kali ada yang mendukung program Anti Copas ini. Artikel Cara Agat Artikel Atau Konten Tidak Di Copy Paste, Cara Mendaftar DMCA, dan Cara Memasang Logo DMCA di Blog merupakan beberap usaha untuk melindungi konten blog dari tukang Copas.

Nah kali ini Master Chef akan memberikan Resep lagi untuk memperkuat konten blog kamu dari serangan tukang kopas yang tidak menggunakan etika Copy Paste dengan cara menghilangkan Fungsi Block pada artikel atau konten blog kamu.

Caranya cukup mudah Sobat Blogger Dapur Tutorial Blogspot dan Seo cukup menambahkan sedikit script kehalaman blog. Lebih jelasnya berikut Resep Membuat Artikel Blog tidak bisa di Block:

  1. Pada bagian dashbord blog kamu Pilih Template
  2. Download lengkap template kamu terlebih dahulu untuk mengantisipasi kesalahan dalam Edit HTML
  3. Klik pada tombol Edit HTML
  4. Klik Pada Tombol Lanjutkan atau Proses
  5. Jangan Lupa Centang Expand Template Widget
  6. Sekarang Cari Kode <head> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
  7. Jika sudah ketemu Copy kode dibawah dan letakan sesudah kode <head>
  8. <SCRIPT type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</SCRIPT>
  9. Sekarang Klik Simpan Template
  10. Selesai 
Sekarang artikel blog kamu sudah tidak bisa diblock lagi, jika sudah tidak bisa diblock pastinya klik kanan mous juga tidak bisa berfungsi. Sekian Tips dan Trik mengenai Cara Membuat Artikel Kamu Tidak Bisa Di Block yang bisa Master Chef sampaikan pada kesempatan ini. semoga bisa bermanfaat.
 

M-Kolom Tutorial | All Tutorial Copyright © 2012 Fast Loading -- Powered by Blogger