Modifikasi Widget Subscrib dan Sosial Media

Beberapa waktu lalu beberapa sahabat blogger bertanya bagaimana caranya membuat widget subscribe, rider, dan sosial media menjadi satu tampilan dalam satu wadah (menjadi satu widget). Sebenarnya ini sudah banyak membuatnya, namun tidak ada salahnya saya menampikan modifikasi widget dari ketiga widget di atas tersebut. Tampilannya akan sederhana, namun fungsinya sangat besar. Disamping itu cara pemasangannya dijamin mudah alias tidak bikin pusing. Baiklah, mari kita bahas cara pasang modifikasi widget subscribe dan sosial media untuk blogspot. Ikuti langkah berikut.
Log in ke blogger
Klik Rancangan
Klik Tambah Gadgetg
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<style>
.subscribeTblogging{border:0px solid #000; padding:8px; width:310px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.subscribeTblogging:hover{-moz-box-shadow:inset 1px 1px 10px 1px rgba(249,215,126,1); -webkit-box-shadow:inset 1px 1px 10px 1px rgba(249,215,126,1); box-shadow:inset 1px 1px 10px 1px rgba(249,215,126,1)}
.tbimailbox{border:1px solid #D3D3D3; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 1px 1px rgba(255,172,84,0.4) inset; -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset; box-shadow:1px 1px 1px 1px rgba(0,0,0,0.4) inset; color:#666; font:14px "trebuchet ms",sans-serif; padding:7px 15px; width:160px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.tbimailbox:hover{-webkit-box-shadow:none; box-shadow:none; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
.Tbloggingsubmit{font:bold 12px Tahoma,Geneva,sans-serif; font-style:normal; color:#fff; background:#ff5714; border:0px solid #fff; text-shadow:0px -1px 1px #222; box-shadow:2px 2px 5px #000; -moz-box-shadow:2px 2px 5px #000; -webkit-box-shadow:2px 2px 5px #000; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; padding:8px 15px; cursor:pointer; margin:0 auto}
.Tbloggingsubmit:active{cursor:pointer; position:relative; top:2px}
.Tbloggingsubmit::-moz-focus-inner{border:0; padding:0; margin:0}
</style>
<br />
<div class="subscribeTblogging">
<div style="color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;">
Free Updates to your Inbox</div>
<div style="margin: 10px 0 0 6px;">
<form action="http://feedburner.google.com/fb/a/mailverify" class="emailform" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=USERNAME_FEEDBURNER', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" style="margin: 0pt;" target="popupwindow">
<input name="uri" type="hidden" value="UDERNAME_FEEDBURNER" />
<input name="loc" type="hidden" value="en_US" />
<input class="tbimailbox" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" type="text" value="Enter your email..." />
<input alt="" class="Tbloggingsubmit" title="" type="submit" value="Subscribe" />
</form>
</div>
<div style="border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;">
Follow us:</div>
<div style="margin: -32px 0 0 120px;">
<a href="http://www.facebook.com/USERNAME" target="_blank" title="Join us on Facebook"><img alt="facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-GtpPdl4PkIXKK-OYTAWlWSoNdUNEWaXGNiQntfEkhFwIT5dK1xOOg2YrCCgZ6UaZ_rENBU0WOr9cw9U9G1nNhPNFX0QyeyIIuEtlogY0LotOWnFub4msMPU3ig_t-_ktJ67ntx7S2GM/s1600/facebook_btrix.png" /></a>
<a href="http://www.twitter.com/USERNAME" rel="nofollow" target="_blank" title="Follow us on Twitter"><img alt="twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzYWby4zx706ufs-VWvQAHVOYO7W-0NGCxo9b8_U1nPTc9ikuAeQsknMKptOqLA32nAkrnhMTvhkVKqj1IRY8kQ9PjMdOFGjdRAGpIYU_66kIBtXMHhR8zryIjvYl_tHulc9wJKn9Aq58/s1600/twitter_btrix.png" /></a>
<a href="https://plus.google.com/ID_GOOGLE PLUS" rel="nofollow" target="_blank" title="Follow us on Google+"><img alt="gplus" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyu81DeDmkN1um7mwv2Z5ST3itPYLUaYU36IGH1itLNsdOBEAt_N_V-Lh_dZU-VGZwP6q_eaLVB_p5R_hClD1JJCq7Cd2cVy2Tq3NMjkd1N7QBQAmHpE40h5VXk9Z3NK2vZkraz4evIOs/s1600/googleplus_btrix.png" /></a>
<a href="http://www.pinterest.com/USERNAME" rel="nofollow" target="_blank" title="Follow us on Pinterest"><img alt="pinterest" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiX-16PEZeY606AXptiJAfiYS_5JQT_dVT3uc4mVElPq9kDKUZWcsywFCaRzUZybNT8Xk2owjMveYfvKjmkufmaHETFC8RK_E59A1B4ANUSxodyouf0xuFSQtJRulqcLh_A3UoSLWZx9Yc/s1600/pinterest_btrix.png" /></a>
<a href="http://feeds2.feedburner.com/USERNAME" rel="nofollow" target="_blank" title="Subscribe to RSS"><img alt="rss" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht-NvHNdksyT7KrjiNh-KYe4yRc5auWnl-VueT3kHML-gVDMZvLkyPRbe5F8pD8EK-3QhUfSdlHFfM2Vc_n-Z3Ht2Q5tEVPH3h1tR7H2RGdeIuBjZCM8uR4Ulzi-9aTSl0ZNjfTkR_FBU/s1600/rss_btrix.png" /></a>
</div>
<div align="center">
<a href="http://feeds.feedburner.com/USERNEME"><img alt="" height="26" src="http://feeds.feedburner.com/~fc/blogonol?bg=FF9900&amp;fg=444444&amp;anim=1" style="border: 0;" width="88" /></a></div></div>

Selanjutnya Edit menurut tulisan warna merah dengan cetak tebal. Kalau sudah, klik Simpan dan lihat hasilnya. Demikian tutorial cara pasang Modifikasi Widget Subscrib dan Sosial Media untuk blogspot, semoga bermanfaat bagi semua. Amin. Selamat mencoba dan sukses selalu.

"keep spirits and do the best"

Author Box Cantik dan Multi Fungsi

Kemarin saya sudah menjelaskan bagaimana cara memasang author box multi fungsi. Kali saya akan memposting kembali cara memasang author box cantik dan multi fungsi. Pada dasarnya, widget ini mempunyai kesamaan cara kerja, namun tampilan dan kemudahan fasilitas pada author box ini yang membuat widget tersebut mempunyai daya tarik tersendiri. Author box ini di lengkapi dengan permalink, tombol koneksi sosial media, dan fasilitas email subscribe. Posisi gambar diletakkan disebalah kanan dan dilengkapi dengan efek gerak ketika kursor mengenai gambar (tilt). Selain itu widget permalink yang ditambahkan merupakan widget otomatis, sehingga anda tidak perlu lagi melakukan perubahan pada widget tersebut. Silahkan lihat demonya pada akhir posting ini. Baiklah, sekarang mari kita bahas cara pasang widget author box cantik dan multi fungsi untuk blogspot. Ikuti langkah berikut.
Log in ke blogger
Klik Template
Klik Edit HTML
Masukkan kode berikut di atas kode </head>

<style>
.blogonolauthor_info{float:left; width:auto; padding:15px; border:1px solid #ccc; margin-bottom:15px; margin-top:15px; background:#eee; color:#000}
.blogonolauthor_info:hover{background:#eee; border:1px solid #ccc; -webkit-box-shadow:0px 0px 10px  rgba(0,0,0,.3); -moz-box-shadow:0px 0px 10px  rgba(0,0,0,.3); box-shadow:0px 0px 10px  rgba(0,0,0,.3)}
.blogonolauthor_info h3{color:#000; margin-bottom:10px}
.blogonolauthor_info h3:hover{border:1px solid #EEE; -webkit-box-shadow:0px 0px 10px  rgba(0,0,0,.3); -moz-box-shadow:0px 0px 10px  rgba(0,0,0,.3); box-shadow:0px 0px 10px  rgba(0,0,0,.3)}
.blogonolauthor_photo{float:right; margin:0 0 0 10px}
.blogonolauthor_photo img{border:1px solid #666; -webkit-transition:-webkit-transform .15s linear; -moz-transition:-moz-transform .15s linear; -o-transition:-o-transform .15s linear; transition:transform .15s linear; -webkit-box-shadow:0 3px 6px rgba(0,0,0,.25); -moz-box-shadow:0 3px 6px rgba(0,0,0,.25); box-shadow:0 3px 6px rgba(0,0,0,.25); padding:5px 5px 5px 5px; -webkit-transform:rotate(+2deg); -moz-transform:rotate(+2deg); -ms-transform:rotate(+2deg); -o-transform:rotate(+2deg); transform:rotate(+2deg); float:left}
.blogonolauthor_photo img:hover{background:#FFF; border:1px solid #EEE; -webkit-box-shadow:0px 0px 10px  rgba(0,0,0,.3); -moz-box-shadow:0px 0px 10px  rgba(0,0,0,.3); box-shadow:0px 0px 10px  rgba(0,0,0,.3); -webkit-transform:rotate(-1deg); -moz-transform:rotate(-1deg); -ms-transform:rotate(-1deg); -o-transform:rotate(-1deg); transform:rotate(-1deg)}
ul.blogonolsocial{list-style:none; margin:10px; overflow:hidden}
.blogonolsocial li{float:right; background:none !important; padding:0 !important; margin:0 8px}
.blogonolsocial li a{display:block; width:40px; height:40px; background:url(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC93miztW3nFbGqYth4uOm1bKFtD2cM-9EtlJTKpvVS3SgHsL-zlrF1Vev_rQuzcKhWqpefop7HHFUFO4h6JZrHctodyTbSnV5_Onrdo0khAc4200r0pts-HHRQTDPSiBjOiCCV_UDFn1V/s1600/social.png&quot;) no-repeat transparent; text-indent:-99999em !important}
.blogonolsocial li a:hover{padding:0 !important}
.blogonolsocial li.rssicon a{background-position:0 0}
.blogonolsocial li.twicon a{background-position:-50px 0}
.blogonolsocial li.fbicon a{background-position:-100px 0}
.blogonolsocial li.gicon a{background-position:-150px 0}
.blogonolsocial li.rssicon a:hover{background-position:0 -50px}
.blogonolsocial li.twicon a:hover{background-position:-50px -50px}
.blogonolsocial li.fbicon a:hover{background-position:-100px -50px}
.blogonolsocial li.gicon a:hover{background-position:-150px -50px}
.blogonollinediv{margin-top:25px; height:0px; clear:both; display:block; border-top:1px solid #fefefe; border-bottom:1px solid #CCC}
.blogonolemailbutton{background:#f7f8f9; background:-webkit-gradient(linear,left top,left bottom,color-stop(#f7f8f9,0),color-stop(#e9e9e9,1)); background:-webkit-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:-moz-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:-o-linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); background:linear-gradient(top,#f7f8f9 0%,#e9e9e9 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#f7f8f9&#39;,endColorstr=&#39;#e9e9e9&#39;,GradientType=0 ); border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:6px 12px; margin:0; -webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); -moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4); color:#888; text-shadow:0 1px 0 #fff; line-height:1.2; cursor:pointer; font-size:13px}
.blogonolemailbutton:hover{background:#f1f1f1; background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1f1f1,0),color-stop(#e0e0e0,1)); background:-webkit-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:-moz-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:-o-linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); background:linear-gradient(top,#f1f1f1 0%,#e0e0e0 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#f1f1f1&#39;,endColorstr=&#39;#e0e0e0&#39;,GradientType=0 ); text-decoration:none !important}
.blogonolemail{clear:both; width:250px; margin:10px 0; float:left}
.blogonolemailform{position:relative; width:250px; margin:0 auto}
.blogonolemailinput{width:200px; height:18px; margin:0 auto; padding:8px 40px 8px 10px; border:1px solid #ddd; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-family:georgia; font-style:italic; -webkit-box-shadow:1px 1px 2px #dfdfdf; -moz-box-shadow:1px 1px 2px #dfdfdf; box-shadow:1px 1px 2px #dfdfdf; font-size:14px; color:#666}
.blogonolemailbutton{-webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; border-top-right-radius:4px; border-bottom-right-radius:4px; -webkit-border-top-left-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-topleft:0px; -moz-border-radius-bottomleft:0px; border-top-left-radius:0px; border-bottom-left-radius:0px; padding:9px; position:absolute; right:-2px; top:0; display:block; line-height:16px}
.blogonolemailbutton{padding:8px !important}
.blogonolemailform, .blogonolemailinput{width:98% !important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; height:auto}
</style>

Selanjutnya masukkan kode berikut di bawah kode <div class='post-footer-line post-footer-line-1'> atau <div class='post-footer-line post-footer-line-1'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='blogonolauthor_info'>
<div class='blogonolauthor_photo'>
<img alt='author' height='150' src='ALAMAT FOTO ANDA' width='150'/>
</div>
<h2>About <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></h2>
<p><a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> TULISKAN SECARA SINGKAT MENGENAI ANDA ATAU BLOG ANDA. </p>
<h2>Lisensi Artikel</h2>
<p>Artikel <a expr:href='data:post.url'><data:post.title/></a> diposting oleh <a expr:href='data:post.authorProfileUrl' rel='author'><data:post.author/></a> pada <data:post.dateHeader/>. Anda boleh menyebarluaskan atau mengcopy paste <strong><data:blog.pageName/></strong> pada blog anda, namun jangan lupa untuk meletakkan link <a expr:href='data:post.authorProfileUrl' rel='author'><data:post.author/></a> sebagai sumbernya. Tinggalkan kritik dan saran melalui kotak komentar untuk pembelajaran dan perkembangan <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> ke depannya. Terima kasih atas kunjungan anda. &quot;keep spirits and do the best&quot;</p>
<div class='blogonollinediv'/>
<div class='blogonolemail'>
<small style='text-align:center;'>Get Free <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Updates to your Inbox!</small>
<form action='http://feedburner.google.com/fb/a/mailverify' class='blogonolemailform' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=USERNAME_FEEDBURNER&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
<input name='uri' type='hidden' value='USERNAME_FEEDBURNER'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='blogonolemailinput' name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}' onfocus='if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}' type='text' value='Enter your email...'/>
 <input class='blogonolemailbutton' title='' type='submit' value='SignUp'/>
</form>
</div>
<ul class='blogonolsocial'>
<li class='rssicon'>
<a href='http://feeds.feedburner.com/USERNAME' target='_blank'>Rss</a>
</li><li class='twicon'>
<a href='http://twitter.com/USERNAME' target='_blank'>Twitter</a>
</li><li class='fbicon'>
<a href='http://facebook.com/USERNAME' target='_blank'>FaceBook</a>
</li><li class='gicon'>
<a href='https://plus.google.com/ID_GOOGLE PLUS' rel='me' target='_blank'>Google +</a>
</li>
</ul>
</div>
</b:if>

Silahkan edit sesuai petunjuk pada tulisan cetak tebal dan berwarna merah, kuning, dan biru. Selanjutnya klik Simpan Template dan lihat hasilnya. Demikian tutorial pasang author box cantik dan multi fungsi untuk blogspot. Semoga bermanfaat bagi semua. Amin. Selamat mencoba dan sukses selalu.

"keep spirits and do the best"

Author Box Multi Fungsi

Kali ini saya akan share cara pasang author box multi fungsi untuk blogspot. Author box ini dilengkapi dengan tab box, sehingga tampilannya lumayan memukau dan dapat menjadi daya tarik tersendiri bagi blog anda. Widget author box ini juga saya tambahkan permalink otomatis, sehingga anda tidak perlu lagi repot memasang permalink. Jadi sekali pasang widget author box anda sudah memasang permalink di dalamnya. Bagaimana, gampang bukan? Baiklah, sekarang mari kita bahas cara pasang author box multi fungsi untuk blogspot. Ikuti langkah berikut.

Log in ke blogger
Klik Template
Klik Edit HTML
Masukkan kode berikut di atas kode </head>

<script>jQuery(document).ready(function(a){a(".ts-fab-tabs > div").hide();a(".ts-fab-tabs > div:first-child").show();a(".ts-fab-list li:first-child").addClass("active");a(".ts-fab-list li a").click(function(){a(this).closest(".ts-fab-wrapper").find("li").removeClass("active");a(this).parent().addClass("active");var b=a(this).attr("href");if(b.indexOf("#")!=-1){currentTabExp=b.split("#");b="#"+currentTabExp[1]}a(this).closest(".ts-fab-wrapper").find(".ts-fab-tabs > div").hide();a(b).show();return false})});</script>

<style>.ts-fab-wrapper{margin:0 0 2em;clear:both}.ts-fab-wrapper a{text-decoration:none!important}.ts-fab-wrapper img{border:none!important}.ts-fab-list{overflow:hidden;padding:0 0 0 5px!important;margin:0!important}.ts-fab-list li{display:block;float:left;list-style:none;margin:0 5px 0 0!important}.ts-fab-list li a{display:block;line-height:16px;height:16px;padding:8px 12px;background-color:#e9e9e9;border:1px solid #e9e9e9;border-bottom:none!important;text-decoration:none;font-size:13px;color:#333;font-weight:bold;outline:0;text-shadow:none!important;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0}.ts-fab-list li a:hover{color:#333}.ts-fab-list li.active a{background-color:#333;color:#fff;border-color:#333}.ts-fab-list li a{background-image:url('http://www.pagetrafficbuzz.com/wp-content/plugins/fanciest-author-box/images/fab_tab_icons.png')}.ts-fab-list li.ts-fab-bio-link a{background-position:8px 8px;background-repeat:no-repeat;padding-left:27px}.ts-fab-list li.ts-fab-bio-link.active a{background-position:-280px 8px;background-repeat:no-repeat;padding-left:27px}.ts-fab-list li.ts-fab-twitter-link a{background-position:8px -42px;background-repeat:no-repeat;padding-left:35px}.ts-fab-list li.ts-fab-twitter-link.active a{background-position:-270px -42px;background-repeat:no-repeat;padding-left:35px}.ts-fab-list li.ts-fab-facebook-link a{background-position:8px -92px;background-repeat:no-repeat;padding-left:23px}.ts-fab-list li.ts-fab-facebook-link.active a{background-position:-284px -92px;background-repeat:no-repeat;padding-left:23px}.ts-fab-list li.ts-fab-googleplus-link a{background-position:8px -142px;background-repeat:no-repeat;padding-left:30px}.ts-fab-list li.ts-fab-googleplus-link.active a{background-position:-276px -142px;background-repeat:no-repeat;padding-left:30px}.ts-fab-list li.ts-fab-linkedin-link a{background-position:8px -242px;background-repeat:no-repeat;padding-left:30px}.ts-fab-list li.ts-fab-linkedin-link.active a{background-position:-276px -242px;background-repeat:no-repeat;padding-left:30px}.ts-fab-list li.ts-fab-latest-posts-link a{background-position:8px -192px;background-repeat:no-repeat;padding-left:27px}.ts-fab-list li.ts-fab-latest-posts-link.active a{background-position:-280px -192px;background-repeat:no-repeat;padding-left:27px}.ts-fab-list li.ts-fab-custom-link a,.ts-fab-list li.ts-fab-additional-link a{background-image:none!important}.ts-fab-widget .ts-fab-list li a,.ts-fab-icons-only .ts-fab-list li a{text-indent:-9999em;padding:8px 12px!important}.ts-fab-widget .ts-fab-list li.ts-fab-bio-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-bio-link a{width:4px}.ts-fab-widget .ts-fab-list li.ts-fab-twitter-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-twitter-link a{width:12px}.ts-fab-widget .ts-fab-list li.ts-fab-googleplus-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-googleplus-link a{width:8px}.ts-fab-widget .ts-fab-list li.ts-fab-linkedin-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-linkedin-link a{width:8px}.ts-fab-widget .ts-fab-list li.ts-fab-facebook-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-facebook-link a{width:0}.ts-fab-widget .ts-fab-list li.ts-fab-latest-posts-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-latest-posts-link a{width:4px}.ts-fab-widget .ts-fab-list li.ts-fab-custom-link a,.ts-fab-icons-only .ts-fab-list li.ts-fab-custom-link a{text-indent:0!important}.ts-fab-tab{display:none;border:2px solid #333;padding:12px;background:#fff;min-height:80px}.ts-fab-tab:after{content:'';display:table;clear:both}.ts-fab-tab:first-child{display:block}.ts-fab-widget .ts-fab-tab{padding:8px}.ts-fab-avatar{display:block;float:left;width:64px;height:64px}.ts-fab-no-float .ts-fab-avatar{float:none;margin:0 0 12px}.ts-fab-avatar img{display:block;border:none!important}.ts-fab-text{margin-left:104px;line-height:1.5}.ts-fab-no-float .ts-fab-text{margin-left:0}.ts-fab-header{margin-bottom:10px}.ts-fab-text h4{clear:none;font-size:18px;line-height:1!important;font-weight:bold;margin:0 0 .2em!important;line-height:1;padding:0}.ts-fab-description{font-size:12px}.ts-fab-follow{margin-top:10px}.ts-fab-latest{margin:0!important;padding:0!important}.ts-fab-latest li{list-style:none!important;line-height:1.1;margin:0 0 .6em!important}.ts-fab-latest li span,.ts-fab-twitter-time{font-size:12px}.latest-see-all{font-weight:normal}.ts-fab-wrapper iframe{margin-bottom:0!important}body.rtl .ts-fab-avatar{float:right}body.rtl .ts-fab-text{margin-left:0;margin-right:76px}body.rtl .ts-fab-list{padding:0 5px 0 0!important}body.rtl .ts-fab-list li{float:right;margin:0 0 0 5px!important}.fb_iframe_widget>span,.fb_iframe_widget>span iframe{min-height:64px!important}
</style>

Selanjutnya masukkan kode berikut di bawah kode <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <br/><br/>
<div class='ts-fab-wrapper ts-fab-icons-text' id='ts-fab-below-16747'>
<ul class='ts-fab-list'>
<li class='ts-fab-bio-link'><a href='http://www.blogger.com/blogger.g?blogID=ID BLOG#ts-fab-bio-below-16747'>Bio</a></li>
<li class='ts-fab-twitter-link'><a href='http://www.blogger.com/blogger.g?blogID=ID BLOG#ts-fab-twitter-below-16747'>Twitter</a></li>
<li class='ts-fab-facebook-link'><a href='http://www.blogger.com/blogger.g?blogID=ID BLOG#ts-fab-facebook-below-16747'>Facebook</a></li>
<li class='ts-fab-googleplus-link'><a href='http://www.blogger.com/blogger.g?blogID=ID BLOG#ts-fab-googleplus-below-16747'>Google+</a></li>
<li class='ts-fab-latest-posts-link'><a href='http://www.blogger.com/blogger.g?blogID=ID BLOG#ts-fab-latest-posts-below-16747'>Latest Posts</a></li>
</ul>
<div class='ts-fab-tabs'>
<div class='ts-fab-tab' id='ts-fab-bio-below-16747'>
<div class='ts-fab-avatar'>
<img alt='JUDUL GAMBAR' class='photo' height='80' src='ALAMAT GAMBAR' width='80'/></div>
<div class='ts-fab-text'>
<div class='ts-fab-header'>
<h3>Mbah Dinan</h3>
</div>
  <div class='ts-fab-content'>DESKRIPSI SINGKAT MENGENAI ANDA ATAU BLOG ANDA. <a href='http://absoluteborneo.blogspot.com/p/blog-page.html' rel='me'><strong>Lihat profile lengkapnya</strong></a>
<br/><br/>
<strong>Lisensi Artikel</strong>
<p>Artikel <a expr:href='data:post.url'><data:post.title/></a> diposting oleh <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> pada <data:post.dateHeader/>. Anda boleh menyebarluaskan atau mengcopy paste <strong><data:blog.pageName/></strong> pada blog anda, namun jangan lupa untuk meletakkan link <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> sebagai sumbernya. Tinggalkan kritik dan saran melalui kotak komentar untuk pembelajaran dan perkembangan blog ini ke depannya. Terima kasih atas kunjungan anda. &quot;Happy Blogging&quot;</p>
</div>
</div>
</div>
<div class='ts-fab-tab' id='ts-fab-twitter-below-16747'>
<div class='ts-fab-avatar'>
<img alt='JUDUL GAMBAR' class='photo' height='80' src='ALAMAT GAMBAR' width='80'/></div>
<div class='ts-fab-text'>
<div class='ts-fab-header'>
<h3>
  <a href='https://twitter.com/USERNAME TWITTER' target='_blank'>Follow Me on Twitter</a></h3>
<div class='ts-fab-description'>
CEO &amp; Editor, <a href='http://ALAMAT BLOG.blogspot.com/' target='_blank' title='JUDUL LINK'>JUDUL BLOG</a></div>
</div>
<br/>
<div class='ts-fab-follow'>
<a class='twitter-follow-button' data-lang='en_US' data-show-count='true' href='https://twitter.com/USERNAME TWITTER'>Twitter</a></div>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement
(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);</script>
   </div>
</div>
<div class='ts-fab-tab' id='ts-fab-facebook-below-16747'>
<div class='ts-fab-avatar'>
<img alt='JUDUL GAMBAR' class='photo' height='80' src='ALAMAT GAMBAR' width='80'/></div>
<div class='ts-fab-text'>
<div id='fb-root'>
</div>
<script>(function(d, s, id) {
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) return;
     js = d.createElement(s); js.id = id;
     js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
     fjs.parentNode.insertBefore(js, fjs);
     }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

    <br/>
<div class='ts-fab-header'>
<h3>
<a href='https://www.facebook.com/USERNAME FACEBOOK' target='_blank'>Be My Friend on Facebook</a></h3>
</div>
<div class='fb-subscribe' data-href='ALAMAT FACEBOOK FAN PAGE' data-layout='standard' data-show-faces='false' data-width='320'>
</div>
</div>
</div>
<div class='ts-fab-tab' id='ts-fab-googleplus-below-16747'>
<div class='ts-fab-avatar'>
<img alt='JUDUL GAMBAR' class='photo' height='80' src='ALAMAT GAMBAR' width='80'/></div>
<div class='ts-fab-text'>
<div class='ts-fab-header'>
<h3>
<a href='https://plus.google.com/u/1/ID GOOGLE PLUS/posts?rel=author'>Joint My Google +</a></h3>
</div>
<!-- /.ts-fab-header -->
    <g:plus height='69' href='https://plus.google.com/u/0/ID GOOGLE PLUS' rel='me' width='320'/>
   </div>
</div>
<div class='ts-fab-tab' id='ts-fab-latest-posts-below-16747'>
<div class='ts-fab-avatar'>
<img alt='JUDUL GAMBAR' class='photo' height='80' src='ALAMAT GAMBAR' width='80'/></div>
<div class='ts-fab-text'>
<div class='ts-fab-header'>
<h3>
  Latest posts by <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> <span class='latest-see-all'>(<a href='http://ALALMAT BLOG.blogspot.com/'>see all</a>)</span></h3>
</div>
<ul class='ts-fab-latest'>
<div id='hlrpsa'>
<script src='http://helplogger.googlecode.com/svn/trunk/recent-posts-with-snippets.js'>
</script>
<script>
var numposts = 3;var showpostdate = false;var showpostsummary = false;var numchars = 100;var standardstyling = true;
</script>
<script src='http://ALAMAT BLOG.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts'>
</script>
</div>
</ul>
</div>
</div>
</div>
</div>
</b:if>

Selanjutnya, edit sesuai petunjuk tulisan HURUF BESAR DENGAN CETAK TEBAL
Masukkan saja alamat gambar yang sama pada ALAMAT GAMBAR
Berikan judul gambar yang sama pada JUDUL GAMBAR
Kalau sudah, klik Simpan Template dan lihat hasilnya
Demikian tutorial cara pasang author box multi fungsi, semoga bermanfaat bagi semua. Amin. Selamat mencoba dan sukses selalu.

"keep spirits and do the best"

Modifikasi Social Media Sharing Widget

Kali ini saya akan membagikan cara memodifikasi  social media sharing widget. Widget ini cukup menarik dan cara pembuatannya tidak repot. Disamping itu widget ini akan ditempatkan pada sisi sebelah kanan, dan mempunyai respon aktif ketika kursor mengenai widget tersebut. Tampilannya social media sharing widget ini cukup menarik dan mudah untuk digunakan. Baiklah, sekarang mari kita membahas cara memodifikasi social media sharing widget. Ikuti langkah berikut.

Log in ke blogger
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan Kode berikut ke dalamnya

<style>
.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbqi48LjsBUqIB7rLECoZkcbN7KBKc_YVfQrc1fKsfoAV_LH4ntvqcgmc4t6M6maFV6C2pcYmxRx2bPJJRNakR9OwgUA3LpwzjqaGmz32I9lP1UboMBKOnZ5n_v8JR2VmynNkSrRotM5I/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCEmhG7VZLrNmQCRYPBKfYJoD8uA5bzQt2vC5kXpm7m6aU25QITCjmFVEh4Mr4F1_rRcnAfTHj_yyTRVfuvyGM31W-DRRifPXokAPrVpVA8bw9bkU-6GmNBS_YTKiAl1tGS_rth5gdwLY/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.fixedmenu_1{margin:0px 0 0 43px}
.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8hvzLGJKa4AG-q3HRJIdvWXI_m_jYVRJ-JujXTG2i7mEcfX4vnWowDPa3VgpzLIaZiGBRFHr2IoTcRD7MLiSplOE0YMkuMNmPJiZi7i9doppnOz3w_dU6tezGFxvXiHu2tEPKv_O_h6U/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqv8OKc-9fdx0DOwQrADDqVtlaFC9n-JMn-jFXH6K430k0S9Sntaph_00W5e_GUtHFlP0NNxl05ahiC6x_HGP0mtRMhSsliVwfhi84LMgk6a8ht2tKrzIm_DYRrDt2ok8HUTiEqwFGq_A/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbrAmxZG-xxjHFMmr2kxUmuEZ1ULAR2BzelDdQGE4I9eBWVgsLLVKYJ7qKFJAA_rMOude4CWDqxIXxvfQ4AIP-rqTTwutdK_CkDdcB5eK8sNFi4cKvswG9Clxjfjou7TDmqStAXI1FXQ8/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirrqcs1ktJJRyxqv5W_o8aY11X7S8rM0zttDoESt2mEmBuP2bAUaHTCp032KcldAPGDsgUQzdTcty-2mfN7Nxr1rkKuH7sKEqNbRIRQEYLv2f1KYDq8zycJXig5VNOk38ZOZybDBQz_DM/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjotgIaA8GvYuOknQigoNv3oVO32JqPQk5M8rs02xDIHIHnWriTOZUJJ31gwU8bFpmQrriRwWElKtJbLgLO3dtHMUumMdPemjZHrGZSOK7JWMv-DfNh_FV8inpFcqObP4drBTrTZJleaDc/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYQ1CgN2tebxh9L5tXLo3qYBG9Lhmm9D9__arwCvP9qc1jIRpTN7y9WfwANHjCRqxbFmRdyt0FvXqVnYR5xCbNfzEsLU9-YamVNsh-JJVMymWZ5ar4rqcqMxs9tsI10ABtG7QtnPSz6qI/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>
<a href='https://www.facebook.com/USERNAME-FACEBOOK-ANDA' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBdIJUnyW3Q8yN5kYWfdRPt9CvKa_-J0WiXVwsbnAOKr_D-hoJpkv9-c_FnGvPb9iZvOwzoue9alvgxWvaGk_XiGxnSA3OJvuE6LcGbVxqmX1kiPYmInYnK9bskehGN0deigjlWn_-3_w/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>
<a href='https://twitter.com/USERNAME-TWITTER-ANDA' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhNKd_Cbu9MFo19ShOA8ho7voxW8CihoTNVJBPFbRpKV9mg7XXgEs9BdI9WcRjN4us8YYT6f2zCzGGeqkc_kuoHojICB9IYr8MgzpX_aa4FGAznl7o4kslbrDqySDiriWNExC9aMrb0ts/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>
<a href='https://plus.google.com/ID-GOOGLE PLUS-ANDA' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp5o3UQgTWSwgbq6PBUtfOJ0P55kSHyHBDee6xyksTcDE8PNKXBGbXnqClfFjAtqfNmi7mie4Xr1mRin-061b2NPqDbcvBftz5k1_6a57Ib0BnnkHa2jLgQnp_aWz5qJXw6A48pneVqaA/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/USERNAME-FEEDBURNER-ANDA' target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAAxUrbY7WDsNMOydDIt9xcBDcNpondogbrKIzKIYR0y6b5NIqiBYhEM9jyBabDNzEwfweJVRLnxhisyzkGyZOUDZHwCkzzPEyX0YKXyYutvrHtSOlksiXjcvg1Vvr9uohzstOPkQ-0zM/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>

Selanjutnya ganti kode merah dengan cetak tebal sesuai petunjuk
Klik Simpan dan lihat hasilnya. Demikian tutorial memodifikasi social media sharing widget. Semoga bermanfaat bagi semua. Amin. Selamat mencoba dan sukses selalu

"keep spirits and do the best"

Delapan Aspek Blogger Sukses

Beberapa kesalahan yang sering dilakukan oleh seorang blogger adalah tidak memperhatikan aspek blogging terhadap blog yang dibangun. Banyak kesalahan tafsir bahwa blog adalah sebuah mesin popularitas dengan berbagai tujuan, namun lebih banyak lagi blogger yang kurang memperhatikan kualitas dari konten blognya sendiri. Secara logika, seo itu perlu dioptimalkan, namun bila konten anda buruk dan tidak menarik, pengunjung juga akan bosan. Kenyataannya, bukan hanya penerapan seo yang baik, namun aspek penting dari blogger itu perlu diperhatikan. Inilah kunci keberhasilan seorang blogger.

Seorang blogger sukses adalah mereka yang akrab dengan aspek blogging dan tahu bagaimana mendapatkan peringkat yang lebih baik pada mesin pencari. Mereka lebih memikirkan hal baru dan bermanfaat yang dapat dibagikan kepada pengunjung. Mereka juga sangat mengerti apa yang menarik dan dibutuhkan, sehingga blog yang dibangun menjadi sebuah referensi perkembangan dan informasi penting bagi pembaca. Jadi, blogging bukan hanya sebuah popularitas atau mengejar ranking tinggi, namun lebih kepada membangun kekuatan dan berpikir ke depan untuk perkembangan yang lebih baik. Baiklah, sekarang mari kita bahas delapan aspek blogger sukses yang perlu diperhatikan. Ikuti bahasan berikut.

1. Konten yang Baik dan Manarik
Buat konten yang baik dan segar. Perhatikan gaya bahasa dan perbaiki tulisan. buat sesingkat dan semudah mungkin, karena tulisan yang susah dibaca dan difahami akan ditinggalkan pengunjung. Buat juga artikel yang menarik. Anda bisa menyiasatinya dengan melalui judul. Gaya bahasa harus unik dan berbeda dengan lainnya. Banyak blogger pintar, namun mengungkap suatu subjek dalam tulisan dengan bahasa kaku dan tidak manarik. Padahal bahasan itu penting. Akhirnya tulisan mereka tidak ubahnya seperti kicau burung yang tidak dapat dimengerti.

Menulis posting blog dengan format yang luar biasa yang menyenangkan mata pembaca, memecahkan pertanyaan dan membalas komentar dianggap sebagai penghargaasn untuk menghargai pengunjung dan ini penting untuk dilakukan. Ketika kita mulai menghargai kehadiran mereka dan membangun hubungan, maka mereka akan suka membaca blog anda secara teratur dan lalu lintas blog akan lebih tinggi. Silahkan baca artikel di bawah sebagai referensi.
Ada apa dengan komentar di blog anda
Optimalisasi judul untuk seo
Menjadi blog walker yagn berhasil
10 tips membuat judul yang seo friendly

2. Keaslian Konten
Kebiasaan terburuk dalam blogger, adalah copy - paste. Anda dapat dianggap pencuri sampai anda mendapatkan hukuman dari google. Kalau sudah begitu tinggal menunggu penjara kegagalan dari perkembangan blog anda bangun. Hindari menyalin konten lain karena itu ilegal, jika tidak Google akan mengenakan sanksi. Jadi, saya menyarankan untuk tidak menyalin konten dari mana saja. Biasakan menulis konten sendiri dan jika diperlukan maka cari konten lain yang relevan untuk ide dan petunjuk (referensi).
Konten adalah raja
Melawan google panda

3. Niche
Kesalahan terbesar blogger yang banyak ditemukan adalah kesalahan membuat niche. Niche merupakan frase kata yang fokus terhadap subjek bahasan tertentu. Fungsinya untuk mempermudah perayapan mesin pencari terhadap blog tentang apa yang diulas. Banyak blogger yang tidak tepat dalam memilih niche, padahal ini merupakan peluang penting dalam memilih ketepatan pokok bahasan yang unik. Niche juga dapat dijadikan pembeda antara bahasan anda dengan lainnya dan melalui niche optimasi dibangun untuk posisi yang baik pada mesin pencari.

Niche sama halnya dengan kata kunci (keyword) tertentu yang ditargetkan sebagai pokok bahasan. Misalnya untuk artikel dengan kata "sepatu". Ini bukan niche, karena kata ini terlalu luas. Kalau anda mempersempit kata "sepatu" menjadi "sepatu boot" baru itu spesifik. Anda dapat mempersempit lagi dengan memberi "sub niche" dengan menambahkan kata "laras panjang", sehingga menjadi sepatu boot laras panjang. Sedangkan untuk judul blog biasanya niche dipersingkat. Misalnya tentang "tutorial" menjadi "tutorial blog". Dari sini anda dapat membaginya dengan beberapa topik bahasan seperti tutorial membuat blog, tutorial mempercantik blog, tutorial seo, tutorial mendapat uang melalui blog, ke dalam konten atau artikel yang dibuat. Sebagai referensi silahkan baca
Tips memaksimalkan artikel dan kata kunci
Cara mengoptimalkan kata kunci pada artikel
Kata kunci untuk optimalisasi blog

4. SEO Salah Kaprah
Kebanyakan blogger pemula tidak tahu bagaimana menerapkan SEO pada blog mereka dan cenderung mengabaikannya. Banyak pula blogger salah mengartikan seo itu sebagai "keharusan", artinya harus dapat peringkat pertama di mesin pencari, harus mempunyai link banyak, harus mempunyai rangking alexa tinggi, harus terkenal, harus ini dan itu. Akhirnya blogging bertujuan untuk "keharusan peringkat" tanpa didukung aspek lainnya. Terlalu banyak link yang tidak relevan akan dianggap link farm dan ini berbahaya. Membangun link balik melalui spam dalam komentar juga tidak kalah mengerikan untuk perkembangan blog itu sendiri. Saran saya, optimalkan saja seo onpage dan sesekali menerapkan seo offpage. Jangan terlalu fokus untuk seo, karena anda menulis bukan untuk mesin pencari, namun untuk pengunjung dan kepentingan penyebaran informasi. Ingat, SEO hanya membantu untuk mendapatkan sejumlah lalu lintas yang ditargetkan ke blog anda dari mesin pencari, selebihnya tidak berlaku. Sebagai refernsi silahkan baca artikel berikut.
10 kesalahan seo
Seo sederhana tapi jenius
Seo bukan sulap
Trik seo gantung diri
Mencegah spam pada komentar blogger

5. Struktur dan Layout Blog
Struktur blog merupakan hal penting, karena ini adalah sebuah sarana penyederhanaan buat pengguna blog anda. Buat struktur blog yang ramah dan mudah dijadikan navigasi untuk keperluan pengunjung. Blog user friendly memiliki desain yang baik dan mudah dibaca, sehingga mereka dapat mengakses setiap sudut blog untuk berbagai kepentingan.

Perhatikan layout blog karena bila layoutnya jelek pengunjung malas berkunjung. Bikin struktur yang mudah namun menarik. Pilih saja template yang sederhana tapi mudah untuk diakses dan sediakan fitur berbagi, artikel terkait, breadcrumb, dan widget lainnya sesuai dengan kebutuhan. Jangan terlalu banyak memasukkan widget yang tidak perlu, karena akan memperlambat loading blog dan berbahaya bagi perjalanan seo blog anda pada mesin pencari. Tidak semua script yang dimasukkan itu seo friendly. Mungkin saja malah menghancurkan blog itu sendiri. Sebagai referensi silahkan baca artikel berikut.
Cara edit template agar seo friendly

6. Kesabaran
Ketika blogger mendapat inspirasi dari blogger besar lainnya, mereka memulai blogging dengan begitu banyak harapan. Tapi setelah mereka tidak mendapatkan apa-apa, akhirnya mereka bosan dan berhenti update blog secara teratur. Mereka menganggap itu sebagai buang-buang waktu. Ingat, tidak ada blog terkenal dalam satu malam dan tidak ada jalan pintas untuk keberhasilan. Anda perlu belajar bahwa betapa pentingnya memperbarui blog secara teratur, karena pembaca dan mesin pencari mengharapkan sesuatu yang baru, up to date, konten segar, dan unik yang terus diposting.

7. Traffik dan Iklan
Pentingkan trafik blog dibanding iklan. Terlalu banyak iklan bisa merusak layout atau pandangan mata pengunjung. Ini membosankan dan merusak kinerja blog anda terhadap mesin pencari. Kenyataannya, jika anda gagal membangun pengunjung (traffic blog), maka anda tidak bisa merasakan uang dari blogging. Jangan membuat blog sebagai papan reklame. Banyak blogger tertarik untuk membuat blog mereka sebagai ATM, memasang pop up iklan untuk mendapatkan klik maksimum. Akhirnya pengunjung malas dan iklanpun terpasang percuma. Berpikir sekaligus dari dua sisi pengguna, sisi konten yang berguna dan iklan yang mendukung (relevan dan tidak berlebihan). Sebagai referensi silahkan baca artikel berikut.
Metode sostac untuk bisnis online

8. Berhenti Bermimpi dan Bangun Kerja Keras
Menjadi blogger sukses tidak akan didapat melalui mimpi, namun kerja dalam mewujudkan mimpi tersebut. Saya ingat beberapa teman-teman melakukan kesalahan yang sama ketika melangkah pertama ke dunia blogging. Impian mereka adalah untuk membuat uang instan, bukan membangun blog menjadi yang lebih baik. Melalui blog yang baik, anda akan mendapat berbagai kelebihan, termasuk uang. Blogging terlihat sulit untuk pemula, itu sebabnya mereka berhenti atau kehilangan minat dan semangat. Keluarlah dari dunia mimpi dan mulai bekerja untuk meningkatkan nilai blog, karena blogging bukan menjadi khayalan, namun kenyataan yang harus dihadapi dengan kerja keras. Bila tidak, lebih baik tinggalkan saja.

"keep spirits and do the best"

Modifikasi Widget Pengikut Google Plus

Banyak yang menyatakan tampilan widget pengikut google plus kurang menarik dan kadang memberatkan loading. Ada juga yang menyatakan bahwa widget pengikut google plus tersebut hanya meramaikan layout yang berpengaruh buruk pada pandangan mata pengunjung. Untuk semua pernyataan tersebut saya kembalikan kepada anda. Masalah baik atau tidaknya, saya hanya memberikan trick modifikasi widget pengikut google plus agar tampilannya lebih baik dan nyaman dipandang mata. Widget ini akan saya berikan background gambar yang berukuran 1 (satu) pixel, sehingga tidak memberatkan saat diloading. Baiklah, sekarang mari kita bahas cara modifikasi widget pengikut google plus. Ikuti langkah berikut.

Log in ke blogger
Klik Rancangan
Klik Tambah Gadget
Pilih HTML/JavaScript
Masukkan kode berikut ke dalamnya

<a href='http://blogonol.blogspot.com'><img alt='lingkaran google plus' src='http://i1138.photobucket.com/albums/n524/blogonol/blogonolimg1px_zpsc9ac41c2.png'/></a>
<div class="g-plus" data-action="followers" data-height="300" data-href="https://plus.google.com/MASUKKAN ID GOOGLE + ANDA DI SINI" data-source="blogger:blog:followers" data-width="300">
</div>
<script type="text/javascript">
      (function() {
        window.___gcfg = {'lang': 'en'};
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
      })();
    </script>

Ganti tulisan merah cetak tebal dengan id google plus anda
Selanjutnya Klik Simpan dan selesai
Demikian tutorial cara memodifikasi widget pengikut google plus, semoga bermanfaat bagi semua. Amin.
Selamat mencoba dan sukses selalu

"keep spirits and do the best"