Hello World

Apa kabar semuanya, semoga  masih sehat - sehat saja. sudah ga terasa blog ini saya tinggalin tidak ter-urus kurang lebih 2 tahunan, rasanya baru kemarin saya membuat template blogger. ingin otak atik ini blog tapi belum ada persiapan . tadi saya melihat dan membaca kembali tulisan di masa lalu  blog ini rasanya aneh juga yah, bisa bisanya buat template se imut begitu,  mungkin karena  saya memang dari dulu suka yang imut imut , lol. 

ketika saya lihat sendiri stat blog saya, ternyata masih cukup banyak pengunjung blog ini walaupun udah di tinggal lama dan beberapa link mati, tapi di megaupload masih hidup kq.ternyata lama juga yah blogging, ga sadar udah 4 tahun, may 2010 sampai dengan posting terakhir 24 oktober 2014.

Semenjak saya mulai bekerja, saya tidak tahu lagi di tahun ini dan untuk ke depanya 'Blogger' masih diminati oleh anak - anak muda atau tidak, karena beberapa teman blogger saya yang dulu gila - gilaan desain template juga sudah pada sibuk sama urusan dunianya masing - masing gatau kabarnya lagi, termasuk saya juga sih, di waktu luang bekerja , saya sekarang hobi main game di android, koleksi dan foto figure/nendoroid di Instagram, itupun karena lagi males pikirin kerjaan yang ga ada habisnya.

Template Blog tahun ini menurut saya sudah berkembang dengan pesat,misalnya kaya : cmonfrozen.blogspot.com, tadi abis jalan-jalan ternyata systemnya udah pakai bootsrap semua, saya sendiri aja dah gatau lagi itu apaan soalnya udah ga pernah ngikutin perkembangan blogger lagi, jangankan blog, facebook aja jarang buka, sibuk kerja broo,but so nice lah, lanjutkan! ;b.wkwkwk. mungkin kalau saya buat lagi jadinya template jadul versi anime terkini, soalnya kalau saya punya cara atau style ter-sendiri,tampilan post lebih kompleks lebih membuat saya tertarik. :o. Jadi... kalau di tanya masih lanjut bikin template mau ga? Sebenarnya mau mau aja, Tapi...  ya gitu...  "Males" XD.  banyak pikiran brohh, misalnya buat apa, siapa, dan dapet apa lu bikin template? dapat duit kaga, capek iya :v  , tetapi gw masih konsisten untuk tidak menjual hasil seni yang saya buat. intinya yahh cuma buat hobi dan untuk kesenangan dan kepuasan sendiri aja. saya tidak pernah menyesali apa yang saya buat di masa lalu, justru saya bangga, bersyukur dan menghargai apa yang tuhan berikan ke kehidupan saya untuk sampai hari ini saya masih sehat, dan berkecupan. yahh meskipun terkadang pada akhirnya ludes juga buat khilaf racun figure ama si emen lucky ,wkwkwkwk.

well, pokoknya saya cuma berharap google ga hapus ini blog, bisa tetap bertahan dan aktif di buka oleh seluruh dunia supaya tetap bermanfaat untuk di pelajari , dan blog ini menjadi sejarah untuk kehidupan saya sebagai (creepy otaku blogger)  *noooooooooooooooo  plz no saya bukan otaku broo. 

Harapan saya untuk teman teman blogger agar terus dapat berkembang juga, *mungkin nanti saya buat lagi 1 atau 2 template yang di idamkan, tetapi ga bisa janji juga @.@.

Akhir kata, mohon maaf apa bila ada salah kata dan komentar ga dibalas, pesan ga dibalas, pertanyaan ga di jawab, friends fb ga di approve, dicuekin, di php, baperin , galauin dan lain lain. terima kasih untuk semua yang masih mendukung blog djogzs untuk sampai hari ini dan selama-lamanya :) blog ini saya tinggal lagi :v

Best Regard
Johanes Djogan 14 Agustus 2016

Read More

Solusi memperbaiki Tombol Reply yang hilang.

Sejak kemarin dan beberapa hari sebelumnya saya rasa tidak ada masalah pada beberapa template yang saya kemarin,tapi hari ini , Selasa 30 januari,ada keanehan pada blog saya,saya sendiri bingung dan kaget.entah kenapa tiba" tombol reply/balas menghilang dan digantikan dengan tombol delete.padahal sebelumnya baik" saja.tetapi tiba" saja berubah seperti gambar dibawah ini,setelah saya cek,ternyata tombol delete menutupi tombol reply,sehingga tombol reply/balas tidak terlihat dan tidak dapat diklik,padahal
sebelumnya seingat saya tombol delete sudah saya sembunyikan~xD,mungkin karena ada perubahan sytem thread comment pada blogger,maka beberapa struktur css dan html ada yang berubah juga.

Setelah saya cek,Semua kejanggalan ini hanya terjadi pada template dibawah ini secara global :

Metrominimalist

Robotic Notes

Fansuber Otaku


Solusi

Buka Account Blogger kamu => Template =>Edit HTML , lalu cari css dibawah ini:

.comments .comment .comment-actions a {

dibawah css tersebut, ganti position:absolute

menjadi :

position:relative;

lalu dibawahnya hapus css ini juga.

left: -80px;
width: 40px;
top: 58px;

lalu simpan template anda,dan lihat hasilnya,tombol reply anda akan kembali normal.

Template" yang bermasalah pada bagian komentar akan segera saya perbaiki dan re-upload ,bila ada keanehan/bug lain pada template saya,anda bisa melaporkanya,terima kasih.

Read More

Video proses pengeditan template shinpuru menjadi sword art online v2

Hello sobat,akhirnya saya ada waktu juga untuk merekam proses editing template dengan kualitas video yang lumayan dan tidak kaku,karena dari dahulu masih banyak yang penasaran bagaimana saya bisa membuat template ini itu,nah video ini akan menjadi salah satu project template yang pernah saya rekam.
di video ini nanti jika kalian menyaksikan sampai selesai,akan menampilkan layar dekstop saya selama kurang lebih 5 jam.yang saya tunjukan didalam video ini adalah proses atau demonstrasi cara saya untuk merombak template shinpuru v2.3 yang belum dishare dan menjadi template sword art online v2 yang sederhana secara santai tapi tepat~.di video ini menunjukan beberapa tutorial yang mungkin sudah ada beberapa yang sudah tau dan mungkin juga ada yang belum tahu dan terjawab selama ini yang selalu anda pertanyakan kepada saya tetapi tidak saya pernah jawab,karena jika hanya dijelaskan teori saya rasa akan kurang paham dan mengerti,jadi semoga video ini cukup membantu untuk yang masih belum mengerti dalam hal dasar pengeditan template secara manual seperti mengganti warna text,background,gambar header,merubah tampilan posting dll.software yang diperlukan hanya browser google chrome.dan colorpicker untuk membantu capture code hex warna.dan yang terpenting dalam hal pengeditan template yaitu pengalaman dan pengetahuan dasar tentang css dan html serta memahami betul struktur template,jangan pernah takut salah atau error dalam pengeditan template,suatu masalah pasti selalu ada jalan untuk memperbaikinya.

oia,selama 5 jam ini juga ada musik" ost anime,yui,akb48,ikimonogakari,supercell,vocaloid dan masih banyak lagi agar tidak terlalu bosan menyaksikanya~xD,tapi tetaplah fokus agar anda mengerti apa yang sedang saya lakukan di dalam video ini.

Berikut template sebeulum di edit dan sesudah diedit :

Before

After

Screenshot video

720 (836mb- 5jam)

part1 new link @150mb

Download Via MediaFire - 5 part

Link baru

part 1 new link @60mb

Download Via MediaFire - 14 part @60mb

#untuk file yang dibagi menjadi 5 part dan 24 part JOIN menggunakan Softwarehjsplit

Cara Join hjsplit :
http://flashboyz.wordpress.com/download/cara-gabung-file-dengan-hj-split/
http://www.downloadfilem.com/cara-menggabungkan-file-dengan-hj-split.html


Semoga bermanfaat,^^

Read More

Cara Menggunakan Template Blogger DJogzs

Hello soat,karena saya rasa ditahun 2013 ini banyak pendatang baru yang ingin memasuki dunia blogger,dan masih bingung cara menggunakan template-template buatan saya,meskipun ini sangat dasar,tapi saya rasa
cukup penting,maka saya buatkan tutorialnya,silakan disimak dan dipahami,semoga bermanfaat ^^ xD


1. Login ke account Blogger,lalu pilih menu template seperti gambar dibawah ini.

2. Pilih Menu Backup/restore yang ada di sebelah kanan,atas.

3. kalau sudah,tampilan akan seperti gambar dibawah ini.segera minimize browser,lalu siapkan file yang sudah kalian download,misal di dekstop.

4. lalu buka file yang berformat zip/rar.bila tidak bisa,silakan download software WINRAR Atau Winzip untuk membuka file tersebut.bila dapat dibuka,didalam file tersebut ada 3 yaitu cover,read me dan file yang memili ekstensi xml.nah,file itulah yang harus diupload.

5.Extrak file templatenya yang bertipe data xml ke dekstop anda.

6. Buka kembali Browser anda,lalu klik tombol Choose File.

7. Pilih file xml yang tadi kalian ekstrak,lalu klik open.

8. Pilih menu upload,lalu tunggu proses pengistalan template ke blog anda.

9.Selesai~

Read More

Template Re-Design yang Kreatif

Hello minna-san.ditahun 2013 ini jika saya perhatikan,mulai ada perkembangan dalam dunia blogger,khususnya pada perkembangan pengetahuan tentang css3 dan html5 serta bentuk tampilan template yang semakin hari semakin berkembang.


nah,saya yakin selama kurun waktu 1-2 tahun sudah ada beberapa orang yang sudah mahir edit css dan html walapun belum sempurna,tetapi setidaknya mereka sudah ada niat,usaha untuk mengeluarkan ide,inovasi dan kreatifisitas untuk ditunjukan pada semua orang.

yahh,walaupun saya jarang" blogwalking,tetapi saya sudah banyak melihat beberapa template saya yang di design ulang/re-design dengan style mereka sendiri.dan saya cukup bangga karena sekarang sudah cukup banyak yang menghargai template blogger buatan saya dengan tidak menghapus credit template.

Dari berbagai template yang sudah didesign ulang seperti template black rock shooter,sword art online v2,dll,saya cukup tertarik dengan 5 template dibawah ini.kenapa?karena menurut saya hasil design yang mereka lakukan sudah cukup rapih,design maksimal dan original hasil imajinasi mereka sendiri dan juga bukan cuma asal ganti warna atau gambar.Saya sendiri tahu mungkin ada beberapa yang selalu mencoba mengikuti style orang lain,Tetapi karena saya mengenal orang'a langsung di facebook,jadi saya percaya bahwa mereka ini sudah cukup berpengalaman dan punya kemampuan dalam hal dasar html,css dan design template.^^

Nah,untuk kedepanya semoga bisa lebih lebih dan lebih baik lagi,dan bisa menjadi inspirasi untuk semua Teman" blogger kita. :)

Berikut Screenshot Template blogger mereka :



1. Mamzerd

URL : http://mamzerd.blogspot.com



2.RVmalice

URL : http://arvimalice.blogspot.com



3.SuraJiyeon

URL : http://surajiyeon.blogspot.com



4.Vierination

URL : http://vierination.blogspot.com



5.Deezsign

URL http://deezsign.blogspot.com


yap,Intinya apapun style design kita,mau Anime,minimalist,blogazine,magazine,gallery atau apapun jenisnya itu,kita tidak perlu membanding"kan template kita dengan template orang lain,tetaplah menjadi diri sendiri, yang terpenting kita sudah melakukan usaha sendiri semampunya tanpa mengikuti style orang lain,kita terus belajar dan belajar dan sayapun masih terus belajar,setiap orang pasti punya kelemahan,tapi setidaknya kita mencoba bergerak untuk terus maju untuk menutupi kelemahan tersebut.so,terus semangat!!!! ganbatteeeee!!!

Oia,jika ada diantara kalian yang ingin menunjukan hasil re-design template" saya yang lainya,silakan contact dan sharing di fb.

Sekian dan terima kasih~ :)

Read More

Apa itu em,pt,dan px?

sobat mungkin terdengar agak asing dengan dengan em,pt,dan px?
sekedar berbagi pengetahuan tentang apa itu em,pt,dan px,yang biasa kita temukan pada css template blog kita.ke tiga elemen itu berfungsi hampir sama kq ...

langsung aja saya mau kasih tau aja nih ^^



pertama,kita pejari pixel dulu ya ^^
PX/PIXEL

Dalam dunia blog,pixel digunakan untuk mengatur besar text,gambar,background,dan widget2 yang ada pada web/blog,tapi Dalam digital imaging,px atau yang biasa kita sebut pixel (atau elemen gambar) adalah satu titik dalam citra raster. Pixel adalah elemen terkecil dialamatkan layar, itu adalah unit terkecil dari gambar yang dapat dikendalikan. Setiap piksel memiliki alamat sendiri. Alamat dari piksel yang sesuai dengan yang koordinat. Pixel biasanya disusun dalam grid dua dimensi, dan sering direpresentasikan menggunakan titik-titik atau kotak. Setiap pixel adalah contoh dari gambar asli; sampel lebih biasanya memberikan representasi yang lebih akurat yang asli. Intensitas setiap pixel adalah variabel. Dalam sistem warna gambar, warna biasanya diwakili oleh tiga atau empat intensitas komponen seperti merah, hijau, dan biru, atau cyan, magenta, kuning, dan hitam. pixel istilah digunakan untuk merujuk ke skalar elemen tunggal representasi multi-komponen (lebih tepat disebut photosite dalam konteks sensor kamera, meskipun sensel kata baru ini juga kadang-kadang digunakan untuk menggambarkan unsur-unsur sensor kamera digital), sementara di lain istilah ini mungkin merujuk ke set intensitas seluruh komponen tersebut untuk posisi spasial.

Dalam sistem warna yang menggunakan subsampling kroma, konsep multi-komponen pixel bisa menjadi sulit untuk diterapkan, karena kinerja intensitas untuk komponen warna yang berbeda sesuai dengan bidang spasial yang berbeda dalam sebuah representasi seperti itu.Kata pixel didasarkan pada kontraksi pix ("gambar") dan el (untuk "elemen").nilai 1pixel sama dengan 0,01cm.pixel mempunyai tingkatan,yaitu megapixel dan gigapixel(resolusi yg lebih besar)

M?
Em adalah suatu satuan pengukuran dalam bidang tipografi. Unit ini mendefinisikan proporsi lebar surat dan tinggi sehubungan dengan titik ukuran font saat ini. Awalnya unit berasal dari lebar "M" modal pada huruf saat ini digunakan. Unit ini tidak didefinisikan dalam istilah apapun jenis huruf tertentu, dan dengan demikian adalah sama untuk semua ukuran font pada titik tertentu. Jadi, 1 em dalam huruf titik 16 adalah 16 poin.dalam dunia blog,em digunakan untuk mengganti ukuran font pada blog.


dan yang terakhir...

Pt?
pt,adalah Perusahaan Perseroan terbatas..Loh???bukan itu >. Pt singkatan dari point,yaitu besaran/nilai ukuran yang lebih kecil daripada pixel dan em.
nilai pt sering digunakan untuk nilai perpindahan objek pada trik css3 animation,sperti css dibawah ini
.kotak1animasi:hover {-moz-transform:translate(4em, 0pt);
-webkit-transform:translate(4em, 0pt);}


Berikut nilai convertan'a antara px,em dan pt.

semoga bermanfaat ^^

Read More

Effect Asap dengan jquery

Ini dia,koleksi Jquery menarik dari saya,dengan effect asap ini,blog kamu akan tambah menarik.untuk contoh'a,kamu bisa liat di blog akatsuki atau di gayadesign mau tau cara'a?CEkidot gan n_n

kalau mau lihat contoh'a,sobat bisa lihat disini
pertama,copy paste js ini di atas kode </body> atau di bawah kode <head>

<link href='http://www.gayadesign.com/scripts/smokeeffect/css/style.css' rel='stylesheet' type='text/css' />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>
<script src="http://www.gayadesign.com/scripts/smokeeffect/js/smokeEffect.js" type="text/javascript"></script>

<script type='text/javascript'>
SmokeEffect.imgLocation = "http://www.gayadesign.com/wp-content/themes/gdblocked/images/smoke.png";
SmokeEffect.smokeWidth = 100;
SmokeEffect.smokeHeight = 100;
</script>

lalu masukan kode html dan js ini diblog kamu

<div id="smokeSpawnPoint">
<img alt="chimney" src="http://www.gayadesign.com/wp-content/themes/gdblocked/images/chimney.png" /></div>
<script type="text/javascript">
SmokeEffect.makeEffect("smokeSpawnPoint", 24, 12);
</script>

selesai deh,sekarang asap'a akan muncul di blog sobat...
tapi bila sobat ingin asap'a melayang di blog sobat+ menjadi tombol back to top,tinggal ditambahkan

kode ini

<a href='#' onclick='MGJS.goTop();return false;' style='display:scroll;position:fixed;bottom:0px;left:20px;'>

dan jadi'a seperti ini

<a href='#' onclick='MGJS.goTop();return false;' style='display:scroll;position:fixed;bottom:0px;left:20px;'>

<div id="smokeSpawnPoint">
<img alt="chimney" src="http://www.gayadesign.com/wp-content/themes/gdblocked/images/chimney.png" /></div>
<script type="text/javascript">
SmokeEffect.makeEffect("smokeSpawnPoint", 24, 12);
</script></a>

selamat mencoba,dan jangan lupa tinggalkan komentar ya n_n

Read More