Footer Widget #2
Widget
Cara Memasang Tanda Tangan Di Blog Step 1
23.55
Cara Memasang Tanda Tangan Di Blog - Setelah tadi siang Master Chef Share tetang Cara Menyembunyikan Judul atau Title Blog, Master Chef datang kembali dengan membawa resep yang cukup populer dikalangan blogger. Sesuai dengan judul blog Master Chef kali ini, kita akan mempelajari resep Cara Memasang Tanda Tangan Di Halaman Blog kamu. Cukup panjang dan lebar emang caranya tapi gak masalah Master Chef akan menjelaskan resepnya dengan lengkap namun bertahap. didalam Step 1 ini kita akan membuat tanda tangannya dan mendapatkan URL Beserta gambarnya.
Karena pada step 1 ada 10 tahapan dalam membuat tanda tangan untuk blog kamu, tidak usah banyak cerita langsung saja kita bahas Cara Memasang Tanda Tangan Di Blog.
Continue---> Cara Memasang Tanda Tangan Di Blog Step 2
Karena pada step 1 ada 10 tahapan dalam membuat tanda tangan untuk blog kamu, tidak usah banyak cerita langsung saja kita bahas Cara Memasang Tanda Tangan Di Blog.
- Kunjungi situs http://mylivesignature.com dan kamu akan menjumpai halaman kurang lebih seperti ini
- Klik pada tombol bertuliskan Proceed untuk membuat tanda tanda tangan tanpa perlu registrasi.
- Setelah itu, klik tulisan Using the signature creation wizard.
- Silahkan masukkan nama sobat di kotak yang di sediakan dan klik Next Step
- Pilih jenis huruf yang di inginkan dan klik Next Step.
- Setelah itu, tentuhkan ukuran tanda tangan yang di inginkan dan klik next step.
- Kemudian sobat akan melihat tampilan seperti berikut yang bertanda bahwa tanda tangan sobat akan segera jadi. Pilih warna background dan warna tanda tangan yang di inginkan.
- Atur kemiringan ( slope ) teks dan klik Next Step
- Nah sekarang tanda tangan online kamu sudah berhasil dibuat.
- Untuk Mendapatkan Url Gambar Klik Kanan kemudian Copy Link Location dan untuk mendapatkan gambarnya Klik kanan Save as Image
- Selesai
NB:
Untuk warna background direkomendasikan menggunakan background ( latar ) transparan agar nantinya cocok dengan semua warna.
Continue---> Cara Memasang Tanda Tangan Di Blog Step 2
Cara Menyembunyikan Judul Atau Title Blog - 2 Hari yang lalu Master Chef membuatkan blog dan memodifikasi sedikit tampilah headernya. nah disini Master Chef mmengalami sedikit kesulitan untuk meletakan background blog di Header karena terhalang oleh judul atau Title blog. Master Chef coba memasang background tanpa Edit HTML yaitu menggunakan fasilitas bawaan blogger. judul bisa diatasi tetapi Backgroundnya tidak bisa menyesuaikan dengan header blog yang sudah Master Chef Modifikasi.
Solusi satu-satunya yaitu mengganti gambar header blog melalui Edit HTML dan menghilangkah Judul Blog tersebut. Nah buat sobat blogger Dapur Tutorial Blogspot Dan Seo yang mengalami kasus serupa bisa menggunakan metode ini yaitu menyembunyikan atau menghilangkan Title blog. Berikut Cara Menyembunyikan Judul Blog.
Solusi satu-satunya yaitu mengganti gambar header blog melalui Edit HTML dan menghilangkah Judul Blog tersebut. Nah buat sobat blogger Dapur Tutorial Blogspot Dan Seo yang mengalami kasus serupa bisa menggunakan metode ini yaitu menyembunyikan atau menghilangkan Title blog. Berikut Cara Menyembunyikan Judul Blog.
- Masuk ke akun Blogger Masing Masih
- Dari halaman Dasbord blog kamu Pilih Template untuk mengakses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
- Jangan Lupa untuk Download Templete Lengkap Terlebih Dahulu untuk antisipasi kesalahan saat Edit HTML. ( Baca : Cara Back-Up dan Upload template Blogger)
- Beri tanda centang pada Expand Widget Template.
- Kemudian cari script berikut "header h1" seperti dibawah ini :
- Jika sudah ketemu kamu akan menemukan susunan kode biasanya kurang lebih seperti dibawah ini.
- Kemudian tambahkan kode berikut ini " visibility:hidden; " (tanpa tanda petik) Sehingga susunannya menjadi seperti ini
- Kalau sudah sekaran klik Simpan Template
- Selesai dan Lihat Hasilnya.
#header h1 { margin:50; padding:5px 0 0 10px; font-size: 100%; font-weight:bold; line-height: 1.2em; letter-spacing:.0em; font-style:italic; color:#FFFFFF; }
#header h1 { margin:50; padding:5px 0 0 10px; font-size: 100%; font-weight:bold; line-height: 1.2em; letter-spacing:.0em; font-style:italic; color:#FFFFFF; visibility:hidden; }
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 :
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 :
- Tetap seperti biasanya, kamu harus login dulu ke halam blogger kamu
- Jika sudah akses halaman Edit HTML ( Baca : Cara Mengakses Halaman Edit HTML Blogspot)
- Jangan lupa untuk Download Lengkap Template Kamu terlebih dahulu. Yang belum paham Caranya ( Baca : Cara Back-up dan Upload template lengkap Blogspot)
- 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)
- Jika sudah menemukan kode diatas,, Hapus kode tersebut dan ganti dengan kode berikut :
- Sekarang Klik Simpan Template
- Selesai
<b:if cond='data:blog.url == "http://Alamat-Blogkamu.blogspot.com/"'>
<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 == "item"'>
<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>
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.
Lasung saja kita bahas Resep Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog.
Lasung saja kita bahas Resep Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog.
- Login kehalaman blog
- Dari dashbord blog pilih Tata Letak atau Layout
- Klik Add a Gadget atau Tambah Gadget
- Pilih widget HTML/JavaScript
- Copy kode berikut dan letakan dalam Widget HTML/JavaScript
- Jika sudah Klik Simpan
- Selesai dan lihat hasilnya
<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>
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 :
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 :
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 :
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 :
- Silahkan masing-masing login kehalaman blog
- Jika semua sudah masuk ke akun blog masing-masing, sekarang Akses halaman Edit HTML Blogspot (Baca Cara Masuk Kehalaman Edit HTML Blogspot)
- Jangan lupa juga untuk download template lengkap untuk antisipasi kesalahan dalam edit HTML ( Baca : Cara Back-Up dan Upload Template Blog)
- Jika sudah masuk hlaman Edit HTML cari kode ]]></b:skin> ( Gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode )
- Jika kode sudah ditemukan Copy kode dibawah dan letakan diatas kode ]]></b:skin>
- Kode yang berwana Biru merupakan keterangan dari kode yang bisa kamu rubah untuk penyesuaian dengan halaman blog kamu
- Sekarang Klik Simpan template
- Ok Langkah selanjutnya, Kembali ke dashbord blog kamu pilih "Tata Letak atau Layout"
- Klik Add a Gadget atau Tabah a Gadget
- Tunggu bebera saat akan muncul tampilan seperti dibawah, kemudian pilih Widget HTML/JavaScript
- Copy Kode Berikut dan letakan kedalam kolom Widget HTML/JavaScript
- Code yang berwarna biru diatas adalah lebar dan tinggi tabview yang bisa kamu sesuaikan.
- Code yang berwarna Merah adalah text judul dari menu tabel (tab 1, tab 2, tab 3 ....)
- Code yang berwarna Pink diatas adalah halaman dari tabel yang bisa kamu pasangi code-code gagdet, gambar atau link.
- Klik Simpan
- Selesai dan Lihat hasilnya
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;
}
<form action="tabview.html" method="get">Keterangan :
<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>
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.
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 :
Untuk posting artikel beserta video sebenarnya sama saja dengan cara posting artikel beserta Gambar . berikut caranya untuk menampilkan kehalaman blog.
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 :
- Silahkan Login dan Buat Entri Baru di Blog kamu
- Jika sudah Tulis artikel yang ingin kamu post
- Untuk Mengisi gambar dihalaman blog kamu klik pada Tool "Inset Image" seperti yang terlihat pada gambar berikut :
- Tunggu beberapa saat akan tampil halaman seperti dibawah, kemudian klik pada tombol "Choose Files"
- Silahkan pilih gambar yang ingin di Upload jika sudah Klik Open
- Kemudian klik Upload dan tunggu sampai proses Upload selesai
- Jika Proses Upload selesai Klik pada Tombol Add Selected
- Selesai dan lihat hasilnya
Untuk posting artikel beserta video sebenarnya sama saja dengan cara posting artikel beserta Gambar . berikut caranya untuk menampilkan kehalaman blog.
- Buat Entri baru jika ingin memasang Video dalam postingan kamu buka halaman postingan tersebut
- perhatikan tool yang ada diatas halaman Entri postingan blog kamu, Klik pada Insert a Video seperti terlihat pada gambar
- Tunggu beberapa saat akan tampil halaman seperti ini, klik pada Tombol Choose a Video To Upload
- Pilih Video yang ingin diupload Jika sudah klik Open
- Klik Tombol Upload dan tunggu sampai proses selesai
- Jika sudah klik pada tombol Add Selected
- Selesai dan lihat hasilnya
- Sobat juga bisa mengambil video dari Youtube dan memasukannya kehalaman blog kamu.
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 :
- Login kehalaman blogger sobat masing-masing
- Dari dashbord blog kamu pilih Tata Letak atau Layout
- Klik Add a Gadget atau Tambah Gadget
- Akan muncul halaman seperti berikut, Pilih widget HTML/JavaScript
- Copas kode berikut dan letakan dalam kolom Widget HTML/JavaScript
- Klik Simpan
- Selesai dan lihat hasilnya
<div align="center">
<embed allowscriptaccess="sameDomain" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true&gig_lt=1248336103578&gig_pt=1248336182359&gig_g=1&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&__view=expanded" swliveconnect="true" type="application/x-shockwave-flash" width="200" wmode="transparent"></embed> </div>
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 :
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:
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:
- Silahkan Login Kehalaman Blog kamu
- Dari dashbord blog kamu pilih Tata Letak atau Layout
- Klik Add a Gadget atau Tambah Gadget
- Pilih Widget HTML/JavaScript
- Copy kode dibawah dan letakan didalam kolom HTML/JavaScript yang tadi kamu pilih
- Klik Simpan
- Selesai dan Lihat Hasilnya
<!-- 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;">
Demikian Cara Memasang Widget Follower Twitter Box Di Blog. semoga resep yang sudah Master Chef Share bisa bermanfaat. Selamat Mencoba dan Semoga Berhasil.
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 :
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 :
- Silahkan Login Kehalam Blog masing-masing
- Masuk kehalaman Edit HTML (Baca Caranya Masuk Kehalaman Edit HTML)
- Back Up Template kamu terlebih dahulu untuk antisipasi kesalahan edit HTML (Baca Cara Upload dan Back-Up Template Blog)
- Jangan lupa Centang Expand Widget Templates
- Cari Kode </head> (gunakan tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
- Jika sudah ketemu Copy kode berikut dan letakan diatas kode </head> tersebut.
- 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.
- Ganti Kode yang anda temukan diatas dengan kode berikut ini :
- Tahap terakhir klik Tombol Simpan
- Selesai dan lihat hasilnya.
<script type='text/javascript'>
var thumbnail_mode = "float" ;
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'/>
Kode Ini adalah Kode Untuk Membuat Read More Standar denga Text
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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 != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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>
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
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 :
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
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 :
- Login Kehalaman Blog Masing-masing
- Dari bagian dashbord blog kamu pilih Tata Letak atau Layout
- Jika sudah klik Add a Gadget atau Tambah Gadget
- Pilih Widget HTML//JavaScrip
- Copy Kode dibawah dan letakan kode tersebut kedalam kolom HTML/JavaScript
- Klik Simpan
- Selesai dan lihat hasilnya.
<!-- 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/AVvXsEgMRpsPK6yKsoImSpJN3RxdWjR-YaKqDE7TqrEcevwBOrxPce2g9auXGBTib7ygqH2r8FJtSu8KMvkxS7ZTcipeRSlEKzr-ka8N37yBS5NN8Hg0n1gNAwsFjG5g9o9HwQM-XLAEExVE1tQn/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 -->
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 :
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.
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 :
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.
- Login terlebih dahulu kehalaman blog
- Dari bagian Dashbord blog kamu pilih Template untuk Masuk kehalaman Edit HTML (Baca Cara Masuk ke Halaman Edit HTML)
- Downlad dulu template lengkap blog kamu untuk mengantisivasi kesalahan Edit HTML (Baca Caranya Upload dan Back-Up Template Blog)
- Jangan lupa Centang Expand Template Widget
- Jika sudah cari kode ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
- Setelah kode berhasil ditemukan Copy Kode dibawah ini dan paste diatas kode ]]></b:skin>
- Masih di are Edit HTML, sekarang cari kode </head>
- Copy kode dibawah dan letakan diatas kode </head>
- Setelah itu Klik pada tombol Save Template
- Kembali ke Dashbord blog kamu, Pilih Tata Letak
- Klik Add a Gadget atau Tambah Gadget
- Pilih Widget HTML Java/Script
- Copy Kode Berikut :
- Paste kedalam kolom HTML/JavaScript
- Klik Simpan
- Selesai dan Lihat hasilnya
#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/AVvXsEjNvdv-59XzrGF2jNY7lmBI4PEnkHLcU0MxENVKNwRBZ6oN8qGDK4iM6IvfbGx8x3zovBznxiO5mReikic-bNu8FO9THpCs9RL_NaDi7O5qy0muGWL87G2zrAAwkUDvyt4-zzLHCa2bgfk/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}
<script type='text/javascript'>Keterangan :
//<![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/AVvXsEjL9BI_HgH7FKJ2P302Z1tqW7o0n-YSKd9Hm3jNtfFo685M9Bl-OfQiNE__L3QSAd-MgbaDKf_qKC5sEm-dA0HwsZbr56G6H15B4CbYPRJLUNR3qoP4U0MY2iFvqh8qk8S5W9OVUnQQSgk/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'>◄ Previous</a>";
} else {
showblogfeed += "<span class='noactived previous'>◄ Previous</span>";
}
if(urlnext) {
showblogfeed += "<a href='javascript:navigasifeed(1);' class='next'>Next ►</a>";
} else {
showblogfeed += "<span class='noactived next'>Next ►</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>
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
<div id="terbaru"></div>
<div id="mas-navigasifeed"></div>
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.
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
Tampilan CCTV setelah kamu pasang posisinya akan berada pada suduk kanan atas. kurang lebih seperti pada gambar dibawah ini yang ditunjuk oleh anak panah.
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
- Pastikan kamu sudah login kehalam blog kamu
- Pada bagian Dashbord blog kamu pilih Tata Letak
- Klik pada bagian Add a Gadget atau Tambah gadget
- Pilih Widget HTML/JavaScript
- Copy kode berikut dan Paste dalam kolom HTML/JavaScript yang tadi kamu tambahkan.
- Klik Simpan
- Selesai dan lihat hasilnya
<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/AVvXsEi_6dVMs1HAuMiJ4-MeyWijR-Mmf379tKqDEuXvQejHXEw57dRb-kM9tMQJ7gLVezDcO8kTd26Oy_1pNA5uSBUQtNJLMshsLEi-KvMnTPT0kkp2U11A_RmuYhZoyB5LbHlSPQ7ryZVX8yM/s1600/cctv.gif")</script>
Demikian Tutorial Blog mengenai Cara Memasang Kamera CCTV Di Sudut Kanan Atas Blog. semoga saja bisa bermanfaat.
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:
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:
- Pada bagian dashbord blog kamu Pilih Template
- Download lengkap template kamu terlebih dahulu untuk mengantisipasi kesalahan dalam Edit HTML
- Klik pada tombol Edit HTML
- Klik Pada Tombol Lanjutkan atau Proses
- Jangan Lupa Centang Expand Template Widget
- Sekarang Cari Kode <head> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian kode)
- Jika sudah ketemu Copy kode dibawah dan letakan sesudah kode <head>
- Sekarang Klik Simpan Template
- Selesai
<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>
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 - 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 :
Lankah 1 : Mendapatkan Kode Gambar Untuk Dipasang dihalam blog :
- Siapkan foto yang ingin Sobat pasang di Blog
- Sudah dapat Fotonya Buka halaman Entri Baru
- Jika sudah akan dibawa kehalam Entri baru seperti berikut dan Pilih bagian Entri HTML
- Klik Pada Tool Inset Image seperti yang ditunjuk oleh Anak panah pada gambar dibawah
- Akan tampil halaman seperti dibawah, klik pada menu "Choose File"
- Pilih Gambar yang tadi sudah anda siapkan untuk dipasang di Blog jika sudah klik Open
- Jika gambar sudah dipilih, lihat gambar no 5 klik pada tombol "Upload File"
- Tunggu beberapa saat sampai proses Upload File selesai
- Jika sudah selesai akan Muncul kode gambar seperti ini
- Copy Kode Tersebut dan Letakan Di Notepad
- Proses Mendapatkan kode selesai sekarang Tinggal memasang kehalaman Blog
<div class="separator" style="clear: both; text-align: center;">Keterangan :
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkHPjOVyyEe8Vyju8DUo-EdKHKgYEsOwM0GPvnJsQ5WKEk8tKBrWVWVCS47tklY0Hae8riVVW7IB4aWC9TNdM7O57LwrUM1ReFBwJ-vBbxnwK1iBg_BIULpJqsSE5LVuuJs6sHts0j1a44/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/AVvXsEgkHPjOVyyEe8Vyju8DUo-EdKHKgYEsOwM0GPvnJsQ5WKEk8tKBrWVWVCS47tklY0Hae8riVVW7IB4aWC9TNdM7O57LwrUM1ReFBwJ-vBbxnwK1iBg_BIULpJqsSE5LVuuJs6sHts0j1a44/s400/Klik+Tool+gambar.png" width="400" /></a></div>
Kode yang berwarna BIRU adalah ukuran tinggi gambar sedangkan Kode yang berwarna MERAH adalah ukuran lebar gambar
Langkah Ke 2 : Memasang Kehalaman Blog
- Pada bagian Dashbord blog pilih Tata Letak
- Klik pada Add a gadget atau Tambah Gadget
- Pilih Widget HTML Java/Script
- Ambil kode yang sudah kamu paste di Notepad tadi masukan ke kolom Widget HTML/Java Script.
- Klik Simpan
- 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
Blogger news
Followers
Berbagi Pembelajaran Berbagai Tips dan Trick penggunaan blogger.
Pejuang Technology. Diberdayakan oleh Blogger.
Popular Posts
-
Cara Membuat Menu Dropdown Horizontal Floating Keren Di Blog - Kenal dengan Menu Dropdown kan ?, Menu Navigasi ini memang banyak digemari o...
-
Topik-Topik Yang Blog Ramai Dengan Pengunjung - Siapa yang tidak ingin blog ramai pengunjung ?, tentunya semua blogger menginginkannya. Sel...
-
Cara Memasang Search Engine Di Blog Dengan Mudah - Search Engine atau Mesin Pencari, pastinya sobat blogger Dapur Tutorial Blogspot dan Seo...
-
Membuat Reply Komentar Di Blog - R eply komen pada blog sangat bermanfaat, adapun salah satu manfaat dengan adanya reply komen pada koment...
-
Cara Memasang Meta Tag Otomatis di Setiap Postingan Blog - Sudah lama banget Master Chef tidak Update Tutorial Seo Blogspot . Kali ini Mate...
-
Cara Mendaftar Atau Membuat Akun Squidoo - Setelah kemaren didalam positingan Master Chef berudul Pengenalan Squidoo untuk Memperoleh Bany...
-
Cara Posting Artikel Beserta Gambar Dan Video - Tutorial Blog Master Chef kali ini berhubungan dengan sobat blogger Dapur Tutorial Blogspot...
-
Cara Memasang Tanda Tangan Di Blog - Setelah tadi siang Master Chef Share tetang Cara Menyembunyikan Judul atau Title Blog, Master Chef dat...
-
Istilah-Istilah Yang Digunakan Dalam Squidoo - Sebelum memulai aktifitas dengan Squidoo hal terpenting yang harus diketahui adalah memahami...
-
Belajar Squidoo Untuk Memperoleh Trafik Di Blog - Selamat malam sobat blogger Dapur Tutorial Blogspot dan Seo. Senang sekali malam ini blog...
About Me
Blog Archive
-
▼
2012
(25)
-
▼
November
(14)
- Cara Memasang Tanda Tangan Di Blog Step 1
- Cara Menyembunyikan Judul Atau Title Blog
- Cara Memasang Meta Tag Otomatis di Setiap Postinga...
- Cara Membuat Tab View Menu Tanpa Edit HTML Di Blog
- Cara Membuat Tab View Menu Di Blog
- Cara Posting Artikel Beserta Gambar Dan Video Di Blog
- Cara Memasang Jam Digital Berlogo Garuda Di Blog
- Cara Memasang Follower Box Twitter Di Blog
- Cara Lengkap Membuat Read More Otomatis Di Blog
- Cara Memasang Like Box Facebook Melayang Di Blog
- Cara Membuat Recent Post Dengan Thumbnail Keren
- Cara Memasang Kamera CCTV Di Sudut Kanan Atas Blog
- Cara Membuat Artikel Kamu Tidak Bisa Di Block
- Cara Memasang Foto,Logo atau Gambar Animasi Di Blog
-
▼
November
(14)
- 2008 - 2009 SimplexDesign. Content in my blog is licensed under a Creative Commons License.
- SimplexPro template designed by Simplex Design.
- Powered by Blogger.com.