Thursday, November 29, 2012

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.

Wednesday, November 28, 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.

Tuesday, November 27, 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.

Monday, November 26, 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/AVvXsEgzHh0BpfCvjr-RoG94FtcKk9cSi2mJs73SfaSCUXuVYv1qJ8mPN5MVajuiE1Fj7g4zsS1Hxjju_mCouaLbEuDv3rSdx6jJ2mKa7NzokwLvhUMGDBLZuy0bA7kgDwNX1qJwHqJTjWD87730/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.....!

Saturday, November 24, 2012

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/AVvXsEghEKFUqNTfzw_rNNpg1Mrn3Zgaf8FJ7BmMfbj_ZZNUziStE7BFGGHLsQvI5SqQpZ9GcXaJrWVzKapJNsVsn3-CqouGn189K38f4crs45h6m9rA8QNKVfpAXIRVE4DkYBnwixaFF0a01EI/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/AVvXsEinG0Q7Un1Xs38DkexCpMghQ6wF-3GAENTP8tHriK6nIzfMb0dQCLSsRqVL0dGwZQrMkD_OL3BjZ6vJNLD0jAqt-TukeAuEvg1p8S-CG_KXc24xQBcwHcjsDtd8Il7e5I969V5k6xzFJlo/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/AVvXsEjTCI5RTtvYXURoIB0CZaE2S4L9xYm1MLcboYLnETt5dVT8061MHuQkPyQMxENIhhqn-hpctuBkGfrTzA8Fst-rYKaUYCmqvayvT5KKbmafBZWMEOfWbq1QyK-F04_a-zjJ5gTBy8zH5ik/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.

Cara Memasang Foto,Logo atau Gambar Animasi Di Blog

Cara Memasang Foto,Logo atau Gambar Animasi Di Blog - Tadi siang Master Chef share mengenai Koleksi Stiker atau Logo Anti Copas, Seluruh Stiker tersebut berisi seruan yang melarang untuk copy Paste Conten. Terus ada Salah Satu Sobat Blogger Dapur Tutorial Blogspot dan Seo yang comment dan bertanya bagai mana cara memasangnya dihalaman blog. Karena tidak semua orang tau bagaimana cara memasang Foto, Logo ataupun gambar di Sidebar blog maka Master Chef kali ini Berikan Resep tentang Cara Memasang Foto, Logo atau gambar Animasi Di Blog.

Berikut Cara Memasang Foto, Logo atau Gambar Animasi Diblog.

Lankah 1 : Mendapatkan Kode Gambar Untuk Dipasang dihalam blog :
  1. Siapkan foto yang ingin Sobat pasang di Blog
  2. Sudah dapat Fotonya Buka halaman Entri Baru
  3. Klik Tombol Entri Baru
  4. Jika sudah akan dibawa kehalam Entri baru seperti berikut dan Pilih bagian Entri HTML
  5. Pilih Mode HTML
  6. Klik Pada Tool Inset Image seperti yang ditunjuk oleh Anak panah pada gambar dibawah
  7. Tool Insert image
  8. Akan tampil halaman seperti dibawah, klik pada menu "Choose File"
  9. Tombol Choose File
  10. Pilih Gambar yang tadi sudah anda siapkan untuk dipasang di Blog jika sudah klik Open
  11. Pilih gambar dari PC kamu
  12. Jika gambar sudah dipilih, lihat gambar no 5 klik pada tombol "Upload File"
  13. Tunggu beberapa saat sampai proses Upload File selesai
  14. Jika sudah selesai akan Muncul kode gambar seperti ini
  15. <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhG14hi4H6v9s312zeeClRyDQj3zjZ4PwBLwh765Q_oyzRkTY2fMGCKajRSqdFKACOXgsO56e89CtXKkFFK5_rVAOqrmxJLc2FlJV4TVJ12Ltzu_u5X0bMjgh4RRSYsITwFFawkSAPR2pb/s1600/Klik+Tool+gambar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="93" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhG14hi4H6v9s312zeeClRyDQj3zjZ4PwBLwh765Q_oyzRkTY2fMGCKajRSqdFKACOXgsO56e89CtXKkFFK5_rVAOqrmxJLc2FlJV4TVJ12Ltzu_u5X0bMjgh4RRSYsITwFFawkSAPR2pb/s400/Klik+Tool+gambar.png" width="400" /></a></div>
    Keterangan :
    Kode yang berwarna BIRU adalah ukuran tinggi gambar sedangkan Kode yang berwarna MERAH adalah ukuran lebar gambar

  16. Copy Kode Tersebut dan Letakan Di Notepad
  17. Proses Mendapatkan kode selesai sekarang Tinggal memasang kehalaman Blog
Langkah Ke 2 : Memasang Kehalaman Blog
  1. Pada bagian Dashbord blog pilih Tata Letak
  2. Menu Tata Letak
  3. Klik pada Add a gadget atau Tambah Gadget
  4. Add A gadget
  5. Pilih Widget HTML Java/Script
  6. Widget Html/JavaScript
  7. Ambil kode yang sudah kamu paste di Notepad tadi masukan ke kolom Widget HTML/Java Script.
  8. Paste Kode di Widget HTML/JavaScript
  9. Klik Simpan
  10. Selesai dan Lihat Hasilnya
Nah Itu diagan cara termudah untuk memasang Gambar atau Foto ataupun logo kehalaman blog kamu sendiri. Cara itu sudah master Chef buat sedetail mungkin jadi semoga bisa dipahami dan bisa bermanfaat

Friday, November 23, 2012

Koleksi Stiker Atau Logo Anti Copy Paste

Koleksi Stiker Atau Logo Anti Copy Paste - Gak ada kegiatan dan punya banyak waktu tapi malas banget pengen buat PrintScrint gambar tutorial, gak sengaja iseng-iseng Googling di Search image Google ketemu stiker atau logo seruan Anti Copas Nah Master Chef kumpulin saja tu Stiker. Setelah dikumpulkan dalam satu folder kepikiran lagi, buat apa dikumpulkan tidak ada manfaatnya saja biat ada fungsinya Master Chef share aja disini barangkali sobat blog Dapur Tutorial Blogspot Dan Seo.

Buat sobat blogger Dapur Tutorial Blogspot Dan Seo ada yang tertarik mungkin dengan salah satu dari beberapa stiker yang berisi seruan dilarang Copas silahkan download sebagai koleksi atau mungkin ingin dipasang diahalaman blognya.

Berikut Stiker atau logo seruan jangan Copy Paste

Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste Logo Jangan Copy Paste

Itu dia hasil Share mengenai Koleksi Stiker Atau Logo Anti Copy Paste dari Master Chef semoga saja bisa bermanfaat.