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 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 memperbaiki hardisk Sendiri

Ahli Kompi - Cara memperbaiki hardisk memang tidak mudah akan tetapi tidak ada salahnya untuk mencoba memperbaikinya sendiri. Hardisk adalah salah satu komponen komputer yang cukup awet, tapi terkadang di tengah jalan kita sering mengalami keruskan pada komponen ini. Penyebabnya adalah karena kerusakan komponen dan bisa juga kerana ulah virus.

Cara Memperbaiki Hardisk yang Rusak

    Analisa Kerusakan

Ingat kembali kejadian yang membuat hardisk anda rusak. Biasanya yang menyebabkan hardisk rusak adalah karena proses booting yang tidak berjalan dengan sempurna. Logikanya seperti ini, saat komputer sedang melakukan proses booting otomatis hardisk juga akan ikut bekerja, kemudian di tengah jalan tiba-tiba listrik mati. Otomatis hardisk yang sedang bekerja tadi seolah-olah dimatikan secara paksa, sehingga memungkinkan terjadinya kerusakan.


    Komponen Hardisk

Perhatikan juga komponen internal pada hardisk. Perhatikan lampu yang terdapat pada CPU anda, jika dalam kondisi normal lampu akan menyala atau berkedip yang menandakan hardisk sedang bekerja. Pastikan juga semua kabel terhubung dengan baik.

    Install Ulang

Cobalah untuk menginstall ulang komputer dengan sistem operasi yang baru. Bisa saja kerusakan hardisk disebabkan oleh sistem operasi yang kacau.

    Recover Data

Jika anda memiliki data penting, lakukan recovery dengan menggunakan software yang bisa kita temukan di google. Misalnya recuva, easeus data recovery wizard, atau wondershare data recovery.

Untuk lebih lengkap tentang cara memperbaiki hardisk selengkapnya Anda bisa mendownload ebook berikut. Ebook ini berisikan tutorial memperbaiki hardisk mulai dari langkah analisa sampai tahap-tahap yang mendetail dilengkapi dengan gambar.

Tutorial Cara memperbaiki Hp yang Rusak Kena Air

Ahli Kompi - Cara Memperbaiki HP yang Rusak Kena Air - Dibawah artikel ini kalian akan menemukan postingan tentang cara melacak blackberry yang hilang, nah di artikel ini saya akan membahas mengenai bagaimana Cara Memperbaiki HP yang Rusak Kena Air. Mungkin sudah semua orang yang memiliki handphone pernah mengalami kejadian yang tidak mengenakkan ini dan sering kita jika HP kita sudah tercelup ke air, maka kita akan langsung panik dan tidak tau mau berbuat apa. Namun seharusnya kita berusaha tetap tenang dan mengikuti cara-cara Memperbaiki HP yang Rusak Kena Air:

  • Jika sudah terkena air, langsung lepas semua perangkat handphone dan basuh dengan handuk kering sampai air yang ada di handphone benar-benar kering.
  • Tunggu beberapa saat atau bisa juga setengah sampai 1 jam, kemudian pasang kembali semua perangkat-perangkat yang terlepas dari handphone dan coba hidupkan. Jika tidak mau juga, sebaiknya lepas baterai dari handphone untuk menghindari rusaknya komponen-komponen lain.
  • Diamkan handphone hingga hari berikutnya kemudian pada sore harinya, bentangkan handuk di luar ruangan dan letakkan handpone bersama baterai di handuk tersebut untuk dikeringkan. Saat hari mulai gelap, angkat kembali ponsel dan bawa ke dalam ruangan. Kegiatan ini bisa diulangi selama beberapa hari.
  • Setelah beberapa hari pengeringan  dengan media sinar matahari,  kalian bisa menggunakan ‘blow dryer’ dengan suhu yang rendah, dan menempatkannya sekitar 3 inch dari baterai ponsel. Kalian bisa melakukannya selama 30 menit.
  • Kemudian pasang kembali handphone dengan baterainya dan coba hidupkan. Jika ada cahaya dari sela-sela tombolnya, maka kemungkinan ponsel kalian masih bisa digunakan.
Menurut sumber yang saya baca, cara lain memperbaiki hp yang rusak kena air adalah memasukan handphone ke dalam beras. Setelah handphone di keringkan, lalu masukkan handphone ke dalam beras selama 1 atau 2 hari. Tujuannya agar beras bisa menyerap kadar air yang ada di handphone.

Sekian artikel ini mengenai Cara Memperbaiki HP yang Rusak Kena Air, semoga bermanfaat bagi kita semua.

Cara Memperbaiki Cartridge Canon yang Error

Ahli Kompi - Cara memperbaiki cartridge canon yang rusak (kusus cartridge hitam).Printer merek canon terkenal dengan print out yang lumayan cepat, tapi permasalahan yang sering timbul adalah cartridge dari printer ini sering mengalami masalah antara lain bergaris, tidak terdeteksi oleh printer, atau tidak dapat mengeluarkan tinta sama sekali, tapi jangan terlalu kawatir kemungkinan masih bisa diperbaiki kok ,coba tips yang satu ini sapa tau bisa membantu.

Langsung aja kita mulai yuk cara memperbaiki cartridge printer canon yang rusak

    Pertama-tama siapkan cartridge yang rusak, bukak penutup atas cartridge dengan pisau atau dengan cutter,

    Setelah penutup terbuka keluarkan  busa dari dalam cartridge  rendam dan bilas dengan air, bersih kan sampai benar-benar bersih, setelah anda rasa cukup bersih keringkan busa sampai benar-benar sudah tidak ada air tersisa. Benrsihkan juka cartridge yang sudak dibuka tadi dengan air hangat coba apakah air sudah dapat menetes dari bawah lubang cartridge dengan mengetes nya memasukkan air dari atas nya.


    Bersihkan bagian bawah cartridge dengan air hangat ,

    Setelah anda rasa cukup bersih keringkan semuanya sampai benar-benar kering, setelah semua sudah kering masukan busa kedalam cartridge dengan posisi sama seperti pada waktu anda mencopot nya,

    Psang lagi penutup dengan lem perekat plastik atau sejenis nya yang penting tutup atas cartridge merekat dengan baik.

    Agar lem merekat dengan sempurna kasih lem di kedua sisi plastik rekatkan dengan hati-hati jangan sampai mengenai bagian elektrik dari cartridge, tunggu sampai lem benar-benar merekat dan mengering,

    Setelah lem benar-benar merekat, isi cartridge dengan tinta jangan penuh-penuh tapi sekiranya anda rasa cukup,  setelah itu coba  pasang cartridge anda pada printaer dan silahkan mencoba,  printer anda sudah berfungsi dengan baik lagi alias bisa dipakai kembali..selamat mencoba.

itulah seikit tips Cara memperbaiki Cartridge Printer Canon yang rusak semoga bisa sedikit membantu.

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.

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 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

Tutorial Cara Memperbaiki Windows Blue Screen

Ahli Kompi - Blue Screen Of Death (BSOD)” terjadi karena adanya critical error pada Sistem  Operasi Windows yang menyebabkan semua aplikasi yang sedang berjalan terpaksa harus dihentikan. Dalam kesempatan ini saya akan berbagi pengalaman tentang beberapa tips cara memperbaiki komputer yang mengalami BlueScreen.

Terkadang untuk kita para pemula, atau orang baru pada dunia komputer merasa sangat kesal dan sedikit merasa takut sih.Nah disini akan saya berbagi pengalaman tentang menghadapi masalah pada windows dimana tiba-tiba layar berubah menjadi biru yang biasa disebut oleh orang yang berkecimpung didunia IT (BlueScreen).

Pertama-tama jika sobat semua menghadapi masalah seperti yang tadi saya ceritakan sikap yang pertama yang kita lakukan adlah jangan panik, apalagi jika sobat semua melihat screen yang bertuliskan Dumping memory, don’t panic (heheheh maksudnya slow ) jangan heboh trus bilang memory RAM rusak atau Windows 7 product jelek ........

Segera dapatkan e-book "Tutorial Cara Memperbaiki Windows Blue Screen" [disini]

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.

Tutorial Cara Memperbaiki Flashdisk yang Rusak

Ahli Kompi - Catatan tentang cara memperbaiki flashdisk yang rusak ini saya tulis untuk melengkapi postingan sebelumnya tentang cara memperbaiki flashdisk yang terbaca 0 byte. Tadi siang saya diminta temen saya untuk memperbaiki 2 buah flashdisk merk Transcend yang masing-masing kapasitasnya 1 GB.

Saat dicolokkan ke USB port, Flashdisk yang satu langsung ter-detect dan terbaca sebagai drive I tetapi ketika di-klik muncul tulisan "Please insert a disk into drive I:" saya lihat properties-nya flashdisk terbaca 0 byte. Sedangkan untuk flashdisk yang satu lagi ketika dicolokkan ke USB port tidak terdeteksi sama sekali. Sayapun memutuskan untuk mencoba memperbaiki flashdisk yang masih ter-detect sama windows.

Berikut langkah-langkah saya dalam memperbaiki flashdisk yang rusak tersebut:

1. Memformat Flashdisk menggunakan HP USB Disk Storage Format Tool

Terinspirasi pengalaman beberapa waktu lalu ketika memperbaiki flashdik yang terbaca 0 byte, sayapun mencoba mempformat flashdisk yang rusak tersebut dengan tools HP USB Disk Storage Format Tool , tetapi tidak berhasil. Software HP USB Disk Storage Format Tool tidak mendeteksi adanya flashdisk ...........

Segera dapatkan e-book tentang Tutorial Cara Memperbaiki Flashdisk yang Rusak [disini]

Tutorial Memperbaiki Motherboard Lengkap

Ahli Kompi - Motherboard atau Mainboard adalah board atau papan utama tempat komponen-komponen utama seperti microprocessor dan memory (RAM, ROM, BIOS) beserta chip kontroler lainnya.

Pada motherboard juga terdapat SLOT Ekspansi yang merupakan tempat untuk memasang card-card tambahan yang berfungsi untuk meningkatkan fasilitas dan kemampuan yang dibutuhkan. Untuk microprossor terpasang pada soket yang sesuai dengan bentuk dan ukuran microprocessor tersebut, seperti soket 370, 470, soket LGA 775, soket A 462 (AMD), soket slot I (Pentium 2 dan 3). Pada motherboard, microprocessor berkomunikasi dengan komponen yang lain melalui suatu bus atau jalur data.

Bus ini telah berkembang dari bus 66, 100, 133, 200, 266, 333, 400, 500, 800 MHz. Perkembangan ini untuk mengimbangi kerja microprocessor yang semakin cepat. Slot ekspansipun mengalami perkembangan. Tabel diagram motherboard biasanya telah disertakan pada saat anda membeli CPU/ Mainboard. Motherboard yang kita miliki biasanya tidak berjalan mulus seperti yang diinginkan, terkadang motherboard yang kita gunakan mengalami kerusakan. Lufisdeat mencoba memberikan langkah jika ada kemungkinan yang tidak diinginkan terjadi pada motherboard Anda, dan berikut cara mengatasinya.
  •     Jika Motherboard Mati Total
Periksa power supply, Sebelum itu pastikan kabel power di lepas dari power supply, lepaskan socket kabel Atx1 yang terpasang pada Mainboard. Pasangkan kembali kabel power, sambungkan kabel berwarna hijau dengan kabel berwarna hitam, periksa apakah kipas di power supply berputar? Jika berputar berarti power supply bagus. Lepas kembali kabel sambungan tadi dan pasang kembali kabel Atx1 ke motherboard.

Periksa Jumper Clear CMOS, apakah di posisi Clear atau Free, biasanya kalau motherboard baru, posisi jumper CMOS ada pada posisi Clear ...............

Segera dapatkan e-book Tutorial Memperbaiki Motherboard Lengkap [disini]

Download Aplikasi Netcut Terbaru 2012

Download Aplikasi Netcut Terbaru 2012
Ahli Kompi - Aplikasi ringan tapi tak seringan fungsinya , Mungkin teman-teman jusushare sudah banyak yang tahu sama yang namanya Netcut 3 Full - Support Windows 7 ini kan ?

Software Netcut 3 Full (Support Windows 7) ini biasa digunakan oleh orang-orang jahil untuk mendapatkan kecepatan yang lebih saat internet pada PC warnet maupun Hotspot, hehe

Dengan software ini, sobat dapat mengambil bandwidth orang lain atau kalau kita bilang memutuskan koneksi dan korbannya tidak dapat terkoneksi lagi Jangan-jangan sobat sudah punya nih buat simpenan saat internetan nih di laptopnya .

Tapi saya tidak merekomendasikannya yaa, apalagi misalnya si korban lagi download, terus sobat putuskan koneksinya apa nggak kasian ?. hehe . Tapi terserah sobat saja, jika ada yang mau ngerjain aplikasi ini boleh di coba kok, Download [disini]

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/AVvXsEi80qqGGwX8Ho7SiPnO4kl9KdlZfMVuTpt-MdffH9c87h5jT5HJ57VYZuzMHyAR8FhDxWA-nXbZq_wtwwfKTgiCztLmrEP1kilwhtDt8pEpzag66M7MLZtSJmJWPYRDCtUwRb6nGO1HvXFt/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.....!

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/AVvXsEgn9lDKoJrGyAlsU4P47xaxc9MSGSnOJqGt17ElE_XpKOgm6P_sen2lmj1cRpSgPSvfGvHN0LXTzq3CW4t3rTEaKVCDlDuCTqyAg9nkIP2hSw29XTQK8Oz0vYESL6ORVugp5IiqgGTFlN8/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/AVvXsEhBElAx02lbR7sIvr80olGhcGkKwmqw3sqiaU9qilpQpJssG2o9t3eybxCLu7nKw5_OP2ACry6uKhTJ0WNvnHI-bDrC0_-cZBCsp42UK-5HDAED_BnIr4MdSmjN4K0FxP4Y_i0YnewSKu8/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/AVvXsEhX1B_A23CyndJiIKMaYOttWNqVh_QtBuCXEaTDCpeOnuecWiHyUTtJ_FXGovgdMbn7eXMxg4o_ZRPRYzpu7itVNrfgPZrIF9u9nS-rRfcu29hzWgnhFNzh3nciQp27jILnmZWYR9qtwnw/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.
 
Support : PING by :Ping-o-Matic | Pusat Promosi
Copyright © 2011. Tutorial dan Free Download - All Rights Reserved
Template Modify by Creating Website
Re Design by Bang Aris