Dede Lab: Maret 2013

Membuat 2 Kolom Postingan Pada Beranda

Entah kenapa dari dulu saya ingin sekali mempunyai 2 kolom postingan pada beranda blog namun selalu saja gagal karena tidak cocoknya pada template yang saya gunakan . Awalnya saya tertarik membuatnya setelah melihat template masdoyok pada tahun 2011 lalu.

Terlihat lebih rapi dan menghemat tempat adalah salah satu keunggulan memasang 2 kolom postingan seperti ini.

Bagaimana ? anda ingin mencoba menerapkannya pada blog anda ? silahkan ikuti tutorial dibawah ini yaa

UPDATE

Karena cara yg kemarin ribet dan waktu saya coba di template lain hasilnya kurang maksimal, sekarang saya kasih tutorial yg baru, lebih mudah diaplikasikan ke blog anda, silahkan ikuti tutorial dibawah yaa

1 . Langsung menuju Edit HTML
2 . Silahkan cari kode </head> , jika sudah ketemu , copas kode dibawah ini dan letakan diatas kode </head>

<b:if cond="data:blog.pageType != "item"">
      <style>
    #main-wrapper {
width:100%;padding-left:10px;padding-right:10px;border-right:1px solid #ddd;
}
    h2.date-header, .jump-link, .feed-links, .post-footer {
display:none;
}
    #blog-pager {
width:100%; clear:both;
}
        .post{width:45%;height:200px;float:left;overflow:hidden;padding:2px;border:1px solid #ccc;margin:10px;}

    .post h3 {
          padding:4px;font-size:15px;font-weight:bold;line-height:1.3em;color:#fff;text-transform:none;font-family:Arial;background:#1E90FF;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
        .post img{width:100%;}
    .post h3 a, .post h3 a:visited, .post h3 strong {
font-weight:bold;color:#fff;
}
    .post h3 strong, .post h3 a:hover {
color:#fff;text-decoration:none;
        }</style>
    </b:if>

*Tulisan yang berwarna merah anda bisa ganti dengan lebar dan panjang postingan yg anda inginkan, oiya kode diatas sudah saya edit, jadi hasilnya sangat polos, dan anda bisa mudah memodifikasinya

4 . Ada baiknya anda melakukan preview sebelum menerapkannya agar dapat melakukan perbaikan-perbaikan sebelum template dipublish

5 . Jika sudah siip silahkan save template anda

Oke sekian tutorial saya , semoga bermanfaat buat anda semua

Template Pertama Dedechd

Akhirnya template pertama blog ini selesai juga

. Template satu kolom ini banyak didominasi warna putih, abu-abu dan merah. Bagaimana menurut anda ? masih terlalu polos ? Butuh waktu beberapa hari hanya untuk meredesign template "Simple" bawaan blogger ini . Kok bisa yaa padahal perubahannya gak terlalu banyak ?

1 . Sangat banyak kegiatan yang saya lakukan saat blogging
Contohnya membuat design , facebookan , twitter , yaa terkadang keasikan chating sering membuat saya lupa, kalau saya lagi sedang blogging

2 . Sangat banyak kode-kode yang tidak cocok dengan template ini
Terkadang saya harus bolak balik google untuk mencari tutorial yang lain namun hasilnya NIHIL. Dan disaat benar benar tidak ada kode yang cocok , saya memberanikan diri untuk sedikit bereksperimen dengan kode kode html dan hasilnya tidak begitu buruk

3 .Koneksi internet yang lelet
Sedang asik-asiknya edit template dan siap untuk menyimpannya , tiba-tiba keluar tulisan "Problem Loading Page" . Yaah mungkin hal tersebut sangat sudah biasa bagi saya. Karena jatah internet bulanan cuman segitu , yaa mau gimana lagi ?

Walaupun begitu banyaknya halangan *CieehBahasanya tapi saya harap bisa selalu ngeblog dan memberi fresh artikel dan info untuk anda semua

Pasang Iklan

Sebenarnya tujuan saya memasang jasa iklan bukan untuk cari duit juga sih

Tujuan utamanya adalah agar blog saya terlihat lebih hidup dengan adanya iklan dari anda semua

.
Disini saya lebih mengutamakan iklan clothing, makanan, dan kosmetik dan blog ini anti iklan dewasa

.

Silahkan baca ketentuan dibawah ini sebelum mengisi form

*Ketentuan

1 . Dilarang memasang iklan yang berbau porno dan sara
2 . Pembayaran dilakukan dengan sistem tranfer pulsa karena harga yang murah meriah

3 . Tanda "*" wajib diisi
4 . Jika gambar melebihi 1MB , secara otomatis tidak akan bisa terupload ke email saya (1MB sudah lumayan HD untuk iklan

) . Format gambar .jpg , .jpeg , .gif
5 . Setelah mengisi dan mengirim form dibawah , anda akan segera menerima balasan melalui SMS yang berisi total pulsa yang harus ditranfer
6 . Jika pulsa sudah masuk , iklan akan dipasang secepat mungkin

Untuk keluhan silahkan kirim email ke dedechd@gmail.com , jika sudah paham , silahkan isi form dibawah ini

Kehidupan Seorang Blogger Copy Paste

Pernah dengar istilah blogger copy paste ?
Yaak dari nama juga udah ketahuan kerjaan blogger yang satu ini apa

Tapi percaya atau nggak , dulu saya pernah jadi blogger copy paste . Hal itu saya lakukan waktu masih awal-awal ngeblog di Blog Dedhe sekitar tahun 2011an.
Jadi blogger copy paste itu beda banget rasanya kalau dibandingin sama jadi blogger "sungguhan" . Awal buka blog cek statistik , buka komentar . Disini blogger copas biasanya cuman mau reply komentar yg sifatnya memuji contohnya "nice info" "tutorialnya keren" dan blogger copas paling anti sama komentar kayak gini "kok gak bisa ?" "gan di blog aku kok gak bisa yaa" kalau sudah begitu , blogger copas biasanya hanya menjawab "mungkin ada step yg kelewat" "coba ulangi stepnya" tanpa mau memberi tutorial yang tepat . Kenapa ? yaa karena artikel tersebut mereka copas dari blog orang lain tanpa dicoba terlebih dahulu makanya gak heran kalau mereka tidak tahu jalan keluarnya

Hmm mungkin blogger copas artikel kini sudah biasa . Sekarang banyak blogger yang "membajak credit template" . Maksudnya ? blogger "profesional" biasanya membuat templatenya sendiri , dan biasanya membuat credit di bagian bawah blognya . Berbeda dengan blogger copas , pertama ia akan mendownload template gratisan yang banyak tersedia di internet , lalu memasangnya dan melakukan sedikit pembedahan pada template tersebut seperti mengganti background , warna dll. Kemudian dengan "kepandaiannya" mengedit template , ia akan mengubah credit template tersebut seenak jidatnya

.

Terkadang memang tidak adil jika postingan atau template yang kita buat dengan susah payah dibajak begitu saja . Tapi itulah proses , karena saya yakin dulunya anda adalah seorang blogger copas *EhhMaaf . Namun jika blogger tersebut ingin berkembang , saya yakin suatu saat nanti ia akan menjadi blogger senior yang siap postingan atau templatenya dibajak orang lain

-Be Creative & Be Yourself-

Memasang Meta Tag Pada Blog

Salah satu trik untuk membuat blog anda ramai pengunjung dan cepat terindexs oleh mesin pencari google adalah dengan memasang Meta Tag

Ngomong-ngomong , Meta Tag itu apaan ya ?

Mungkin banyak blogger yang baru belajar ngeblog yang belum tahu apa itu Meta Tag (termasuk saya yang udah lama ngeblog tapi baru tahu meta tag itu apa

)

Singkat kata meta tag adalah tag atau elemen yg dipakai untuk menyatakan deskripsi/keterangan dari suatu halaman web atau blog dan untuk menjelaskan mengenai keyword yang terkait serta untuk metadata lain tanpa “head”

.

So pemasangan meta tag ini sangat baik untuk SEO . Jadi buat anda yang ingin memasang Meta Tag ini silahkan diikuti langkah-langkah dibawah ini yaa

1 . Langsung menuju Edit HTML atau template . Jangan lupa centang tulisan "expand template widget"nya yaa
2 . Kemudian cari kode <b:include data='blog' name='all-head-content'/> . Biasanya terletak diatas
3 . Kemudian copas kode dibawah ini dan letakan tepat dibawah kode pada no 2

<b:if cond='data:blog.url == "Url blog anda"'>
<title><data:blog.pageTitle/></title>
<meta content='deskripsi blog anda' name='description'/>
<meta content='keyword blog anda' name='keywords'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", " + data:blog.pageName' name='Keywords'/>
</b:if>

4 . Tulisan yg berwarna merah tolong dirubah dengan keterangan blog anda
5 . Simpan template

Oke sekarang Meta tag telah terpasang di blog anda. Selamat mencoba yaa

Mudahnya Membuat Menu Horizontal Sederhana Pada Blogger

Masih ingat dengan tutorial saya yg membahas tentang cara membuat menu horizontal sederhana pada blog ? kalau belum silahkan baca dulu disini

Pada pertemuan kali ini saya akan memberi turorial tentang menu horizontal lagi , namun beda tampilan . Penampakannya seperti gambar dibawah ini

Bagaimana ? tertarik untuk membuatnya ?

. Silahkan ikuti tutorial dibawah ini

1 . Langsung menuju edit HTML
2 . Jangan lupa centang "expand template widget"
3 . Sekarang cari kode ]]></b:skin>
4 . Copas kode dibawah ini dan letakan tepat diatas kode ]]></b:skin>

/* Navigasi tabs Starts */
a.darmantotabs, a.darmantotabs:link, a.darmantotabs:visited {display:block; width:102px; height:30px; background:#444444; border:1px solid #ebebeb; margin-top:2px; text-align:center; text-decoration:none; font-family:arial, sans-serif; font-size:12px; font-weight:bold;color:#FFFFFF; line-height:25px; overflow:hidden; float:left;}
a.darmantotabs:hover {color:#FFFFFF; background:#666666;}
#darmantobar {width:auto; margin:0 auto;}
/* Navigasi tabs Sederhana Ends */

5 . Klik simpan
Eiits , stepnya belum selesai sampai disitu , sekarang kita menuju edit Tata Letak

6 . Tambah widget HTML Javascript
7 . Copas kode dibawah ini

<div id='darmantobar'>
<a href="#" class="darmantotabs">Home</a>
<a href="#" class="darmantotabs">About</a>
<a href="#" class="darmantotabs">Tutorial</a>
<a href="#" class="darmantotabs">Download</a>
<a href="#" class="darmantotabs">Contact</a>
</div>

#NB : Tulisan yg berwarna biru ganti dengan link yg akan dituju . Sementara yg merah ganti dengan judul dari menu horizontalnya

8 . Jika sudah , klik simpan

Oke sekian tutorial kali ini , jika anda mengalami kesulitan silahkan konsultasi di kotak komentar

Sumber : http://www.darmanto.com/

Cara Menghapus Direct Messages di Twitter Sekaligus

Anda termasuk orang yg eksis di twitter ?

Jika iya tentunya anda mempunyai banyak sekali DM atau Direct Messages. Mungkin suatu saat nanti anda perlu menghapus semua DM tersebut secara cepat *KondisiDarurat

Tentu saja itu akan memakan waktu yg lama jika kita tahu twitter tidak menyediakan fitur "Delete all DM"

. Maka dari itu kali ini saya akan memberi beberpa trik untuk menghapus DM tersebut secara sekaligus dan cepat

. Mau tahu caranya ? lanjut aja bacanya

1 . Buka www.dmcleaner.com

2 . Klik Sign in With Twitter di bagian bawah halaman
3 . Log in seperti biasa
4 . Jika sudah terhubung , anda akan diberi pilihan untuk menghapus semua DM , DM terkirim saja atau , DM yg diterima . Pilih salah satu yg pingin diaplikasikan

5 . Tunggu sebentar dan , foilaa DM anda sudah bersih

Semoga trik diatas dapat membantu anda , dan jangan lupa untuk men-share artikel ini

Memodifikasi Kotak Komentar Menjadi Threaded View

Bingung ahh mau ngasi judul apa buat postingan ini

Tapi intinya udah pada tau kan ? hah belum ? oke ini saya kasi contoh gambarnya

Sekarang saya akan kasi tutorial gimana caranya ngubah tampilan komentar di blog kalian , jadi nanti tampilannya jadi threaded gitu

Gimana ? pingin coba ? ayook dilanjutin bacanya

1 . Langsung menuju edit HTML dan jangan lupa centang tulisan "expand template widget"nya
2 . Cari kode <b:includable id='feedLinksBody' var='links'> kemudian copas kode dibawah ini dan letakan diatas kode tersebut

<b:includable id='threaded_comment_css'>
<style>
/*------------- START Blogger Threaded Comments -------------*/
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#fff; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px;   font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;

}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .user a {
color:#2D5E7B; font-size:14px; font-weight: bold;text-decoration: none;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
color: #999999;
float: right;
font-size: 11px;
text-decoration: none;
}
.comments .comments-content,
.comments .comments-content .comment-content {
margin:0 0 8px;
}

.comment-header {background-color: #F4F4F4;
    border: thin solid #E6E6E6;
    margin-bottom: 5px;
    padding: 5px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: inline-block;
margin: 0;
padding: 1px 6px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
color: #424242 !important;
text-align: center;
text-shadow: 0 -1px 0 white;
text-decoration: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #EDEDED;
background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, white), color-stop(1, #E5E5E5) );
background: -moz-linear-gradient( center top, white 20%, #E5E5E5 100% );
font: 11px/18px sans-serif;
padding:2px 8px; margin-right:10px;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {background-image: url("http://img846.imageshack.us/img846/7357/unled1oww.jpg");background-position: center center;background-repeat: no-repeat;float: left;width: 36px;max-height: 36px;margin: 0;outline: 1px solid #FFFFFF;padding: 3px;vertical-align: middle;overflow: hidden;
border: 1px solid #DDDDDD;}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}

/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
    margin-left: 0;
}
}

/*------------- End of Blogger Threaded Comments -------------*/
</style>
</b:includable>

3 . Sekarang cari lagi kode <b:includable id='threaded_comments' var='post'> . Kemudian copas kode dibawah ini dan letakan dibawah kode tersebut

<b:include name='threaded_comment_css'/>

4 . Klik SAVE

Oke sekarang cek kotak komentar kalian

selamat mencoba yaah

Kumpulan Aplikasi SMS Untuk Android

Oke di postingan ini saya akan membahas beberapa aplikasi buat SMS untuk handphone yg berbasis android . Gak cuman info , nanti akan saya hare juga link downloadnya . Semuanya gratis kok

so lanjut aja bacanya

1 . GO SMS Pro

Aplikasi yg satu ini emang udah gak asing lagi buat pemegang HP Android , Mudahnya kostumisasi adalah salah satu keunggulan yg dimilik oleh Go SMS pro , beberapa fitur andalannya

- Kostumisasi yg mudah
- Banyak add on yg bisa didownload , seperti language , emoji , theme maker dll
- Adanya fitur Go Chat
- Ada banyak effect yg bisa digunakan dalam aplikasi
- dll

Buat kalian yg pingin coba , download disini yaah

(ukurannya sekitar 8mban)

2 . Chomp SMS

Belum banyak yg tau aplikasi sms yg satu ini , namun banyak keunggulan yg dimiliki aplikasi ini . Contohnya

- Cepat dan mudah digunakan
- Mudah dikostumisasi
- Tersedia banyak emoji (tanpa harus mendownloadnya terlebih dahulu)
- Lumayan ringan

Download here (ukurannya sekitar 5mban)

3 . DroidSMS

Ini adalah aplikasi sms satu-satunya yg ada di android saya , ini beberapa alasan kenapa saya menggunakan aplikasi ini

- Cepat , ringan dan mudah digunakan
- Tersedianya custom avatar
- Pop Up yg keren
- Emoji yg berbeda dari aplikasi sms lainnya

Silahkan coba aplikasi ini disini (ukuran sekitar 2,4mban)

4 . Handcent SMS

Saya belum pernah manggunakan app yg satu ini , but setelah lihat review dan gambarnya di google play , kayaknya app ini patut dicoba

. Beberapa kelebihan yg saya liat di app ini

- Kostumisasi yg mudah
- Ringan (ukurannya hanya 3mban)
- Emoji yg keren

Buat app yg satu ini saya belum bisa ngasi banyak review , karena belum pernah coba hhe . So gak ada salahnya kalian buat nyoba app yg satu ini

. Download here

Oke saya kira cukup segitu dulu reviewnya . Postingan ini termasuk postingan yg bakal saya update kalo ada something new . So comeback again yaah

semoga bermanfaat

Langganan: Komentar ( Atom )

Categories

About