Cara SEO Onpage Blogger Kini Lebih Mudah

[post_ad]

Cara SEO Onpage Blogger Kini Lebih Mudah - Semakin hari layanan blogger memang semakin baik, setelah yang terbaru ada perubahan pada edit html template, kali ini Tim blogger / blogspot rupanya juga mulai peduli dengan SEO untuk Platform mereka, ini terbukti dengan hadirnya fitur-fitur yang memudahkan kita sebagai pengguna dalam hal SEO, khususnya SEO Onpage.Tentunya hal ini sangat memudahkan kita yang saat ini sedang nge blog di blogspot atau sedang mengelola toko online di blogspot.

Berikut ini beberapa catatan mengenai beberapa fitur blogger yang berhubungan dengan SEO :

Meta Deskripsi Blog

Seperti yang kita ketahui bersama bahwa deskripsi blog sangat berpengaruh terhadap SEO. Sebelum diluncurkannya fitur meta deskripsi, kang rohman memasang meta tag deskripsi yang dinamis agar lebih SEO friendly. Namun sekarang itu semua tidak perlu lagi karena anda tinggal mengaktifkan dan memasang deskripsi pada menu setelan :

Login » Setelan » Preferensi Penelusuran » Deskripsi




Deskripsi tersebut berlaku untuk homepage. Sedangkan untuk deskripsi postingan, anda dapat menuliskan sesuka hati sehingga dapat lebih terarah dalam menargetkan keyword.



Pengalihan Khusus (redirect)

Untuk postingan yang telah usang ataupun mempunyai topik yang sama, anda dapat menghapusnya kemudian mengalihkan (redirect) ke artikel yang baru sehingga pengunjung tidak akan kehilangan isi blog anda.

Login » Setelan » Preferensi Penelusuran » Pengalihan Khusus




robots.txt khsusus

Dulu, sangat tidak mungkin untuk membuat file robots.txt di blogger, namun semua itu kini sudah menjadi kenyataan sehingga kita dapat lebih mengintrol file mana saja yang boleh diakses Search engine dan mana saja yang tidak boleh di akses.




Tag header robot khusus

Untuk membuat beberapa aturan bagi search engine seperti noindex arsip dan sebagainya, kini tidak perlu memasang kode meta tag yang kadang menyulitkan, anda tinggal klik sesuai dengan keinginan.




Tidak hanya berlaku untuk homepage, tag  header bisa juga berlaku untuk setiap post.




Mengubah Post Permanen Link

Permalink adalah sesuatu yang sangat berpengaruh pada SEO. Kini blogger sudah support fitur mengubah alamat permalink posting kita sehingga sesuai dengan keinginan.




Memasang Alt dan Title pada image

Salah satu cara agar gambar yang kita pasang di blog lebih SEO friendly adalah dengan memasang alt pada gambar tersebut. Kini untuk memasang alt serta title pada image tinggal klik gambar tersebut lalu pilih properties




Nofollow Post link

Bila anda ingin membuat link ke situs tertentu, namun takut berefek buruk, anda dapat membuat link tersebut menjadi nofollow.




Sepertinya blogger tidak ingin ketinggalan dengan flatform lain yang dianggap lebih user friendly dan SEO. Kita tunggu saja fitur baru apalagi yang akan diciptakan oleh team blogger / blogspot untuk lebih memanjakan penggunanya.

Source[post_ad]

Cara Mempercantik Tampilan Postingan Blog

Cara Mempercantik Tampilan Postingan Blog - Mempercantik tampilan postingan blog sebenarnya penting gak penting sih menurut saya, tapi kalau sobat ingin lebih memberikan tampilan yang berbeda pada halaman blog nya mungkin cara ini bisa juga dipakai. Dengan menggunakan tips ini, tampilan blog sobat jadi terlihat semakin rapi, karena sobat bisa memasukan kata-kata atau kalimat yang dianggap paling penting dalam postingan tersebut.

Tips mempercantik tampilan postingan blog ini  oleh sang pembuat diberi nama Tema Vanilla untuk postingan blogger.  Tema Vanilla ini adalah tema atau background yang berguna untuk mempercantik artikel, seperti memberi tema pada tag HTML, CSS, JavaScript, JQuery, PHP, dan XML. Tema Vanila ini di sebut juga dengan Tag PRE karna penggunaanya kita harus menyisipkan Tag PRE di antara Tag yang ingin kita bungkus dengan Tema Vanila. Untuk lebih jelasnya silahkan sobat lihat live demonya :

Cara Menginstall Tema Vanilla :

Untuk menginstall Tema Vanila ini, cara nya sangatlah mudah, kita hanya perlu menanamkan tag CSS pada template dan memanggil tema ini dengan tag pre sesuai dengan jenisnya.
Langsung saja silahkan ikuti langkah berikut ini :

1. Login ke Akun blogger Anda.
2. Pada Dasbord pilih Template > Edit HTML.
3. Lalu temukan tag ]]></b:skin>
4. Setelah ketemu sekarang letakkan CSS berikut di atasnya.

/*Tema Vanila untuk Postingan Blogger by: Oto Website */
pre {
background-color:white;
background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
-webkit-background-size:30px 30px;
-moz-background-size:30px 30px;
-ms-background-size:30px 30px;
-o-background-size:30px 30px;
background-size:30px 30px;
background-repeat:repeat;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:2px solid #666;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
position:relative;
padding:0 7px;
margin:10px 5px;
overflow:auto;
word-wrap:normal;
white-space:pre;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
}
pre[data-codetype] {
padding:29px 1em 7px 1em;
}
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#666;
padding:0 7px;
font:bold 11px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;}
pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;}
pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;}
pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;}
pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;}
pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;}
pre[data-codetype="HTML"]:before {background-color:#0B7E88;}
pre[data-codetype="CSS"]:before {background-color:#7B990C;}
pre[data-codetype="JavaScript"]:before {background-color:#545448;}
pre[data-codetype="JQuery"]:before {background-color:#395540;}
pre[data-codetype="PHP"]:before {background-color:#FF9900;}
pre[data-codetype="XML"]:before {background-color:#FF0C39;
}

5. Simpan template.

Jika CSS di atas sudah tertanam pada template blog sobat, maka langkah selanjutnya adalah  memanggil Tema Vanila dengan menggunakan Tag Pre seperti yang Saya sebutkan di atas. Berikut adalah tag yang di gunakan untug memanggil Tema Vanila untuk Postingan Blogger.

Kode pemanggil Tema Vanila untuk Postingan Blogger :

Letakkan tag berikut di dalam postingan Anda, dan ketika Anda ingin menggunakan Tema Vanila!

HTML
<pre data-codetype="HTML">Disini Tag XML</pre>

CSS
<pre data-codetype="CSS">Disini Tag CSS</pre>

Javascript
<pre data-codetype="JavaScript">Disini Tag JavaScript</pre>

Jquery
<pre data-codetype="JQuery">Disini Tag JQuery</pre>

PHP
<pre data-codetype="PHP">Disini Tag PHP</pre>

XML
<pre data-codetype="XML">Disini Tag XML</pre>

NB : Ganti teks yang di BLOCK KUNING dengan tag yang ingin di masukkan sesuai temanya.

Okey, cukup sekian sob artikel kali ini Cara Mempercantik Tampilan Postingan Blog.
Semoga bermanfaat, kalau ada yang ingin ditanyakan silahkan tinggalkan komentar.
Trims.

Source

Cara Menghapus Blog Yang Telah Diikuti..

Hhmm.. ☺ Disaat kita ngunjungin blog orang lain atau blog teman kita sendiri,, yang mungkin terkadang ada juga tu dia ngasih widget atau perintah lainnya,, yang membuat sesorang yang telah masuk ke blog tersebut harus ngikutin dia yang punya blog tersebut.....

Dan setelah kita ikutin blog itu tapi tau²nya blog yang kita ikutin itu malah di hapus sama penggunanya..... Yang mungkin dia punya blog lain atau lain sebagainya..... Dan setelah kita rasa udah gak perlu lagi blog tersebut dan kita pengen berhenti ngikutin blog yang udah gak aktif lagi,, tapi tau²nya malah gak bisa kehapus...Pasti bingung juga kan....???

Hhmm,, aku sendiri juga pernah ngalamin yang kayak gitu sih ,, karna ku pernah ngikutin blog lama ku tapi skarang karna udah ku hapus ya kepaksa deh berhenti juga ngikutin nya ....
Dulunya ku pikir blog yang udah dihapus penggunanya akan hilang dengan sendirinya,, tapi gak taunya malah masih ngikutin yang udah gak ada....

Dan setelah ku coba ngapusnya kok malah lain permintaannya....??? 

Tapi setelah ku pikir²,, hal yang kayak gini juga bisa dijadikan Postingan juga kayaknya ni,, dan mungkin juga ada yang gak tau dan kurang ngerti,, Cara Menghapus Blog Yang Telah Diikuti.... Oke,, ku akan ngasih tau cara ngapusnya,, untuk kalian yang kurang ngerti....

•► Pertama coba kalian masuk ke halaman Dasbor Blog kalian..... Dan coba lihat pada Daftar bacaan (Blog tersembunyi) ... Lalu klik settingan untuk daftar bacaan bagian pojok kanan atas atau di bawah Opsi Blogger sperti yang ku beri tanda merah ...

•► Maka akan muncul halaman Manage Blogs I'm Following atau Blog yang kita ikuti.. Lalu pilih Setelan sperti gambar dibawah.. Pilih aja salah satunya..

•► Lalu akan muncul lagi halaman baru,, Yang memberitahukan bahwa kita harus Login atau Masuk dan pilih dengan akun mana kita akan Login,, Ataupun justru membuat akun google yang baru.. Pilih aja akun Google..

 •► Dan setelah kita klik Google,, maka Google akan menyuruh kita untuk memasukkan Password,, Lalu masukkan Password Account Google kalian..

•► Dan setelah itu kita akan kembali lagi ke halaman sebelumnya seperti gambar dibawah.. Dan sekarang silahkan pilih lagi Setelan ...

•► Lalu akan ada tampil Setelan Halaman yang kalian ikuti ditersebut ,, disini kalian bisa memilih Add / Remove jika ingin menambahkan situs yang ingin diikuti,, Ataupun kalian juga bisa langsung memilih Stop Following This Site..

 •► Maka akan muncul Pemberitahuan Berhenti Mengikuti atau Batal.. Pilih Stop Following dan tunggu beberapa saat,, Lihat hasilnya.. Dan kalian tidak lagi mengikuti situs tersebut..

 ○○“ Selamat Mencoba ”○○

Cara Menghilangkan Tanda Panah Atau Shortcut Icon Menu Pada Windows Xp Dan 7..

Ini mungkin ada diantara kalian yang gak suka ngeliat tanda panah atau shortcut di Icon menu,, yang membuat tampilan windows kita menjadi tidak bagus.. Aku sendiri pun emang gak suka juga sih kalo ngeliat tanda panah atau shortcut.. Tapi setelah terlalu sering ku otak-atik dan mencari²nya ternyata emang ada dan emang bisa di hilangin..

Dan tempatnya pun gak jauh² amat kok cuman deket.. Hehehee ☺
Maksud ku tempatnya di System Registry Editor..
Bagi kalian jika ingin ngilangin tanda panah atau shortcut pada windows xp dan 7.. Silahkan ikuti langkah² berikut ini..

Oke.. Langsung aja kita mulai sob..?

• • Buka Start ►Run..
• • Atau Windows+R,, lalu ketikan “regedit” (tanpa tanda kutip).. Sperti gambar dibawah..

• • Dan setelah itu akan muncul System Registry Editor..

• • Lalu pilih HKEY_CLASSES_ROOT atau folder urutan yang paling atas. Lalu coba cari “lnkfile” (ingat huruf awalnya “bukan huruf i” tapi “huruf L kecil”.

• • Dan setelah ketemu coba kalian lihat Value Data di sebelah kanan dengan nama “IsShortcut”..
• • Jika ada Hapus aja tu Value Data Shortcutnya. Klik kanan IsShortcut tersebut lalu pilih Delete..

• • Jika ada pemebritahuan Confirm Value Delete klik aja Yes.. Jangan takut gak masalah tu,, Itu hanya pemberitahuan aja kok.. Dan gak kan ngerusak kok.. Heheheee ☺

• • Dan setelah semua selesai,, Lalu Exit System Eegistry Egitor.. Coba kalian Refresh Komputer tu,, Tapi jika gak ada perubahan Icon-nya,, Coba kalian Restart Komputer tu. Dan lihat hasilnya berhasil atau gak. ☺
• • Tapi jika kalian gak mau Nge-Restart Komputernya juga gak apa-apa kok.. Karna masih ada cara lain,, Yaitu dengan cara membuka Task Manager atau Alt+Ctrl+Delete..
• • Klik tab Processes ► Scroll kebawah lalu cari explorer.exe jika tidak ketemu,, Tekan aja huruf “e” di keyboard berulang kali hingga ketemu.. Setelah ketemu klik aja Tab paling bawah End Process..

• • Dan jika muncul peringatan atau Task Manager Warning yang memberi peringatan jika ingin mengakhiri proses. Klik Yes aja, tapi jangan bingung jika windows explorer kalian hilang.

• • Dan setelah itu coba buka lagi Windows Explorer-nya.. Klik Menu File lalu pilih New Task (Run…) ketikan “explorer” (tanpa tanda kutip) lalu OK atau tekan Enter..

• • Dan lihat hasilnya,, Dengan Tampilan Icon Menu yang baru.. Tanpa Tanda Panah atau Shortcut lagi..

Hhmmm… Keren kan…… ☺

Cara Mudah Mendapatkan URL Image

Cara Mudah Mendapatkan URL Image - Menjawab pertanyaan mas Roni Ismail dalam Postingan blog ini cara membuat blogger slide show bergaya, bagaimana cara mendapatkan URL image untuk kita gunakan dalam membuat slide show ?, maka saya posting saja bagaimana cara mudah kita mendapatkan URL image. Dan URL image ini, bisa sobat gunakan untuk keperluan nge blog dan sangat diperlukan untuk sobat yang sedang mengelola toko online.

Ada banyak cara untuk kita mendapatkan URL image, yaitu dengan cara mengUpload image kita ke penyedia situs-situs gratis yang menyediakan upload gratis yang bisa kita gunakan. Seperti photobucket,tinypic, dll. Tapi ada cara yang lebih mudah untuk mengUload image kita secara gratis, dan cara ini yang selalu saya gunakan, yaitu mengUpload image ke blogspot. Selain free, redirect URL nya apabila kita upload di blogspot juga ringan, tidak seperti di photobucket atau yang lain, biasanya URL ridirect agak lama load nya.

Langsung saja bagaimana Cara Mudah Mendapatkan URL Image :

1. Masuk ke akun blogger sobat.

2. Buatlah sebuah draft post dan beri judul sesuai selera seperti "backup image".

3. Mulailah untuk upload seluruh image yang anda butuhkan kedalam postingan ini.

4. Setelah selesai melakukan upload image maka akan terlihat seperti gambar di bawah ini.

 5. Setelah Klik Preview.

 6. Setelah Klik Preview > Klik kanan image yang diuload tadi > Kemudian klik view image > Setelah klik view image copy Link URL Imge nya.

 
7. Setelah itu postingan ini di save Draft saja, jangan di publish.

Demikianlah cara saya Mendapatkan URL Image untuk kebutuhan bloging dll. Semoga tips ini dapat bermanfaat untuk sobat semua. Trims.

Calendar Widget Untuk Blogspot

Calendar Widget Untuk Blogspot - Calendar widget atau kalau bahasa indonesianya widget kalender. Ini adalah sebuah widget yang memudahkan sobat blogger untuk membuat kalender dengan tampilan yang sangat menarik dan dengan cara yang sangat mudah pembuatanya.  Sebenarnya widget kalender ini tidak terlalu penting untuk sebuah blog, tapi mungkin jika sobat ingin mempercantik tampilan blog nya bisa juga menggunankan widget ini, atau buat sobat yang punya niche blog yang memang ada hubunganya dengan Waktu. Misal sobat punya toko online blogspot untuk menjual Jam, atau menjual kalender itu sendiri, maka widget kalender ini bisa cocok dipasang di blog sobat. Untuk membuat widget calendar ini, silahkan sobat berkunjung ke situs-situs dibawah ini :

1. www.cuteki.com/widgets/calendars
Situs untuk membuat widget calendar yang pertama ini menyediakan bentuk kalender yang unyu-unyu alias imut-imut, sangat cocok untuk sobat yang punya blog berniche perempuan.

2. www.widgetbox.com/tag/calendar
Kalau situs yang ini menyediakan widget calendar yang sangat banyak jenis tampilanya, dengan tampilan desain yang cukup elegant.

3. www.calendarlabs.com/calendars/web-content/free-blog-website-content.php 
Kalau sobat mau mencari tampilan kalender hewan atau berwajah artis, bisa masuk ke situs ini.

4. www.mycalendar.org/Holiday/Indonesia 
Kalau situs ini, gimana ya ?? ya silahkan sobat cek langsung saja.


Nah, itulah sob beberapa situs untuk memudahkan sobat dalam membuat Calendar Widget atau kalender di blog.

Cukup sekian, semoga bermanfaat 

Cara Membuat Widget Mashable

Cara Membuat Widget Mashable - Media Besar Mashable sebagai salah satu blog sosial terbesar ini selalu menjadi inspirasi dalam apa pun yang mereka lakukan. Widget ini dibuat karena terinspirasi oleh Mashable dan plugin ini dinamakan sebagai bar sosial mashable. Widget ini dapat digunakan di setiap blog hanya dengan langkah instalasi sangat mudah. Seperti yang sobat lihat widget ini berisi link ke halaman ke Facebook Fan, laman Google+ dan tombol rekomendasi, twitter ikuti tombol, RSS dan LinkedIn link dan yang paling penting bentuk widget langganan ini sangat menarik yang selanjutnya akan meningkatkan jumlah pelanggan Email blog sobat. Seperti apa live demonya ? Silakan lihat demo nya dibawah ini :

Bagaimana Cara Membuat Widget Mashable ini ? Cara nya sangatlah mudah, sobat tinggal Add Gadget HTML di blogspot sobat, berikut kode nya :

<style>
/* Social Widget */
#MBT-mashable-bar {
    border: 0;
    margin-bottom: 10px;
    margin: 0 auto;
        width:300px; }
.fb-likebox {
    background: #fff;
    padding: 10px 10px 0 10px;
    border: 1px solid #D8E6EB;
    margin-top: -2px;
        height:80px;
}
.googleplus {
    background: #F5FCFE;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #D8E6EB;
    border-left: 1px solid #D8E6EB;
    border-image: initial;
    font-size: .90em;
    font-family: "Arial","Helvetica",sans-serif;
    color: #000;
    padding: 9px 11px;
    line-height: 1px;}
.googleplus span {
    color: #000;
    font-size: 11px;
    position: absolute;
    display:inline-block;
    margin: 9px 70px;}
.g-plusone {    float: left;}
.twitter {
    background: #EEF9FD;
    padding: 10px;
    border: 1px solid #C7DBE2;
    border-top: 0;}
#mashable {
    background: #EBEBEB;
    border: 1px solid #CCC;
    border-top: 1px solid white;
    padding: 2px 8px 2px 3px;
    text-align: right;
    border-image: initial;}
#mashable .author-credit {}
#mashable .author-credit a {
    font-size: 10px;
    font-weight: bold;
    text-shadow: 1px 1px white;
    color: #1E598E;
    text-decoration:none;}
#email-news-subscribe .email-box{
    padding: 5px 10px;
    font-family: "Arial","Helvetica",sans-serif;
    border-top: 0;
    border-right: 1px solid #C7DBE2;
    border-left: 1px solid #C7DBE2;
    border-image: initial;
   height:35px;}
#email-news-subscribe .email-box input.email{
    background:#FFFFFF;
    border: 1px solid #dedede;
    color: #999;
    padding: 7px 10px 8px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    border-image: initial;
    font-family: "Arial","Helvetica",sans-serif;}   
#email-news-subscribe .email-box input.email:focus{color:#333}   
#email-news-subscribe .email-box input.subscribe{
    background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00));
    background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%);
    -pie-background: linear-gradient(270deg,#ffca00,#ff9b00);
    font-family: "Arial","Helvetica",sans-serif;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #cc7c00;
    color:white;
    text-shadow:#d08d00 1px 1px 0;
    padding:7px 14px;
    margin-left:3px;
    font-weight:bold;
    font-size:12px;
    cursor:pointer;
    border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
    background: #ff9b00;
    background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00);
    background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
    outline:0;-moz-box-shadow:0 0 3px #999;
    -webkit-box-shadow:0 0 3px #999;
    box-shadow:0 0 3px #999
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00));
    background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%);
    -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00);
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #cc7c00;
    color:#FFFFFF;
    text-shadow:#d08d00 1px 1px 0}   
#other-social-bar {
    background-color: #D8E6EB;
    box-shadow: 0 1px 1px #FFFFFF inset;
    padding: 0px;
    font-family: "Arial","Helvetica",sans-serif;
    font-weight:bold;
    overflow: hidden;
    border: 1px solid #B6D0DA;
       height:37px;
}
#other-social-bar ul {list-style: none outside none; padding-left: 4px;}
#other-social-bar .other-follow {
    float: left;
    color:#1E598E;
    overflow: hidden;
    height:20px;
    padding:5px;
    width: 270px;}
#other-social-bar .other-follow ul {
    list-style: none outside none;
    padding-left: 4px;}
#other-social-bar .other-follow ul li {
    font-size: 12px;
    font-weight: bold;
    display:inline;
    border:0;
    text-shadow: 1px 1px white;}   
#other-social-bar .other-follow ul li a {
    font-size: 12px;
    color:#1E598E;
    font-weight: bold;
    display:inline;
    text-shadow: 1px 1px white;}
#other-social-bar .other-follow li {
    font-size: 12px;
    font-weight: bold;
    display:inline;
    border:0;
    text-shadow: 1px 1px white;}
#other-social-bar .other-follow li a {
    font-size: 12px;
    color:#1E598E;
    font-weight: bold;
    display:inline;
    text-shadow: 1px 1px white;}
#other-social-bar .other-follow li.my-rss {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAuspK7QvPHFTOL75poznsQHyr7PkRCvyeL8ClhuPorn_4zHfw-_y1G2nfmIxTOKLg9U7eDKIb5oaqKzggQG2A-f2quY8WHOvsVyqXMcChdttfj5BogrOGocpe4VQdf53zTX20YWmkDc/s400/rss-16x16.png') no-repeat transparent;
    line-height: 1;
    padding: 0px 3px 1px 20px;
    width: 60px;
    margin-bottom:0px;
        margin-left:5px;}
#other-social-bar .other-follow li.my-rss a, #other-social-bar .other-follow li.my-linkedin a, #other-social-bar .other-follow li.my-gplus a{
text-decoration:none;
}
#other-social-bar .other-follow li.my-rss a:hover, #other-social-bar .other-follow li.my-linkedin a:hover, #other-social-bar .other-follow li.my-gplus a:hover{
text-decoration:underline;
}
#other-social-bar .other-follow li.my-linkedin {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL9zVNFoRs5voWCHwMJnL0oOR655m6X8L00EEcO6vuup2zR629atEcsG40uExyvB_7-4QQG4e0RA9DkX7-GeoGZ1curZSxxJqLT24gdGwaGpETiLwIMz7wbygj4C2PgskZlLZucKMS62c/s400/linkedin-16x16.png') no-repeat transparent;
    line-height: 1;
    padding: 0px 3px 1px 20px;
    width: 60px;
    margin-bottom:0px;}
#other-social-bar .other-follow li.my-gplus {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilTCg3EfcA1k60H7FjMZ6shtgomBCVDYCNlVIO9mY338ZqTtTzpNfR1ZffN5X7UgAV7PdzxjyXhXuAlQjsgIReSbOjsfSObl7TAf_VdAiOnYSUa3pki1clB2XM4QCEuEJe5V1fJKIva-Q/s400/gplus-16x16.png) no-repeat transparent;
    line-height: 1;
    width: 60px;
    padding: 0px 3px 1px 20px;
    margin-bottom:0px;}

</style>

<!--[if IE]>
<style>
#email-news-subscribe .email-box input.subscribe{
    background: #FFCA00;
    }
</style>
<![endif]-->

<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="MBT-mashable-bar" > <!-- Begin Widget --> <div class="fb-likebox"> <!-- Facebook --> <iframe src="//www.facebook.com/plugins/like.php?href=http://facebook.com/bloggertricks&amp;send=false&amp;layout=standard&amp; width=200px&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;
font&amp;height=100px&amp;appId=234513819928295" scrolling="no" frameborder="0" style="border:none; overflow:hidden; "></iframe> </div> <div class="googleplus"> <!-- Google --> <span>Recommend us on Google!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> <!-- Twitter --> <iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;
align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=mybloggertricks&amp;show_count=&amp;
show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div> <div id="email-news-subscribe"> <!-- Email Subscribe --> <div class="email-box">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tntbystc', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">   
        <input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Enter Your Email here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />       
        <input type="hidden" value="tntbystc" name="uri" />
        <input type="hidden" name="loc" value="en_US" />
        <input class="subscribe" name="commit" type="submit" value="Subscribe" />   
    </form>
</div> </div> <div id="other-social-bar"> <!-- Other Social Bar --> <ul class="other-follow"> <li class="my-rss"> <a rel="nofollow" title="RSS" href="http://feeds.feedburner.com/tntbystc" target="_blank">RSS Feed</a> </li> <li class="my-linkedin"> <a rel="nofollow" title="linkedin" rel="author" href="LINKEDIN PROFILE LINK" target="_blank">linkedin</a> </li> <li class="my-gplus"> <a rel="nofollow" title="Google Plus" rel="author" href="http://plus.google.com/44448117245314564536" target="_blank">Google Plus</a> </li> </ul> </div> <div id="mashable" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "arial","helvetica",sans-serif;"> <span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="http://www.mybloggertricks.com" target="_blank" >Blogger Widgets »</a></span></div></div>
<!-- End Widget --> </div> <!--end of social widget-->

Note : Silahkan rubah pengaturan nya seperti dibawah ini :

• Replace bloggertricks with your Facebook username
• Replace mybloggertricks with your twitter username
• Replace tntbystc with your Feedburner title. Your Feedburner title is the word added at the end of your Feedburner link. Example: http://feeds.feedburner.com/tntbystc
• Replace http://feeds.feedburner.com/tntbystc with your feedburner  link.
• Replace LINKEDIN PROFILE LINK with your Linkedin profile link
• Replace http://plus.google.com/44448117245314564536 with your Google Plus profile link

Kalau sudah, tinggal sobat save saja, dan widget mashable ini sudah siap digunakan.

Source : www.mybloggertricks.com

Cara Membuat Widget Subscribe Follow

Cara Membuat Widget Subscribe Follow  - Hari ini saya akan berbagi bagaimana cara membuat tombol follow berlangganan widget ke blogger, dan ini adalah WordPress desain. Semoga sobat suka dengan widget ini dan dapat menjaring pengunjung blog sobat untuk berlangganan.

Cara Membuat nya bagaiman ? cara membuatnya sangat mudah sob. Tinggal masukkan HTML ini ke widget blogger sobat. Add Gadget HTML di blogger.

<style type="text/css">
/*<![CDATA[*/
 #esgfollowSubscribe {background-color: #464646;width: 220px;color: #fff;position: fixed;z-index: 999999;right: 10px;bottom: 0;}
 .followOpened {-webkit-border-radius: 2px 0 0;-moz-border-radius: 2px 0 0;border-radius: 2px 0 0;-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);}
 .esgfollowButton {background: #464646;color: #CCC !important;font-size: 13px;line-height: 28px;padding: 0 10px;text-decoration: none;position: absolute;top: -28px;right: 0;display: block;-webkit-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -1px 5px rgba(0, 0, 0, 0.2);-webkit-border-radius: 2px 2px 0 0;-moz-border-radius: 2px 2px 0 0;border-radius: 2px 2px 0 0;height: 28px;}
 .esgfollowButton span {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUpi438kFRwTuvPDZx8ooGRr1WgcironCWjt5GQ5ggCZ1vLoewSUMrD_sdaDOfT4py4gdspJwax-2rPEuOtTSPzcYRnWQCwl4On0XrOECRMxEwyYLOKTunBDj3PIU_jq9c15FmumMt42k/s1600/follow-bloggertrix.png") no-repeat scroll 0 3px transparent;padding-left: 15px;}
 .esgfollowButton:hover,.followActive {color: #fff !important;}
 .esgfollowButton:hover span,.followActive span {background-position: 0 -37px !important;}
 .followactive {background-color: #333;}
 .esgfollowForm {padding: 15px;}
 .esgfollowForm h3 {font-size: 18px;margin: 0 0 10px;font-weight: normal;}
 .esgfollowForm p {margin: 0 0 10px;}
 .esgfollowForm .emailInput {width: 95%;padding: 2px 4px;margin: 0 auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 15px;border: 1px solid #444;color: #888;display: block;clear: both;}
 .esgfollowForm form {text-align: center;}
 .esgfollowForm .emailInput:focus {color: #000;border-color: #000;}
 .esgfollowForm .emailSubmit {cursor:pointer;padding: 2px 20px;background: #333;background: -webkit-linear-gradient(top, #333 0%, #111 100%);background: -moz-linear-gradient(top, #333 0%, #111 100%);background: -o-linear-gradient(top, #333 0%, #111 100%);background: -ms-linear-gradient(top, #333 0%, #111 100%);background: linear-gradient(top, #333 0%, #111 100%);color: #ccc;text-shadow: 0 1px 0 #000;border: 1px solid #282828;-webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;-webkit-box-shadow: inset 0 1px 0 #444;-moz-box-shadow: inset 0 1px 0 #444;box-shadow: inset 0 1px 0 #444;text-decoration: none;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;margin: 1em 0 1em 0;}
 .emailSubmit:hover {background: #222;background: -webkit-linear-gradient(top, #333 0%, #222 100%);background: -moz-linear-gradient(top, #333 0%, #222 100%);background: -o-linear-gradient(top, #333 0%, #222 100%);background: -ms-linear-gradient(top, #333 0%, #222 100%);background: linear-gradient(top, #333 0%, #222 100%);color: #fff;-webkit-box-shadow: inset 0 1px 0 #4f4f4f;-moz-box-shadow: inset 0 1px 0 #4f4f4f;box-shadow: inset 0 1px 0 #4f4f4f;text-decoration: none;}
 .emailSubmit:active {background: #111;background: -webkit-linear-gradient(top, #111 0%, #222 100%);background: -moz-linear-gradient(top, #111 0%, #222 100%);background: -o-linear-gradient(top, #111 0%, #222 100%);background: -ms-linear-gradient(top, #111 0%, #222 100%);background: linear-gradient(top, #111 0%, #222 100%);color: #aaa;-webkit-box-shadow: inset 0 -1px 0 #333;-moz-box-shadow: inset 0 -1px 0 #333;box-shadow: inset 0 -1px 0 #333;text-decoration: none;}
 .esgFollowFooter {text-align: center;font: normal 11px "Helvetica Neue", sans-serif;padding: 7px 0;margin: 0 0 -15px !important;border-top: 1px solid #3c3c3c;}
 .esgFollowFooter a {color: #aaa;text-shadow: 0 1px 0 #262626;background: none;text-decoration: none;}
 .esgFollowFooter a:hover {color: #fff;background: none;}
/*]]>*/
</style>

<script type="text/javascript">
/*<![CDATA[*/
;(function(esg){esg(document).ready(function(){esg.extend(esg.easing,{easeOutCubic:function(x,t,b,c,d){return c*((t=t/d-1)*t*t+1)+b}});var followBox=esg("#esgfollowSubscribe");var followHeight="-"+followBox.outerHeight()+"px";followBox.hide().css({bottom:"-500px"});setTimeout(function(){followBox.show().animate({bottom:followHeight})},500);esg(".esgfollowButton").click(function(e){if(followBox.hasClass("followOpened")){esg(this).removeClass("followActive");followBox.removeClass("followOpened").stop().animate({bottom:followHeight},{duration:300,easing:"easeOutCubic"})}else{esg(this).addClass("followActive");followBox.addClass("followOpened").stop().animate({bottom:"0"},{duration:500,easing:"easeOutCubic"})}e.preventDefault()})})})(jQuery);
/*]]>*/
</script>
<div id="esgfollowSubscribe" style="bottom: -971px;">
<div class="esgfollowForm">
<a class="esgfollowButton" href="#" title="Follow"><b>+ Follow</b></a>
<center>
<h3>Follow bloggertrix</h3>

Get Free Email Updates to your Inbox
</center>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=e-bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="emailInput" name="email" placeholder="Enter Your Email..." type="text">
   <input name="uri" value="bloggertrix" type="hidden">
   <input name="loc" value="en_US" type="hidden">
   <input class="emailSubmit" value="Subscribe" type="submit">
  </form>
<div class="esgFollowFooter">
<a href="http://feedburner.google.com/" target="_blank">Delivered by FeedBurner</a><a href="http://www.bloggertrix.com/" target="_blank">Get This Widget</a>
  </div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>

Note : Ada beberapa pengaturan yang harus sobat rubah. Seperti bloggertrix untuk feedburner diatas.

Okey, cukup sekian  Cara Membuat Widget Subscribe Follow.

Semoga bermanfaat.

Source script : www.bloggertrix.com

Cara Membuat Widget Social Media Metro UI

Cara Membuat Widget Social Media Metro UI - Widget social media super lengkap pasti akan membuat tampilan blog sobat makin atraktif penampilan widget social media nya. Widget ini dinamai Metro UI oleh designernya Vinay Prajapati. 

Fitur :

•     Meliputi 7 jejaring social yang paling sering digunakan
•     Efek hover dan desain yang elegan,
•     Sangat rapi dan bersih
•     Tidak ada JavaScript, No Jquery, murni dengan CSS

Cara Membuat :

Masukkan HTML ini ke add gadget HTML blog sobat :

<div class='metro-social'>
<li><a class="fb" href=http://www.facebook.com/amatullah.syukur rel="nofollow"></a></li>
<li><a class="tw" href=http://twitter.com/amatullahsyukur></a></li>
<li><a class="gp" href="https://plus.google.com/116382152511220195182"></a></li>
<li><a class="pi" href=http://pinterest.com/amatullahsyukur rel="nofollow"></a></li>
<li><a class="in" href=https://www.linkedin.com/in/amatullahsyukur rel="nofollow"></a></li>
<li><a class="yt" href=http://www.youtube.com/amatullahsyukur></a></li>
<li><a class="fd" href=http://feeds.feedburner.com/amatullahsyukur rel="nofollow"></a></li>
</div>
<style>
.metro-social{width:285px}
.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}
.metro-social .fb,.tw,.gp,.pi,.in,.yt,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}
.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}
.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:68px;height:70px}
.metro-social .gp{width:69px;height:70px;background:url(//goo.gl/oT0kF) no-repeat center center #da4a38}
.metro-social .pi{background:url(//goo.gl/7olxx) no-repeat center center #d73532;width:68px;height:69px}
.metro-social .in{background:url(//goo.gl/PhFhj) no-repeat center center #0097bd;width:69px;height:69px}
.metro-social .yt{background:url(//goo.gl/zcwjB) no-repeat center center #e64a41;width:140px;height:69px}
.metro-social .fd{background:url(//goo.gl/lhBP1) no-repeat center center #e9a01c;width:140px;height:69px}
.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}
.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}
.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}
.metro-social li:hover .pi{background:url(//goo.gl/IORvy) no-repeat center center #d73532}
.metro-social li:hover .in{background:url(//goo.gl/2zHrm) no-repeat center center #0097bd}
.metro-social li:hover .yt{background:url(//goo.gl/I1c4a) no-repeat center center #e64a41}
.metro-social li:hover .fd{background:url(//goo.gl/CjzDP) no-repeat center center #e9a01c}
</style>

Note : Silahkan sobat edit sesuai dengan social media milik sobat sendiri.

Okey, cukup sekian Cara Membuat Widget Social Media Metro UI.

Semoga Bermanfaat

Source

Menaikkan Pengunjung Blog Dengan Cepat

Menaikkan Pengunjung Blog Dengan Cepat - Banyan cara yang dilakukan oleh para pengelola blog agar blognya banyak dikunjungi oleh para pembaca yang baik dan budiman. Apapun dilakukan. Dengan tujuan blognya laris manis di datangi.

Tentunya anda pun punya cara jitu dan mantap agar blog anda di kunjungi. Dan saya percaya bahwa anda telah melakukannya.

Mau tahu cara itu? Tidak lain adalah PROMOSI.

Berpromosi merupakan cara paling ampuh untuk memperkenalkan sebuah produk dalam ilmu ekonomi. Demikian juga halnya dalam dunia blog. Jangan segan-segan untuk melakukan promosi blog anda kepada siapa pun. Teman, sodara, kerabat, baru kenalan semuanya harus diperkenalkan. Maksudnya jangan malu bahwa anda memiliki blog, dan harus memperkenalkannya.

Lakukanlah hal ini, baik promosi lewat media-media sosial, ataupun saling berbagi informasi sesama teman blogger. Maka blog anda akan dikunjungi dengan cepat.

Lebih lanjut nanti kita akan bahas Alat-alat promosi dalam Menaikkan Pengunjung Blog Dengan Cepat. Salam blogger. [Bos Tutorial]

Mencoba Mendaftar Google Adsense

Mencoba Mendaftar Google Adsense - Untuk kesempatan kali ini, Bos Tutorial Mencoba Mendaftar Google Adsense. Tujuannya cuma satu agar bisa menampilkan iklan yang diberikan oleh Google Sendiri.

Meskipun blog ini sudah pernah dipasang Google Adsense, tidak tahu dikarenakan apa tiba-tiba langsung di tutup. Maksudnya akun Google Adsense tidak berfungsi lagi alias modar.

Dengan hati yang besar dan berharap baik ke depan, pihak Google mau bermurah hati untuk menerima kembali permohohan pemasangan GA (Google Adsense).

Kita tahu bahwa disamping kita memberikan informasi seputar dunia maya, berharap juga mendapatkan penghasilan tambahan dari blog yang kita pasang. Salah satu pemberi penghasilan tersebut adalah google adsense itu sendiri yang mana dimiliki oleh si Mbah Google.

Oh iya, saya akan memaparkan bagaimana cara untuk mendaftar, mendapatkan GA. Kemudian hari akan kita bahas selanjutnya. Diterima atau tidak diterima permohonan saya kepada Google mengenai GA (meskipun berharap diterima), saya akan tetap memaparkannya kepada kawan-kawan.

Akhirkata, tulisan kecil ini hanyalah curahan hati belaka. Salam. [Bos Tutiroal]

Cara Membuat Widget Social Sharing dan Subcription Super Komplit

Cara Membuat Widget Social Sharing dan Subcription Super Komplit - Ini adalah widget langganan Sosial yang dibuat dengan tujuan mempromosikan dan meningkatkan traffic blog sobat dengan berbagai cara. Ko berbagai cara ? karena widget ini memang sangat komplit. Dengan menggunakan widget ini, sobat memiliki potensi untuk meningkatkan pelanggan blog sobat, penggemar Facebook berbagai jaringan sosial yang lain. Untuk lebih jelasnya langsung sobat langsung lihat demonya dibawah ini :

Cara Membuat nya :

1. Go To Blogger.com -> Template -> Edit HTML -> 
2. Backup your template
3. Tick Expand Widget Templates
4. Search for:

<data:post.body/>

<!--No Ordinary Social Subscription Widget-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.tbibox {
background: #fff;
border: 1px solid #ddd;
height: 360px;
margin: 10px auto;
padding: 10px;
width: 572px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-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;
}
.tbisubscribe: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;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
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;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
.tbisharebox {
border: 1px solid #D3D3D3;
margin: -157px 0 0 330px;
padding: 8px;
width: 225px;
-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;
}
.tbisharebox:hover {
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
-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;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>Get Free Updates in 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(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true'
style='margin: 0pt;' target='popupwindow'>
<input name='uri' type='hidden' value='tntbystc' />
<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='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='FACEBOOK URL' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0WgboI0-lgGZ0JDnusnJ1Nyz7aHacZ8cGmSf3L__4gA0-zVaTkATL_m-brTvr-xHm9ixan1zuhee-X4Cjpf5oxjbiRNFfGxIIWxFGSUlmb15-falszulRLDmWyh2anHSvEtW-M72S2zU/s32/facebook500.png' alt='facebook'/></a>
<a href='TWITTER URL' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjycvLhGspH0mQcVeia737BSktBIwVRGVhfC5WhoeeF9PeHnNfSx8MFocRtMJiHN-6Bo6rwvqnyXdvRxDryBmsBxoNYsKAthdkdBOuwhcigorLHSIvcCMZ-PyLVTioL0rJzAGDhR3DUklk/s32/twitter.png' alt='twitter'/></a>
<a href='GOOGLE+ URL' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMyq0-7sCL7_q9Q4koAQy_FF-WUdn0EAfwW-kjDL47hG0U_ruTvKV30UNU6AhaSk7yKc9dhqysND63Q-YM9NTPgVehWLpMfpvotZs-5icvZLnfB4E0BMmP6igfGkqUaYFBwCYE4TEF_lM/s32/googleplus-revised.png' alt='gplus'/></a>
<a href='PINTEREST URL' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0p4oth5RXSj1WOLCk_gJ9nsfcLRWfS7Rim0V7y00c8qWQQVu0L8_AavLXwWbqBf-hFrO1gSEqSUfgMjk5C87Jzz09FPykcZ1xjnhFwqC6Vk6ob_YdlO-8HjyjYCK7Mx1HStL3rHCvEFc/s32/pinterest.png' alt='pinterest'/></a>
<a href='RSS URL' rel='nofollow' target='_blank'
title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFFpKi5hgIsEf2jiMgjhzQ4u2sqXyMsHbihvgGmlmGEm8j1F_4HYKblasoi_jOLw22fuLJpGooTBHwwlur0gIl89FybGdsYZgxXDYGRmSauG-NPKXQpkq_ZLZS9GCkTLOTSSgzmQA16HE/s32/rss.png' alt='rss'/></a>
</div>
</div>
<div class='tbisharebox'>
<script type='text/javascript'>
var switchTo5x = true;
</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>
stLight.options({
onhover: false
});
</script>
<div style='margin: 5px 5px;'>
<span class='st_fblike_hcount' displaytext=''></span>
</div>
<div style='margin: -30px -20px 0 0; float: right;'>
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button'
expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title'
data-count='horizontal'  data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>
</b:if>
</div>
<div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'>
<a class='addthis_counter'></a>
<script type='text/javascript' src='http://s7.addthis.com/js/250/addthis_widget.js'></script>
</div>
<div style='margin: 5px 5px;'>
<su:badge layout='1'></su:badge>
<script type='text/javascript'>
(function () {
var li = document.createElement('script');
li.type = 'text/javascript';
li.async = true;
li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(li, s);
})();
</script>
</div>
</div>
<div style='float: right; margin: -40px -5px 0 0;'>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'></div>
<script type='text/javascript'>
(function () {
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>
</div>
<div style='margin-top: 20px;'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloggertricks&amp;width=570&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180'
style='border:none; overflow:hidden; width:570px; height:180px;' />
</div>
</div>
</b:if>
<!--No Ordinary Social Subscription Widget-->

Changes to be made:

1. Replace tntbystc with your feedburner FEED TITLE. You get these values by going to your Feedburner account -> Publicize -> Email Subscriptions
2. Replace 'FACEBOOK URL' with your Facebook fan page link
3. Replace 'TWITTER URL' with your Twitter link
4. Replace 'GOOGLE+ URL' with your Google+ page
5. Replace 'PINTEREST URL' with Pinterest link
6. Replace 'RSS URL' with RSS feed link
7. Now for Facebook like box, follow these steps:
   1. Grab your Facebook fan page URL (Do not include http://)
   2. Replace all the back slashes ( / ) with %2F
   3. Now replace www.facebook.com%2Fbloggertricks with your URL you achieved just now.

Cukup sekian sob, Cara Membuat Widget Social Sharing dan Subcription Super Komplit.

Mudah-mudahan bermanfaat.

Source : www.mybloggertricks.com

Cara Membuat Slide Image Description For Blogger

Cara Membuat Slide Image Description For Blogger - Ini adalah sebuah trik yang sangat unik untuk membuat slide image dengan deskripsi dibawahnya. Jika sobat memiliki postingan spesial yang ingin dishare, bisa menggunakan tips ini, dan letakkan di sidebar blog. Sobat bisa menggunakan imge dan dskripsi yang bisa diubah-ubah sesuka hati. Cara membuat nya pun sangatlah mudah, sobat tinggal tambahkan script berikut ke Add Gadget HTML.

<style>
.image-box {
  width:280px;height:280px;overflow:hidden;background-color:white;
  border:1px solid #ccc;float:left;margin:1px 1px;
  font:normal normal 12px/1.4 Segoe,"Segoe UI",Arial,Sans-Serif;
  color:#333;
}
.image-container,
.image-details {height:280px;border:5px solid white;background-color:#ffc;
  transition:margin-top .4s ease-out .4s;
}
.image-container img {
  width:280px;height:280px;padding:0 0;margin:0 0;border:none;outline:none;max-width:none;
  max-height:none;
  background-color:black;
}
.image-details h4,
.image-details p {
  margin:0 0 .2em;padding:0 0;height:70px;
}
.image-details h4 {
  font-size:120%;height:auto;
}
.image-details .details {
  padding:10px 12px;overflow:hidden;
}

.image-details .more {
  color:white;text-decoration:none;display:block;
  text-align:center;font-weight:bold;background-color:#f9a;height:26px;line-height:26px;margin:10px 0 0;
}

.image-box:hover {border-color:#bbb; width:280px;
  height:280px;}
.image-box:hover .image-container {margin-top:-160px}
.image-details .more:hover {background-color:black}
</style>

<div class="image-box-wrapper" id="image-box-wrapper">
 <div class="image-box">
  <div class="image-container">
   <img width="280" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFS3QxPjKHiPXQ2bDhvqkr7Ne9W9MFTK9_eNqLI9jJtLvJBcA9g3FxRBBaxsftlpgLPndKe8_Cz3zPRqlbsq8UqMXWFHfpnmkFgSZXcLWU_eUje3TIoVYFJNCemxsgL5TdBL13z7ajms/s1600/3.jpg" alt="Food">
  </div>
  <div class="image-details">
   <div class="details">
    <h4>Lorem Ipsum</h4>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy...</p>
    <p><a class="more" href="Post Link ">More</a></p>
   </div>
  </div>
 </div>


 <div style="clear:both;"></div>

</div>

Cara edit :  
- width="280" height="280" = ini untuk mengatur lebar dan tinggi slide
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimFS3QxPjKHiPXQ2bDhvqkr7Ne9W9MFTK9_eNqLI9jJtLvJBcA9g3FxRBBaxsftlpgLPndKe8_Cz3zPRqlbsq8UqMXWFHfpnmkFgSZXcLWU_eUje3TIoVYFJNCemxsgL5TdBL13z7ajms/s1600/3.jpg = URL image yang harus sobat ganti.
- Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy = Deskripsi
- Post Link = Link yang akan sobat isi untuk slide 

Okey, cukup sekian sob  Cara Membuat Slide Image Description For Blogger. Semoga bermanfaat

Script by : www.bloggertrix.com

Menyimpan File di Internet dengan MediaFire

Saat ini banyak tersedia layanan file hosting gratis dan berbayar yang dapat digunakan untuk menyimpan file di internet, di antaranya MediaFire yang beralamat di www.mediafire.com. Layanan file hosting ini bersifat gratis dan berbayar. File hosting adalah suatu situs yang menyediakan server atau komputer yang terhubung ke internet secara terus menerus sehingga dapat digunakan untuk menyimpan file yang dapat diunduh atau didownload oleh orang lain atau pun hanya kita sendiri. File hosting berbeda dengan web hosting, karena file hosting ini akan lebih banyak memakan bandwidth dari pada web hosting, karena adanya proses download file yang berukuran besar oleh orang lain. Jadi, jika web hosting digunakan sebagai file hosting bisanya pihak penyedia jasa webhosting akan memberikan sangsi kepada pelanggannya karena telah menyalahi peraturan.

Salah satu layanan file hosting atau tempat menyimpan file di internet adalah MediaFire, karena saya menggunakan layanan ini. Dibandingkan dengan layanan penyimpan file lain yang berbayar, menurut saya Mediafire lebih murah dan lebih banyak gratisnya. Untuk MediaFire professional yang paling rendah saja, kita akan dapat bandwidth sebesar 1000 GB per bulan dan ruang penyimpanan (space hosting) sebesar 100 GB, serta maksimal file yang dapat diuploadnya adalah sebesar 10 GB untuk 1 file. Selain itu proses download pun dapat dilanjutkan kembali (resume), jadi kita dapat menjeda proses unduh dan dilanjutkan kembali.

Dengan menggunakan MediaFire Pro atau (Professional) atau Business kita dapat mendownload file secara langsung tanpa harus membuka halaman MediaFire terlebih dahulu dan tentunya pendownload akan terbebas dari berbagai iklan dan proses download pun akan lebih mudah, terutama bagi pengunduh file anda yang masih awam.

Dengan MediaFire Free kadang kala mereka yang belum familiar akan gagal atau salah klik tombol downloadnya karena banyaknya iklan yang berbentuk tombol download. Untuk itu jika anda ingin agar pengunduh file anda dapat menikmati proses sharing dengan mudah atau mengunduh file dengan mudah, maka harus mengupgrade akun menjadi akun MediaFire Professional atau Business.

Namun, cukup dengan layanan Free saja kita sudah dapat menyimpan file secara online dengan gratis dan tanpa batas tentunya. Bagi anda yang ingin menyimpan file di internet secara mudah dan gratis, anda dapat menggunakan layanan dari MediaFire ini. MyFiles dapat juga diakses dari MediaFire Express yang terinsall di komputer. Jika anda menginginkan layanan ini akan mendapatkan bonus ruang penyimpanan gratis juga.

Bagaimana cara menggunakan layanan MediaFire?
Untuk dapat menggunakan berbagai fitur yang dimiliki oleh MediaFire kita dapat membuat akun terlebih dahulu atau pun tidak. Sebaiknya harus memiliki akun terlebih dahulu, agar kita dapat mengelola file yang kita unggah. Proses pendaftaran MediaFire ini cukup mudah, yaitu harus memiliki alamat email (surat elektronik). Jika belum memiliki email, dapat mendaftar layanan email gratis yang disediakan oleh Google yaitu Google Mail atau GMail yang beralamat di http://mail.google.com atau layanan dari Yahoo! dengan alamat http//mail.yahoo.com. Selanjutnya tinggal mendaftarkan diri atau membuat akun di situs MediaFire yaitu dengan alamat www.mediafire.com.

Online File Storage ini dapat digunakan untuk menyimpan file dan berbagi file dengan orang lain baik melalui komputer, android dan berbagai perangkat mobile lainnya dengan lebih mudah asalkan tersedia jaringan internet untuk melakukan upload dan download file. Anda tentu memiliki berbagai koleksi file video, file gambar, file audio dan berbagai file lainnya yang perlu disharing dengan orang lain. Maka dapat mencoba layanan penyimpan file di internet secara gratis ini.

Cek Tagihan dari Internet (Online)

Hampir semua tagihan saat ini sudah dapat dicek secara langsung melalui fasilitas internet, baik itu tagihan listrik, telepon, internet, asuransi, cicilan, kartu kredit, tagihan tv dan lain-lain. Semuanya dapat kita ketahui dengan mudah tanpa harus menunggu tagihan tersebut datang ke rumah kita atau baru diketahui ketika akan membayar tagihan tersebut. Hal ini kadang membuat terlambatnya tagihan tersebut dibayar akibat terlambatnya tagihan tersebut kita terima. Untuk itu, saat ini sudah banyak tersedia tempat pengecek tagihan di internet yang disediakan berbagai situs penyedia jasa pengecek tagihan melalui internet.

Ada banyak pengalaman pelanggan dari berbagai layanan yang mengeluh akibat lambatnya tagihan datang sehingga mereka harus membayar biaya keterlambatan pembayaran. Sebenarnya hal ini tidak perlu terjadi jika kita mau berusaha untuk mengetahui tagihan lebih awal tanpa harus menunggu pengiriman tagihan ke tempat kita.

Salah satu fasilitas yang banyak digunakan untuk mengecek tagihan adalah melalui internet, di antaranya melalui situs tertentu untuk mengecek tagihan, melalui layanan internet banking, sms banking, dan lain-lain.

Cek tagihan melalui internet (online) ini dapat kita lakukan dengan mudah melalui fasilitas yang disediakan oleh layanan yang kita gunakan tersebut. Misalnya untuk mengecek tagihan kartu kredit, kita dapat mengecek tagihan tersebut melalui melalui fasilitas internet yang disediakan oleh penerbit kartu kredit tersebut.

Untuk mengecek cicilan dan pembayaran tagihan lainnya dapat juga kita gunakan fasilitas internet banking dari berbagai bank yang mendukung pembayaran tersebut. Seperti mengecek tagihan Listrik PLN, tagihan telepon, tagihan internet seperti tagihan speedy, tagihan fastnet, tagihan telkomvision, tagihan indovision (tagihan top tv, tagihan oke vision), tagihan asuransi, tagihan cicilan atau tagihan kredit. Semuanya dapat diakses dan diketahui lebih mudah dan lebih awal tentunya.

Bagaimanakah cara mengecek tagihan melalui Internet Banking?

Cara mengecek tagihan melalui internet banking adalah dengan cara melalui menu pembayaran/bayar dari internet banking (ibank) yang kita gunakan, kemudian pilih pembayaran yang akan kita lakukan, selanjutnya masukkan nomor kontrak/pelanggan/rekening, dll untuk pembayaran tersebut. Misalnya kita akan melakukan pembayaran indovision, maka kita masukkan adalah nomor kontrak/nomor pelangga indovision kita, selanjutnya klik tombol proses selanjutnya. Nanti akan ditampilkan konfirmasi pembayaran tersebut. Jika hanya ingin mengecek tagihan saja, maka kita cukup lakukan sampai sini saja, namun jika ingin langsung melakukan pembayaran kita tinggal memasukkan nomor konfirmasi dari token internet banking yang digunakan.

Pengecekan tagihan melalui fasilitas internet banking ini dapat kita lakukan juga untuk mengecek tagihan orang lain dengan memasukkan nomor pelanggannya.

Jadi, dengan pengecekan tagihan sendiri ini akan memudahkan kita untuk melakukan pembayaran lebih awal untuk menghindari keterlambatan dalam pembayaran tagihan. Dan tidak ada lagi pengalaman buruk akibat terlambatnya membayar tagihan. Mari cek tagihan dari internet sekarang, dan ketahui semua tagihan kita lebih awal dan lebih cepat.