Gudang Tutorial Blog

Twitter buttons bermanfaat untuk membantu berbagi konten website dan terhubung pada Twitter.cara memasang twitter button:1. visit https://about.twitter.com/resources/buttons#tweet2. pilih button ang di perlukan3. Isi option4. Copast kode di blog sobat.5. selesai ...

Continue Reading

Kadang saya lupa cara memasang facebook like button page site.Tulis dah di sini biar tiap saat bisa di baca kembali. Facebook Like button adalah cara tercepat dalam berbagi konten.Kalau anda belum tahu caranya bisa ikut nyimak.1. visit https://developers.facebook.com/docs/plugins/like-button/2. isi kolom, kalau saya sukanya yang kek di bawah ini, simpel3. Klik "GET CODE" 4. Copast di blog sobat.5. Simpan ...

Continue Reading

Before I was not interested with the google plus, but it turns out in the world of websites,especially bloggers are practically integrated with google plus.Further developing the presence +1 button, Google+ badge, and Google+ Followers gadget, Google Comments, Communities Google+, Google+ mentions. I am interested in expanding the circle multiply followers with google plus.Practical Ways to Get Lots...

Continue Reading

CSS can be used to really jazz up a plain looking link and create an awesome "call to action" button, as in the case of our 3D depressible button here. It uses CSS2 pseudo element to add a lower 3D side to the link, and CSS3 shadows and transition to complete the look. To overcome a severe limitation...

Continue Reading

Flipboard menciptakan serangkaian CSS tombol yang membalik horizontalLIVE DEMODirections:Login blogTemplate dan edit htmlLetakkan kode css di atas</head> dan save template<style>ul.flipboard{margin:0;padding:0;list-style:none;-webkit-perspective: 10000px; /* larger the value, the less pronounced the 3D effect */-moz-perspective: 10000px;-o-perspective: 10000px;perspective: 10000px;}ul.flipboard li{display: inline-block;width: 80px; /* dimensions of buttons. Do not add padding/margins inside this rule */height: 80px;margin-right: 10px; /* spacing between buttons */background: white;font:...

Continue Reading

Jika sobat tertarik untuk memasang share button di pojok blog, Seperti pada screenshot share widget di atas.berikut kode scriptnya.Login ke akun blogPilih menu "Tata Letak".Klik "Tambahkan Gadget".Pilih widget "HTML/JavaScript".Simpan kode script berikut<div class='shr_ss shr_publisher'>    </div>    <script type='text/javascript'>    var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};    </script>    <script type='text/javascript'>    (function() {    var...

Continue Reading

Social bookmark cukup penting untuk membuat blog kita lebih populer.Pada kesempatan kali ini saya ingin berbagi cra membuat social button efek slide.Login ke BloggerMasuk ke TemplateLetakkan kode CSS di bawah ini diatas ]]></b:skin> :.social-buttons {    position: fixed;    top: 130px;    width: 45px;    z-index: 9999;}.button-left {    left: 0;}.button-right {    right: 0;}.social-buttons #twitter-btn .social-icon,.social-buttons #facebook-btn...

Continue Reading

Manfaat contact form  untuk memberi sarana buat pengunjung blog, untuk mengirimkan pesan kepada pemilik blog.Cara membuat contact form pada blog juga sangat mudah.Jika sobat ingin mengetahuinya, simak tutorial berikut ini:1. visit http://www.123contactform.com2. Sign up terlebih dahulu3. Pilih "new form" lalu "contact form"4. Edit fitur yang sobat inginkan5. Pilih "continue"6. Pilih "themes" jika sobat ingin memilih form warna.7. Pilih "publish" jika sobat sudah...

Continue Reading

Jika sobat ingn memasang tombol atau button "Print Artikel Ini"Sobat dapat membuatnya dengan langkah2 berikut ini:1. Login Blog2. Rancangan dan "edit html"3. Centang "expand widget template"4. Letakkan kode berikut di atasa </head><style media='print' type='text/css'>#header-wrapper,#header,.header, #sidebar-wrapper,.sidebar, #footer-wrapper,#footer,.date-header,.comment-link,.comment-footer,#comments,#blog-pager,.feed-links, #backlinks-container, #navbar-iframe,.dontprint {display: none;}.post,#content-wrapper,#main-wrapper,#main{width:100%}</style>5. Kemudian letakkan kode berikut dibawah <data:post.body/> yang ke-2<b:if cond='data:blog.pageType == &quot;item&quot;'><br/><table border='0' width='30px'><td><a href='javascript:window.print()' rel='nofollow'><img src='http://sl.glitter-graphics.net/pub/3136/3136756ge6e3njvrt.gif) left no-repeat; padding-left:...

Continue Reading

AddThis, utilitas berbagi dan bookmark yang memungkinkan pengguna berbagi konten yang menarik dari Web ke lebih dari 150 layanan yang berbeda, memperkenalkan Direktori Layanan baru saat ini, memungkinkan setiap pengguna atau penyedia layanan untuk disampaikan sebagai mitra potensial. Secara paralel, perusahaan debut membunuh upgrade statistik, menyoroti jaringan paling populer digunakan, termasuk bagaimana jaringan faring di seluruh dunia. Sebagai...

Continue Reading

Widget social bookmark bermanfaat untuk menaikkan posisi SERP, menaikkan popularitas blog dari jumlah pengunjung setiap harinya.sehingga pagerank pun juga akan naik,.Cara memasang social bookmark berbentuk segitiga seperti gambar di atas,dibawah ini langkah2nya:1. Login blogger2. rancangan3. add wigdet html/javascript4. Copy kode berikut<center><a title="Grab Our Rss Feed" href="http://feeds.feedburner.com/mig33eagle" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6-9Xf2Eqk7AjcbX7pZz_mJsGO6ecrXXQ4SaT8BP-40kETQLjlGSJqluS_xmhziGUnV7GS5rfEb-_nX7zWCFYdwTs2bMbw8DfTZiHnuZBTDhaDiKO6Us_GgUSDfcSgys2Md2PXCkCmd8Z5/s1600/RSS_78x75.png" style="margin-right:2px;" alt="Icon"/></a><a rel="nofollow" title="Get Free Updates Via Email" href="http://feedburner.google.com/fb/a/mailverify?uri=mig33eagle&amp;loc=en_US" target="_blank"><img border="0"...

Continue Reading

Alamat feed ini juga berguna untuk mendaftarkan blog ke berbagai directory seperti yahoo, tehcnorati dan yang lainnya. Dan juga untuk memasang widget posting terbaru. Pada blogger.com alamat feed ini ada dua jenis, yaitu Atom dan RSS. Meskipun nama dan alamatnya berbeda tapi begitu dibuka maka tampilan halamannya juga sama. Untuk mengetahui alamat feed blog ini sangat mudah.Cara mengetahui...

Continue Reading

Contoh like fan page facebook melayang seperti gambar di atas.Di sertai tombol close.Jika sobat ingin membuatnya,Berikut ini caranya:1. login blog2. rancangan3. Add gadget "html/javascript"4. Copast kode b erikut<style type="text/css">#topbar{position:absolute;padding-top:120px;padding-left:330px;background-color: transparancy;width: 292px;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 sessionvar startX = 30 //set...

Continue Reading