Membuat tombol Back to Top

Jika blog anda termasuk yang menampilkan banyak posting sehingga tampilan jadi memanjang ke bawah, maka yang anda butuhkan adalah tombol yang dapat dengan segera mengarahkan pengunjung kembali ke halaman awal. Karena jika tidak hal tersebut akan menjadi pekerjaan yang sangat melelahkan bagi pengunjung. Anda tidak maukan kehilangan pelanggan...

Berikut kode Back to Top yang anda butuhkan:

Silahkan masuk ke pengaturan HTML template blog anda, jangan lupa beri centang Expand Widget. Selanjutnya copy kode dibawah ini dan letakkan sebelum kode ]]></b:skin>

#csstop { overflow: hidden; float:right; width:55px; height:66px; clear:both; }

Selanjutnya, jika yang anda inginkan adalah tombol berupa gambar, maka copy kode di bawah ini dan letakkan sebelum kode <div id="footer">

<a href='#' id='csstop'><img src='http://dc178.4shared.com/img/Iyd4_cHJ/0.3044262106643665/back_to_top_2.png' title='Kembali ke atas'/></a>

Jika anda kurang berkenan dengan gambar/ icon back to topnya, anda bisa ganti sesuai selera anda. Caranya dengan mengupload gambar milik anda ke hosting gambar gratis kemudian replace kode gambar yang sudah ada di atas (http://dc178.4shared.com/img/Iyd4_cHJ/0.3044262106643665/back_to_top_2.png).

Kalau ingin yang lebih simple anda bisa gunakan versi footer sebagaimana gambar di bawah:

Sertakan kode <a href='#' id='csstop'>Back2top</a> dalam catatan kaki/ footer. Umumnya catatan kaki terletak di antara kode <div id='footer'> dan </div>
Berikut cara meletakkan kodenya:

<div id='footer'>
(c)2010 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> . <a href='http://www.deluxetemplates.net/' target='_blank'>Blogger Templates</a> Developed by: <a href='http://www.facebook.com/profile.php?id=100000145639557' target='_blank'>M.Sholehudin Zuhry</a>. Wp by <a href='http://wpthemesfree.com/' target='_blank'>wpthemesfree</a><a href='#' id='csstop'>Back2top</a>
</div>

Jika sudah silahkan di Save dan lihat hasilnya. Begitu anda klik Gambar/Icon atau tulisan Back to Top pada footer, maka secara otomatis anda akan di arahkan ke halaman paling atas dari blog anda. Selamat mencoba!

Posted by Zuhry D'Explorer

Tombol Sharing Vertikal

Entah apa mo dikata, ngasih judul posting kok aneh gitu. Yang penting beda n bukan hasil plagiat gk jadi masyalah ya kan Om.... :D
Ini cuman sekadar berbagi pengetahuan supaya memudahkan blogger lain buat yang ingin browsing tombol sharing gk kelamaan nyarinya. Berikut previewnya:

ShareSidebar

Kondisi saat akan berbagi isi blog ke Google+

Jikan anda tertarik silahkan akses link berikut ini http://sharesidebar.com/

Kalo hanya menginginkan tombol sharing buat twitter saja bisa dicoba link yang satu ini

Bagaimana, sudah terpuaskan....

Tag: http://whos.amung.us/

Posted by Zuhry D'Explorer

System Restore

Buat anda yang baru saja membeli komputer atau laptop baik second terlebih yang baru, saya sarankan agar supaya membackup system terlebih dahulu sebelum menggunakannya. Tujuannya tidak lain untuk mengantisipasi jika suatu saat terjadi masalah baik itu karena serangan virus atau yang lainnya yang dapat mengakibatkan system menjadi lambat alias lemot.

Hasil backup system tersebut nantinya dapat kita gunakan untuk mengembalikan kondisi komputer seperti sedia kala layaknya sebelum terjadi masalah. Dari pada menginstall ulang semua software, backup system saya rasa lebih menguntungkan dari segi waktu.

Berikut tahapannya:

Silahkan masuk "Windows Explorer - Klik kanan Drive C - Pilih Properties"

Pilih "Backup Now"

Pilih "Next >"

Pilih "Back up Files and Settings" dan klik "Next >"

Pilih "Let me choose what to back up" dan klik "Next >"

Pilih "My Computer - Centang Drive C & System State"

Tentukan di drive mana file backup akan anda letakkan

Klik "Next >"

Klik "Finish"

Proses inisialisasi/ scanning sedang berlangsung

Selanjutnya proses backup akan berjalan dengan sendirinya

Proses Backup sudah berakhir, silahkan klik "Close"

Silahkan gunakan file hasil backup tersebut saat komputer/ laptop anda mengalami masalah atau lelet.
Cara merestore: ikuti gambat nomer 1 - 4 lalu pilih "Restore Files & Settings", dijamin komputer atau laptop anda yang lelet/ lemot kembali normal seperti baru lagi

Posted by Zuhry D'Explorer

Solusi Cepat Upload Gambar di Blog

Menunggu adalah pekerjaan yang sangat membosankan. Itulah pepatah singkat yang sempat aku alami saat mengupload beberapa gambar di blog. Bener - bener bikin bete, mana terkendala sinyal yang semakin lelet pula. Setiap kali mo upload gambar baru mesti nunggu gambar sebelumnya yang sudah terupload loading dulu baru bisa ditampilkan yang baru. Sebenarnya bisa adja sich dicuekin langsung lanjut mengupload, tapi kadang hasilnya jd crass, gambar terlihat retak dan tidak bisa tampil.

Setelah beberapa saat aku coba klik sana - klik sini rupanya ketemu juga solusi. Ternyata minta di reload. sesederhana itu rupanya, dasar akunya juga lelet wkwkwk...
Biar gak tertular jadi lelet maka lo pade juga perlu tau. Coba dech resapi ilham yang sempat aku rasakan ini, dijamin membawa berkah :)

Saat mengupload gambar baru, kondisi gambar lama yang sdh terupload sebelumnya juga dalam proses loading. Keadaan tersebut sungguh kurang menguntungkan dari segi waktu

Gambar baru terupload (kondisi terseleksi) namun gambar lama belum juga kelar loadingnya. Anda masih bisa bersyukur krn gambar baru jelas bisa terlihat, kadang yang terjadi gambar tdk tampil meski dlm keadaan terseleksi

Nah biar gak terlalu lelet cobain tips berikut: klik kanan pada border salah satu gambar yang berada di kotak upload, lalu arahkan kursor ke pilihan This Frame kemudian seleksi Reload Frame

Setelah di reload kotak akan kosong seperti waktu pertama kali anda akan mengupload, dengan begitu beban loading menjadi berkurang dan anda bisa menikmati sensasi upload yg semakin ringan.

Selamat mencoba!

Posted by Zuhry D'Explorer

Menentukan Nama Domain

Sebelum beralih menggunakan hosting berbayar, ada baiknya anda cek terlebih dulu nama domain anda. Tujuannya tidak lain untuk memastikan apakah nama domain tsb masih tersedia dan belum digunakan orang lain. Dikhawatirkan sudah terdaftar, kan jadinya anda sendiri yang dirugikan.

Untuk melakukan tugas tsb (pengecekan ketersediaan nama domain) yang anda butuhkan adalah generator check-up alias name_droppers. Dengan begitu anda terhindar dari pelanggaran dalam penggunaan nama domain orang lain yang kemungkinan sudah dilegalkan secara hukum. Berikut tool tersebut:

Pastikan nama domain anda belum terpakai oleh pengguna lain:

Anda juga dapat memasang generator ini dalam website atau blog dengan mencopy kode di bawah:

Embed code name droppers:

<div style="text-align:center; border:1px solid #999; width:205px; padding:15px 0; background-color:#F3F781; font:12px arial;"> <center><a href="http://www.namedroppers.com/" target="_blank"> <img src="http://www.namedroppers.com/images/search.gif" alt="Namedroppers.com" border="0" style="margin-bottom:10px;" /> </a></center>Pastikan nama domain anda belum terpakai oleh pengguna lain:<br /><br /> <form name="query" action="http://www.namedroppers.com/cgi-bin/query" method="GET" target="_top" style="margin:0;"> <input type="text" name="keys" size="15" /><br /><br /><input type="submit" value="Deteksi" /> </form> </div>

Posted by Zuhry D'Explorer

SexyBookmarks v1

Berbagi bersama di berbagai situs dan sosial nerworking tentunya sangat menyenangkan, untuk itu kita butuh perantara yang dapat mengakomodasi keinginan kita tersebut sebagai media penghubung. salah satunya ya media bookmarks n share.

Berikut satu dari sekian model tombol bookmark n share yang dapat anda gunakan:

Silahkan taruh kode berikut di atas kode: ]]></b:skin>

div.sociable { margin: 16px 0;} span.sociable_tagline { position: relative; } span.sociable_tagline span { display: none; width: 14em; } span.sociable_tagline:hover span { position: absolute; display: block; top: -5em; background: #ffe; border: 1px solid #ccc; color: black; line-height: 1.25em; } .sociable span { display: block; } .sociable ul { display: inline; margin: 0 !important; padding: 0 !important; } .sociable ul li { background: #f5f5f5; display: inline !important; list-style-type: none; margin: 0; padding: 2px; } .sociable ul li:before { content: &quot;&quot;; } .sociable img { float: none; border: 0; margin: 0; padding: 0; } .sociable-hovers { opacity: 0.4; -moz-opacity: 0.4; filter: alpha(opacity=40); } .sociable-hovers:hover { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }

Selanjutnya taruh kode dibawah ini tepat setelah kode: <data:post.body/>

<div class='sociable'> <div class='sociable_tagline'> <img alt='' src='' title='Share This Artikel'/> </div> <ul> <li><a expr:href='&quot;http://del.icio.us/post?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='delicious' class='sociable-hovers' src='http://dc443.4shared.com/img/c0PvK9Pm/delicious_2.png' title='delicious'/></a></li> <li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='Digg' class='sociable-hovers' src='http://dc443.4shared.com/img/YhmUFeq7/0.16121088994970212/digg.png' title='Digg'/></a></li> <li><a expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='stumbleupon' class='sociable-hovers' src='http://dc427.4shared.com/img/gXzuSPPo/stumbleupon.png' title='stumbleupon'/></a></li> <li><a expr:href='&quot;http://reddit.com/submit?url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='reddit' class='sociable-hovers' src='http://dc376.4shared.com/img/T7q1E7bR/reddit.png' title='reddit'/></a></li> <li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=add&amp;bkmk=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='google' class='sociable-hovers' src='http://dc378.4shared.com/img/sqDCONRT/0.3338168601244309/google.png' title='google'/></a></li> <li><a expr:href='&quot;http://twitter.com/home?status=Reading: &quot; + data:blog.title + &quot; - &quot; + data:post.url + &quot; (@NAME)&quot;' target='_blank'><img alt='twitter' class='sociable-hovers' src='http://dc269.4shared.com/img/0W9WUYaF/twitter.png' title='twitter'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='facebook' class='sociable-hovers' src='http://dc443.4shared.com/img/3v2fy9Lj/0.9625312520045289/facebook.png' title='facebook'/></a></li> <li><a expr:href='&quot;http://www.mixx.com/submit?page_url=&quot; + data:post.url' target='_blank'><img alt='mixx' class='sociable-hovers' src='http://dc435.4shared.com/img/N1OyYPkq/0.9156774558839156/mixx.png' title='mixx'/></a></li> <li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' target='_blank'><img alt='comfeed' class='sociable-hovers' src='http://dc444.4shared.com/img/DwPDi4R1/0.3912325496634914/feed_2.png' title='comfeed'/></a></li> <li><a expr:href='&quot;http://buzz.yahoo.com/submit/?submitUrl=&quot; + data:post.url' target='_blank'><img alt='yahoobuzz' class='sociable-hovers' src='http://dc439.4shared.com/img/KILB2Clb/yahoo.png' title='yahoobuzz'/></a></li> <li><a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='linkedin' class='sociable-hovers' src='http://dc311.4shared.com/img/jkVVczae/0.6651993086196961/linkedin.png' title='linkedin'/></a></li> <li><a expr:href='&quot;http://technorati.com/faves?add=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='technorati' class='sociable-hovers' src='http://dc102.4shared.com/img/EKZ3oyc3/0.4694297817556107/technorati.png' title='technorati'/></a></li> <li><a expr:href='&quot;http://www.myspace.com/Modules/PostTo/Pages/?u=http&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='myspace' class='sociable-hovers' src='http://dc269.4shared.com/img/iD_mTQ3E/0.2756566488268093/myspace.png' title='myspace'/></a></li> <li><a expr:href='&quot;http://friendfeed.com/?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='friendfeed' class='sociable-hovers' src='http://dc423.4shared.com/img/4pCgRbwo/0.8631687167415111/friendfeed.png' title='friendfeed'/></a></li> <li><a expr:href='&quot;http://www.newsvine.com/_tools/seed&amp;save?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='newsvine' class='sociable-hovers' src='http://dc246.4shared.com/img/pRAT4WVb/0.2456728701887846/newsvine_2.png' title='newsvine'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='livejournal' class='sociable-hovers' src='http://dc433.4shared.com/img/mCSiUJgV/0.07438949894690194/livejournal.png' title='livejournal'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='pownce' class='sociable-hovers' src='http://dc436.4shared.com/img/2Mg940Jb/pownce.png' title='pownce'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='webshots' class='sociable-hovers' src='http://dc445.4shared.com/img/wqQR3DFr/webshots.png' title='webshots'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='vimeo' class='sociable-hovers' src='http://dc444.4shared.com/img/VL0ECqS6/vimeo.png' title='vimeo'/></a></li> <li><a expr:href='&quot;http://www.facebook.com/share.php?u=&quot;+ data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'><img alt='netvibes' class='sociable-hovers' src='http://dc430.4shared.com/img/G86U9rWs/netvibes.png' title='netvibes'/></a></li> </ul> </div>

Terakhir silahkan Save Template

Tag: Sexybookmarks-v2

Posted by Zuhry D'Explorer

Membuat tombol Tambah Gadget di pengaturan blog

Pengalaman bergonta - ganti template blog rupanya cukup memberi saya banyak pelajaran, mengingat setiap template memiliki karakter atau pengkodean yang berbeda. Suatu ketika saya melakukan perubahan tataletak beberapa widget dengan cara drag - drop, saat tombol save pada pengaturan layout blog saya klik rupanya tidak berfungsi sebagaimana mestinya, itu terjadi sesaat setelah saya beralih ke template baru. Sehingga saya selalu gagal menyimpan hasil pengaturan (galat).

Karena usaha saya selalu gagal akhirnya saya mengambil langkah membuat tombol baru buat menambah gadget/ widget di setiap lokasi yang saya kehendaki, dan ternyata usaha saya berhasil, perintah save-pun berfungsi dengan sangat baik. Berikut tahapan membuat tombol untuk menambah gadget/ widget yang berada dilokasi pengaturan layout blog:

Copy code berikut dan taruh dilokasi yang anda kehendaki, misalnya diletakkan setelah kode posting blog yang berada pada tag body, sehingga natinya tombol berada tepat dibawahnya (lihat ilustrasi gambar di atas).

<!-- set add a gadget --> <div class='gadget' id='sidebar'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML50' locked='false' title='' type='HTML'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div><!-- clear --> <div class='clear'/> <!-- end add a gadget -->

Anda juga bisa menaruh kode tersebut sebelum kode posting blog, tepatnya di bawah header atau dilokasi widget juga bisa, sesuai selera.

Selamat mencoba!

Posted by Zuhry D'Explorer