Cara Membuat Kotak Email Berlangganan Blogger

Iyan-Blog.com | Cara Membuat Kotak Email Berlangganan Blogger ~ Pertama-tama saya ingin mngucapkan Selamat Hari Raya Idul Adha 1435 H kepada seluruh umat islam yang ada di dunia. kali ini saya akan memmbagikan cara membuat kotak email berlangganan pada blogger, widget email berlangganan ditujukan kepada para blogger agar mereka mampu menjaring banyak pengunjung blog lewat email. Jadi, setiap ada artikel baru yang diterbitkan diblog tersebut maka pelanggan akan secara otomatis mendapatkan kiriman update lewat email. bagaimana cara membuatnya, silahkan ikuti tutorial ini dengan teliti:

1. Login ke akun blogger

2. masuk ke halaman tata letak

3.  klik "Tambahkan Widget" >> HTML/JavaScript

4. lalu masukkan kode dibawah ini 

<style type='text/css' scoped>
#subscribe-box {width: 300px;height: auto;background-color: #333;padding-bottom:10px;margin:0 auto}
#subscribe-box p {font-size: 14px;color:#fff;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;}
#subscribe-box .emailfield {padding: 0px 20px 10px;}
#subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-size: 14px;width: 92%;border:0;border-radius: 2px;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!important;border:none;outline: none;width: 100%;cursor:pointer;border-radius: 2px;}
#subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom: 9px;}
#subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}
</style>
<div id='subscribe-box'>
                 <p>Sign up here with your email address to receive updates from this blog in your inbox.</p>
             <div class='emailfield'>
              <form action='https://feedburner.google.com/fb/a/mailverify?uri=iyan-blog/Hkbw' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=iyan-blog/Hkbw&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
               <input type='text' name='name' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Name&quot;;}' onfocus='if (this.value == &quot;Your Name&quot;) {this.value = &quot;&quot;;}' value='Your Name'/>
               <input type='text' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Your Email&quot;;}' onfocus='if (this.value == &quot;Your Email&quot;) {this.value = &quot;&quot;;}' value='Your Email'/>
<input name='uri' type='hidden' value='nama blog ente'>
<input name='loc' type='hidden' value='en_US'/>
                <input class='submitbutton' type='submit' value='Subscribe Now!'/>

              </form>
             </div>
</div><script id="_waubbh">var _wau = _wau || []; _wau.push(["small", "nomarzezoh6z", "bbh"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

• Ubah kata yang berwarna merah dengan Username RSS/Feedburner anda

•  Ubah Kata yang berwarna kuning dengan nama blog anda 

 5. Lalu klik simpan
6. .::selesai::.

Terima kasih telah membaca. jangan lupa untuk share, like , dan komen postingan ini.

Alasan Mengapa Harus Menjadi Blogger

www.iyan-blog.com | Alasan Mengapa Harus Menjadi Blogger ~ Kembali lagi di iyan-blog.com, banyak orang bertanya kenapa harus menjadi blogger, dan kali ini saya akan menjelaskan mengapa harus menjadi blogger. langsung saja berikut alasan-alasannya:

Sumber Gambar : Google.co.id

Menyalurkan Hobi

saat kita menjadi blogger, kita bisa menyalurkan hobi-hobi kita. hobi tersebut bisa termasuk hobi menulis, hobi bisnis, hobi mendesign blog, dan lain sebagainya.

Mengisi Waktu Luang

yup, kali ini ditujukan kepada anda yang tidak ada kerjaan di rumah. daripada gak ada kerjaan nonton TV, mending ngeblog [itu juga kalo ada quota]. banyak manfaat dari ngeblog salah satunya mendapatkan uang.

Mendapat Penghasilan

seperti yang saya ketik diatas, ngeblog bisa menghasilkan uang. tentunya dengan jeri payah dan kerja keras. menghasilkan lewat blog banyak cara, menjadi publisher iklan atau menawarkan jasa blog.

Berbagi Ilmu dan Pengalaman

Maksudnya adalah lewat ngeblog kita bisa berinteraksi antar blogger lainnya dan bisa berbagi ilmu serta pengalaman

Membuat Sidebar Multi Tab Ala Minima Colored

www.iyan-blog.com | Membuat Sidebar Multi Tab Ala Minima Colored ~ Kembali kali ini saya akan membagikan tutorial Caranya Membuat Sidebar Multi Tab Ala Minima Colored, setelah sebelumnya membagikan Tips-Trik dan Template Blogger, langsung saja berikut tutorialnya:

ScreenShot :

Sumber : bdk-blogger.blogspot.com

1. Masuk ke blogger

2. Pilih template >> Edit HTML

3. Cari kode ]]></b:skin> atau </style>

4. letakkan kode dibawah ini tepat diatasnya

/* CSS Tabs */
.tabs, .tably {margin:0 0;}
.tabs .tably {padding:0 0;}
.tabs-menu {color:#0f9abb;padding:0 0;margin:0;margin-bottom:0;border:1px solid #e0e0e0;}
.tabs-menu li {margin-bottom:0;margin-top:0;font-size:14px;font-family:'Oswald';font-weight:400;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:0 0;background:transparent;color:#0f9abb;cursor:pointer;position:relative;transition:all 0.1s linear;}
.tabs-menu li:hover {background:#363636;color:#fff;}
.tabs-menu .active-tab {background:#0fa9cd;color:#fff;}
.tabs-menu .active-tab:hover {background:#10b1d7;color:#fff;}
.tabs-menu .active-tab:after {top:100%;left:50%;border:solid transparent;
content: " ";height:0;width:0;position:absolute;pointer-events:none;border-color: rgba(136,183,213,0);border-top-color:#0fa9cd;border-width:8px;margin-left:-8px;}
.tabs-content {padding:10px;background:#f9f9f9;border:1px solid #e0e0e0;border-top:none;margin-bottom:15px;}
.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
.tabs-content .widget li {background:#f9f9f9;color:#666;float:none!important;}
.tabs-content .widget ul {background:#f9f9f9;color:#666;overflow:visible;}
.tabs-content .Label li {background:#f9f9f9;color:#666;float:left;padding:5px;margin-left:3px;text-align:left;width:44%;transition:.3s linear;}

5. Letakkan Script dibawah ini diatas kode </head>

<script type='text/javascript'>
$(function() {
$(&quot;.tabs-1&quot;).mtabs();                                
});
</script>

6. Letakkan script dibawah ini diatas kode </body>

<script type='text/javascript'>
//<![CDATA[
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>

7. lalu letakkan HTML dibawah ini diatas kode <aside id='sidebar-wrapper'> atau <div id='sidebar-wrapper'>

<div class='tabs tabs-1'>
  <b:section class='tably tably-1 section animated fadeIn' id='tably-1' showaddelement='yes'/>
<b:section class='tably tably-2 section animated fadeIn' id='tably-2' showaddelement='yes'/>
<b:section class='tably tably-3 section animated fadeIn' id='tably-3' showaddelement='yes'/>
</div>

8. Simpan Template 
9. Untuk mengatur widgetnya masuk ke halaman tata letak > tambahkan widget
10. .::SELESAI::.

Untuk Demonya ada DISINI

Sekian terimakasih [-.::Jangan Lupa Berkomentar::.-]

Tips Menghilangkan Rasa Bosan Ngeblog

www.iyan-blog.com | Tips Menghilangkan Rasa Bosan Blogging ~ Pada saat ngeblog tentunya ada rasa bosan atau jenuh untuk ngeblog. dan yang kita bahas kali ini adalah tips menghilangkan rasa bosan pada saat ngeblog. berikut ulasannya:

Sumber Gambar : Google

Cari Inspirasi

carilah inspirasi dari para blogger yang sudah sukses. Contohnya kang eka lesmana yang sudah mennghasilkan juta'an rupiah dari ngeblog, dan juga bisa menginspirasi kita sebagai blogger dan kembali bersemangat untuk ngeblog.

Tema Baru

carilah tema/niche blog yang sesuai dan kita kuasai dalam ngeblog agar tidak bingung mau posting apa.

Cari Alasan Saat Pertama Ngeblog

Pada saat pertama kali memasuki dunia blogging tentunya bukan tanpa alasan, ingatlah apa alasan pada saat anda memulai blogging, apakah itu ingin cari $uang atau hanya berbagi ilmu/pengalaman.

Sekian itu saja postingan saya pada kali ini, jika bermanfaat tolong komen dibawah dan like postingan ini :D.

Tips Mendapatkan Ide Postingan Blog

www.iyan-blog.com | Tips Mendapatkan Ide Postingan Blog ~ Postingan merupakan hal terpenting dari sebuah blog, tanpa postingan orang tidak akan mengunjungi blog kita :v. Postingan juga dapat mendatangkan banyak pengunjung dan juga dapat membuat orang tersebut dapat mengunjungi blog kita terus karena postingan :'v. Namun apa daya jika kita tidak mempunyai ide untuk memposting, terpaksa harus mengcopas postingan/artikel dari blog lain, itulah tindakan yang paling dibenci oleh blogger lainnya. Lalu bagaimana kita dapat mendapatkan ide untuk memposting, baca tipsnya disini.

Sumber Gambar : Google.com

Membaca

yup, tentu saja membaca dapat membuat kita mendapatkan ide untuk memposting. Membaca disini dalam artian membaca koran, majalah, buku, dan lain semacamnya. karena hal tersebutlah kita dapat membuat postingan, contohnya saya membaca koran dan ada berita Indonesia berhasil mengalahkan spanyol 2-0, lalu saya membuat postingan dengan judul spanyol berhasil ditaklukan indonesia 2-0 :v.

Menonton TV

Kita juga bisa mendapatkan ide postingan dari Menonton TV (Televisi). Karena di TV banyak terdapat berita, gosip, dll yang bisa membuat kita mendapatkan ide postingan.

Blogwalking

Blogwalking adalah berkunjung ke blog-blog orang lain. dengan blogwalking kita bisa mendapatkan banyak inspirasi untuk membuat postingan.

Sekian postingan saya kali ini, jika kurang berkenan saya mohon maaf.

Alasan Para Blogger Yang Bertahan Ngeblog Sampai Sekarang

www.iyan-blog.com | Alasan Para Blogger Yang Bertahan Ngeblog Sampai Sekarang ~ Selamat pagi/siang/sore/malam :v, Pasti ada orang yang bertanya-tanya kenapa ngeblog terus, gak bosen apa :v ?. dan kali ini saya akan mengungkapkan kenapa para blogger bertahan ngeblog sampai sekarang. Berikut alasannya:

Karena Hobi

Ada beberapa blogger mengungkapkan kenapa dia bertahan ngeblog sampai sekarang karena hobi, tentunya hobi yang dia maksud adalah hobi menulis.

Ingin Berbagi Pengalaman dan Ilmu

ini merupakan alasan yang sangat saya sukai :v, karena mereka rela berbagi pengalaman dan ilmu mereka pada semua orang tanpa imbalan sedikitpun.

Karena $uang$

tidak sedikit blogger yang ngeblog karena ingin berpenghasilan dari blognya. mungkin mereka terinspirasi dari para blogger-blogger yang sudah sukses dari blognya, contohnya mas Eka Lesmana yang sudah berpenghasilan berjuta" dari blog. cara berpenghasilan dari blogger salah satunya adalah memasang iklan PPC di blog dan suruh orang untuk mengkliknya [klik sendiri juga boleh :v], dan anda akan menghasilkan $$ :v. kalau ditanya apa alasan saya, saya ngeblog karena 1. ingin berbagi pengalaman dan ilmu; 2. merambat menjadi hobi; 3. dan menjalar menjadi $uang$ :v [kalo dapet syukur, kalo gak dapet ya sudah :v]

ini hanya beberapa, mungkin ada alasan-alasan lain yang bisa anda tambahkan di kotak komentar. Terima kasih telah membaca jangan lupa untuk menulis komentar, mohon maaf jika postingan kali ini tidak anda sukai :D.

Cara Mudah Mendapatkan Backlink .Gov

www.iyan-blog.com - Cara Mudah Mendapatkan Backlink .Gov ~ Backlink adalah sebuah link yang ditanamkan di website/blog lain dan diarahkan ke website/blog anda.

Source image : the-anarchyta.blogspot.com

Apa Fungsi dari backlink?

Backlink sangat penting untuk menaikkan posisi anda SERP google. Selain itu, backlink juga berfungsi untuk menaikkan pagerank dari blog anda.

Cara mendapatkan backlink

cara mendapatkan backlink sebenarnya cukup mudah, salah satunya adalah berkomentar pada blog-blog dengan link menuju blog anda. dan kali ini saya akan memberikan backlink yang mungkin paling banyak dicari oleh para blogger, yaitu backlink .Gov. Caranya mudah

1. Klik link berikut >> DISINI WOY :v <<

2. setelah itu masukkan link anda di kolom yang telah disediakan

3. lalu klik tombol SUBMIT

4. Tunggu sampai selesai...

Sekian postingan saya, mohon maaf jika postingan kali agak amburegul :v karena udah ngantuk. Terima kasih .::SEMOGA BERMANFAAR::.