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

Cara membuat forum di blogger | Talki forum

Cara membuat forum di blogger | Talki forum

cara memasang komentar terbaru disqus di blogger

cara memasang komentar terbaru disqus di blogger

langkah langkah membuat blog dari awal sampai akhir

Langkah-langkah membuat blog dari awal sampai akhir

3 kriteria penulis blogger

3 kriteria penulis blogger

favicon generator untuk bloger

favicon generator untuk bloger

Berbagi ilmu di blogger mendatangkaan pahala

Berbagi ilmu di blogger mendatangkaan pahala

Ilmu blogger , banyak sekali para blogger untuk mencari ilmu entah di blogger master, ataupun blogger baru yang memberikan ilmu yang bermanfaat, karena banyak sekali media sosial dan situs website yang memberikan penglaman dan Tutorial cara blogger, tidak di pungkiri blogger tersebut bisa memberikan efek yang sangat banyak sekali.

Dalam postingan kali ini saya akan memberikan sedikit pencerahan utnuk anda yang sering menulis artikel pendek kurang dari 50 kata atau 300 kata, sering kali saya menuliskan tutorial blogger entah itu google adsense ataupun blogger itu sendiri seperti contoh 

adsense iklan konten sesuai | Matched Content

 Artikel seperti contoh di atas adalah ilmu blogger yang harus kita ketahui terutama periklanan google adsene, Karena tujuan dari penulisan tersebut sangatlah banyak di antaranya seperti di bawah ini :

1. Bisa memberikan informasi yang di cari para pengguna google adsense.
2. membantu para blogger memecahkan permasalahan yang di cari.
3. membuat informasi yang dicari para blogger.
4. mendatangkan pahala , karena sudah membantu para blogger.

gambar by tutortatut.com

Mungkin berbagi Artikel blogger bukan hanya ada di blogger tutortatut itu sendiri masih banyak blogger yang lebih berpengalaman, kalian pasti beranggapan penulis dan pemilik blogger ini hanya mencari rezeki dan juga Ketenaran master seorang blogger, " semua itu salah " saya sendiri seorang penulis di blogger ini bukan hanya itu kita cari yaitu pahala, karena ilmu yang bermanfaat aalah ilmu yang kita berikan dan di amalkan kepada oranglain yang sangat membutuhkan. Termasuk blogger salahsatu ini Belajar ilmu blogger.

gambar by google.com

Menulis artikel untuk kita berikan kepada pembaca sangat lah banyak, subersumbernya, jadi apakah kalian akan memperhitungkan pusing, atau malas ngeblog, pahala yang di dapat sangatlah banyak, dan tidak akan ada habisnya bayangkan saja seperti di bawah ini : 

Tutortatut memberikan artikel tutorial >>>> si pembaca menulisnya kembali dan di buatlah artikel referensi>> dan di share lagi kepada pembaca lainya, otomatis pahala yang di dapat sangatlah memberikan efek yang sangat besar, 

Jika kita merancang blogger untuk, memberikan panduan blogger apalagi tutorial sangat di butuhkan bagi pembaca, rancanglah blogger sesuai aturan yang ada sebagai contoh kita membuat blogger hanya untuk curhat dan bercerita kenapa sangat sulit untuk berkembang ?

Penjelasan !

• Pembaca blogger tidak akan nyaman jika blogger yang anda tuliskan curhat unek unek, karena itu menyangkut masalah pribadi , bukan informasi yang di dapat si pembaca malah bloggerkita di abaikan hanya sesaat ( jadi buatlah naa blogger yang berarti informasi )

• Menulis artikel terlalu pendek dan tidak timbul informasi yang di dapat, buatlah sesuai Keyword yang baik sumber pembaca agar mendapatkan bekal untuk pulang setelah mengunjungi blogger kita

• 5 detik penentuan pengunjung saat mengunjungi blogger anda butuh bukti?? sebagai contoh :

"blogger 1"

gambar by google.com

"Blogger 2"

gambar by google.com

Jika anda lebih memahami ilmu blogger , panduan blogger , tentusaja mengerti apa maksud yang saya tunjukan sebagai contoh di atas, blogger pertama dan kedua, secara 5 detik anda melihat gambar judul bloggernya, lebih paham gambar 1 atau 2 ?....jika anda paham komentarlah di artikel ini, mungkin memberi nama blogger memang haruslah unik dan juga mudah di cerna saat pengunjung melihat dan membaca di situs anda,Berbagi ilmu blogger sangat bermanfaat danjuga bisa mendapatkan pahala yang sanagt banyak. 

Trimakasih telah membaca artikel tutortatut semoga bermanfaat dan dapat menjadi acuan sebagai blogger dan juga pembaca, saran dan tanggapan anda silahkan kirim di from kami trimakasih salam blogger..

Penulis +Tini Pangastuti 

Cara verifikasi google bisnisku

Cara verifikasi google bisnis ku

5 masalah saat membangun blogger

5 masalah saat membangun blogger

cara merancang blogger

cara merancang blogger

5 keluhan saat bermain blogger di depan Laptop

5 keluhan saat bermain blogger di depan Laptop

apakah blogger anda bisa terkena AGC | simak cara mengeceknya

apakah blogger anda bisa terkena AGC | simak cara mengeceknya

Tips agar semangat ngeblog

Tips agar semangat ngeblog

membuat nama bloggger unik

membuat nama bloggger unik

cara membuat contact from dari google docs

cara membuat contact from dari google docs