Membuat Tombol join This Site Tanpa Foto di blogger

Tutortatut.com-Artikel kali ini akan membahas mengenain Followers atau follow site website yang anda kelola atau blogger, karena kebanyakan para blogger memasang Follower mengeluhkan Loading blogger menjadi berat dan Terganggu padahal Followes Blogger sangatlah pening untuk anda yaang ingin menerapkan SEO di blogger.

gambar By tutortatut.com

Untuk itu saya membuat tutorial bagaimana cara membuat Followers tanpa harus menggunakan Foto dan bisa anda gunakan di salasatu website/Blogger yang anda kelola, Yukk di simak Tutorialnya.

1.Buka blogger yang anda kelola Blogger.com
2.Tambahkan widget HTML Java script.

Ingat !! jika anda menggunakan follower bawaan maka anda Tinggal menambahkan Widget seperti di bawah ini;.

gambar By tutortatut.com

Namun kali ini di Tutorial kita akan membuat Widget Followers tanpa gambar dengan hasil seperti ini.

gambar By tutortatut.com

3.Setelah anda menambahkan HTML java script, pastekan kode HTML di bawah ini.

<a href="http://www.blogger.com/follow-blog.g?blogID=5322302353943256657">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhROtL2SS6TPllc7wJEfZsG4G0rlpfcVyt0dw3b7R-Yb__mbuFlbBCq1D0AYgQyARFiW1RK9Zm-QR8S8Wio-Z2wUyX-fg_TxYxx-8Iq1J1TUsMG2WMBy14QxRD0fl7WdEttNfBFsdtdZrw/s800/Join%2520This%2520Site.png"/></a>

Perhatian!!! Ganti kode Blogger ID dengan Kode blogger anda dengan cara seperti gambar di bawah ini.

gambar By tutortatut.com

Setelah itu klik simpan dan Sev maka anda akan melihat hasilnya, tutorial ini bisa anda terapkan di blogger anda, dan jangan lupa follow Blogger tutortatut ini komentar dan saran anda sangat membantu kami untuk mengembangkan dan memajukan bloger ini , salam admin@blogger

membuat Subscribe via Email dengan tampilan Css

Tutortatut.com- Blogger sangat luas, wawasan dan informasi tidak cukup hanya di situ-situ saja sebab jika anda memahami blogger Tanpa mengetahui informasi yang banyak tentang persoalan blogger mungkin Blogger anda akan tertinggal jauh. bahkan akhir akhir ini memodifikasi Template blogger cukup beragam.

Gambar by tutortatut.com

Artikel Kali ini saya akan membahas mengenai subscribe atau follow Tempat seeseorang pengunjung memfollow blogger anda, dengan tampilan menarik mungkin banyak pengunjung yang terkesan dan ingin memiliki bagaimana cara membuat follower by feed Rss, Baca Terus Tutorialnya :

Artikel Menarik Lainya :

• Cara Browsing di google chrome Tanpa kuota
• Cara membuat Tools Kode warna
• Apakah Blogger anda bisa Terkena AGC ?
• Cara memperbesar Suara Laptop
• Cara merancang blogger

Persiapan membuat Subscribe via Email dengan tampilan Css

1.Buka blogger anda atau bisa masuk ke Blogger.com
2.Masuk ke menu Tataletak dan membuat Widget Baru :
3.Copy Pastekan dan letakan Kode HTML berikut dengan widget baru yang bermodekan HTML

<style>
.hl-email{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgws2RvB3DdxT6bY_KucKYlAoGyhQzZKRTEcv0LfLiArPY8ZBGj00YTbAQ7DxzquoIFJWTuET85aPxNef4m7xczO5Msm09oUNIPIaDfa1eP-w4szhEby5AcIPssAzCxN_r-_TrwOrnkO14/s1600/mail.png) no-repeat 0px 12px ;
width:300px;
padding:10px 0 0 55px;
float:left;
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
color:#686B6C;
}
.hl-emailsubmit{
background:#9B9895;
cursor:pointer;
color:#fff;
border:none;
padding:3px;
text-shadow:0 -1px 1px rgba(0,0,0,0.25);
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:12px sans-serif;
}
.hl-emailsubmit:hover{
background:#E98313;
}
.textarea{
padding:2px;
margin:6px 2px 6px 2px;
background:#f9f9f9;
border:1px solid #ccc;
resize:none;
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;
width:180px;
color:#666;}
</style>
<div class="hl-email">
Subscribe via Email <form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tutortatut/VIib', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here&quot;;}" onfocus="if (this.value == &quot;Enter email address here&quot;) {this.value = &quot;&quot;;}" value="Enter email address here" type="text" />
<input type="hidden" value="tutortatut/VIib" name="uri"/><input type="hidden" name="loc" value="en_US"/>
<input class="hl-emailsubmit" value="Submit" type="submit" />
</form>
</div>

4.Ganti alamat yang Feed yang telah kami beri tanda Coret dengan alamat Feed bunder kalian , dan klik simpan , lihat hasil yang telah anda buat, jika anda bingung pergunakan Tools HTML dengan mempastenya di halaman Live editor Html seperti gambar di bawah ini :

Gambar by tutortatut.com

Editlah di dalam mode Tools HTML maka anda akan melihat hasil yang nampak dengan alamat situs  ToolsHTML.blogspot.com, dengan mudah anda bisa mengedit dan menyesuaikan tanpa rasa takut kesalahan , Mungkin artikel kali ini cukup sekian jangan lupa Foolow dan Kunjungi terus tutortatut , salam +Blogger

membuat Tools Kode warna di Blogger

Tutortatut.com- Artikel  kali ini akan membahas mengenai Tools kode warna apasih yang di sebut tools kode warna ? dan apa kegunaanya.

gambar by tutortatut.com

Kode warna adalah salahsatu kode yang bisa di gunakan untuk pembangunan website ataupun blogger dengan mencari kode yang bisa anda gunakan untuk menampilkan warna HTML seperti contoh #000000 mungkin kode tersebut jika di tampilkan dalam sebuah kode akan menjadi warna HITAM atau black, jika anda kebingungan untuk mencari kode warna bisa di dapatkan dengan Contoh demo di bawah ini :

Demo kode Warna

Dalam artikel kali ini saya akan memberikan Tutorial pembuatan Tools kode warnadengan cara Sedehana ini dalam pembuatanya, mungkin kebanyakan para developer blogger atau website sering mengunjungi tools yang di cari di search google , namun Tutorial ini bisa sedikit membantu cara membuatnya.

1. Buka blogger anda ( blogger.com)
2. masuk ke laman dan pilih mode HTML seperti gambar di bawah ini :

gambar by tutortatut.com

3 Setelah anda merubah ke mode HTML silahkan anda pastekan Kode HTML di bawah ini : dan        perhatikan dengan benar bahwa HTML tercopy FULL :

<div class="color-code">
<div class="color-responsive">
<div style="text-align: center;">
<div style="text-align: center;">
<object data="http://www.2createawebsite.com/build/color.swf" height="420" width="420"></object>
</div>
</div>
</div>
</div>
<div class="color-code">
<div class="color-responsive">
<div style="text-align: center;">
<object data="http://www.2createawebsite.com/build/col.swf" height="420" width="420"></object>
</div>
</div>
</div>
<div id="wct_powered_by">
<div style="text-align: center;">
<b><span style="color: purple;">Powered by ♥ <a href="http://toolshtml.blogspot.co.id/" target="_blank">TooolsHtml</a></span></b></div>
</div>

Baca juga Artikel Seru lainya :  

• Cara membuat Tools parse HTML di blogger
• Apa iitu guiding Block
• Cara edit Template dengan Live HTML
• 5 aplikasi Android penghasil Pulsa terbaik. 
• Cara hosting file CSS dan java Melalui Github
• Cara mengaktifkan adsense penelusuran
• Kegunaan Robots Txt dalam blogger | penting untuk SEO

gambar by tutortatut.com

Setelah anda pastekan Sev Laman yang anda buat dan lihat hasilnya mungkin akan memberikan paduan kode HTML dengan dua Kolom yang bisa anda gunakan dan yang terpenting bisa bekerja dengan benar dan di gunakan untuk anda ataupun pengguna blogger lainya. sekian artikel yang saya buat semoga bermanfaat jangan lupa komentar dan follow web kami ini Tanks salam @blogger.

Cara membuat Tools Parse di blogger

Tutortatut.com- hallo Artikel kali ini akan membahas bagaimana memasang parse html di dalam blogger, biasanya parse ini sering di gunakan untuk Iklan Adsense.

Penjelasan parse : 

Parse kode HTML adalah teknik mengubah atau mengurai kode-kode html menjadi sebuah kode unik yang tidak bisa dieksekusi oleh browser atau hanya sebagai teks biasa, dalam proses parse tidak semua kode akan dirubah tapi hanya beberapa tanda atau kode yang dirubah.

Nah jadi parse adalah tool yang sebenarnya di gunakan untuk mengurai bukan merubah keseluruhan kode iklan atau HTML, biasanya bisa anda pergunakan untuk menambahkan kode HTML di dalam Template atau Website blogger yang ingin menambahkan kode iklan di dalam Artikel post.

Contoh Demo Parse HTML

gambar by tutortatut.com

parse tools sering kali di gunakan para blogger untuk memparse kode HTML iklan google adsense agar tampil di dalam postingan , banyak sekali kegunaan ini untuk anda terapkan di dalam blogger, apa saja kah keuntungan menggunakan parse HTML ?

• Iklan yang Tidak bisa tayang di dalam Post Blogger akan menjadi tayang jika anda parse kode iklanya dengan benar
• Memperingan kode HTML karena perubahan kode yang di rubah secara otomatis menggunakan Tools tersebut
• Tidak mengganggu kinerja Template anda

Cara memasang parse Html di dalam Blog anda agar tools ini bisa tampil di dalam blogger cukup mudah simak Tutorialnya di bawah ini :

1. Masuk ke dalam blogger anda Blogger.com
2. Buat laman dan merubahnya ke Mode HTML | Bukan di laman Tulis Artikel!
3. Pastekan Kode HTML di bawah ini dan Lihat hasilnya

<br />
<table style="margin: 0 auto;"><tbody>
<tr> <td><textarea id="somewhere" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 1px solid rgb(204, 204, 204); height: 300px; width: 595px;"></textarea><br />
<input onclick="convert();" style="padding: 5px;" type="button" value="Parse Script" /></td> </tr>
</tbody></table>
<b><span style="color: purple;">&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></b>
<br />
<div id="wct_powered_by">
<div style="text-align: right;">
<div style="text-align: center;">
<b><span style="color: purple;">Powered by ♥ <a href="http://tutortatut.com/" target="_blank">Tools Tutortatut</a></span></b></div>
</div>
</div>
<br />
<br />

Baca juga artikel lainya :

• Apa itu guidingblock
• Cara mendapatkan adsense iklan Konten sesuai
• Cara mengakifkan adsense penelusuran google search
• Lebih baik Upgread atau mengajukan Adsense langsung?

Jika sudah anda lakukan penyimpanan silahkan anda sev dan lihat hasil yang sudah di terapkan dalam laman blogger anda, editlah sesuai kebutuhan yang anda akan gunakan , janganlupa follow dan komentar di blogger ini salam admin

Edit HTML dengan Live editor

Tutortatut.com-Halo gayss kali ini saya akan membahas meengenai editor HTML , Kegunaan dan kelebihan Tools ini sangat bermanfaaat jika anda seorang blogger dan programer, untuk mempermudah Editor, tapa harus bolak-balik menggunakan Server Ofline di Computer Atau Htdocs dan Hosting melalui c-panel, Mungkin kelebihan ini bisa anda dapatkan dengan Tools HTML.

Gambar by tutortatut.com

Tools sering di libatkan untuk mempermudah para programer Developer, karena keterbatasan kemampuan untuk bisa Edit atau Play Template dan juga Selain itu untuk bisa menampilkan suatu
tampilan seperti yang ada di gambar bawah ini :

Gambar by Tutortatut.com

Baca Juga Artikel Seru Lainya :

• 5 aplikasi penghasil pulsa
• Cara Hosting File CSS
• 5 alasan kamu membeli Hp china
• Anda generasi 90-an coba baca ini
• Whatsapp Tanpa kuota di android

Jika anda perhatikan tools tersebut menampilkan gambar dan juga Kegunaan yang kita tulis berupa HTML , dan mempastekannya di halaman tersebut, jika kalian sering menggunakan Widget dalam blogger dan juga Kode yang di Terapkan, maka bisa membantu keluhan seperti Kesalahan ataupun kekurangan kode HTML dengan meihat Live di halaman editor jika anda ingin mencobanya silahkan menggunakan Tools Tersebut dalam situs Blogger.

Sekian artikel yang kami berikan semoga bermanfaat salam @ blogger

Membuat Disclainmer Blog bahasa indonesia

Membuat Disclainmer Blog bahasa indonesia