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.