FAQ / Tanya Jawab - Info Desain Web Terbaru!
Info Desain Web Terbaru!
4 Kang Rian 6/15/2019 09:45:00 PM FAQ / Tanya Jawab FAQ / Tanya Jawab

FAQ / Tanya Jawab

Oleh. Kang Rian  •  267  •      Edit
Dikarenakan banyaknya pertanyaan yang tidak sesuai topik bahasan, maka sengaja saya buat halaman Out Of Topic (OOT) ini.

Saya mengundang sahabat tidak hanya untuk bertanya, tetapi untuk membantu menjawab pertanyaan2 yang ada. bagi sahabat yang membantu menjawab, sebelumnya saya ucapkan terimakasih.

Apabila ada pertanyaan yang tidak terjawab, ada beberapa kemungkinan diantaranya : saya tidak bisa menjawab karena keterbatasan pengetahuan, saya sedang sibuk, atau mungkin pertanyaan tidak jelas (harap diingat, bertanya dikolom komentar harus sesuatu yang bisa dijawab, bukan dijabarkan).

Sobat juga bisa merequest tutorial, dengan catatan saya sanggup memenuhinya. Apabila diluar kemampuan saya, mohon maaf permintaan sobat mungkin tidak bisa terlaksana.

Terimakasih atas partisipasinya..

Mohon bersabar untuk menunggu jawaban, dan jangan mengulang-ulang pertanyaan pada artikel yang lain karena banyak pertanyaan yang yang harus saya jawab. Untuk menjawab pertanyaan, saya tidak bisa asal-asalan, untuk hal yang baru saya harus melakukan ujicoba terlebih dahulu, dan itu memakan waktu. Terimakasih atas pengertiannya...

267 komentar

  1. ihiiiii dapat pertamax nyicip OOT, thanks ya sob bwt emailnya. Sangat membantu :thumbup

    BalasHapus
    Balasan
    1. woke sob! :D , sama-sama . semoga bermanfaat .. wihh selamat yahh :selamat

      iya nih sob, dapet inspirasi dari Kang Ismet bikin halaman kaya gini . biar enak juga sharing nya sob .. hehe ^_^

      Hapus
  2. Sob buatin tutor cara merubah scrollbar dong sama ada % nya kalau tiap di tekan kaya yang punya agan
    http://prntscr.com/2wtn47
    :genit

    BalasHapus
    Balasan
    1. oh yang scrollbar juga udah ada di postingan tetangga ane , tutorial nya bisa pelajarin disini sob : http://goo.gl/uJFTeI

      Ane tunggu pertanyaan selanjutnya! ^_^

      Hapus
  3. Satu kagi om sekalian :ngakak
    kasih tutor buat bisa masukin code,image di kotak komentar sob :malu

    BalasHapus
    Balasan
    1. Monggo sob! udah ada di postingan sobat ane dimari : http://goo.gl/HU26XQ

      Semoga bermanfaat! :D

      Hapus
  4. numpang tanya bos, tau template droidplus punyanya kang ismet ga?

    kalo punya saya kan mau mengurangi ukuran lebarnya jadi 900px dari atas sampai bawah tapi hasilnya ga responsive bos, kira2 si bos bisa ga? nih penampakannya bos http://comteltest.blogspot.com/

    BalasHapus
    Balasan
    1. oke sob! ntar ane bantu .. tapi gak sekarang :D hehe , ane mau pulang dulu yee . ini masih di tempat kerja .. ntar ane mampir ke blog ente kalo udah ketemu solusi nya ! ^_^ .. sabar yah sob..

      Hapus
    2. sorry sob baru ane reply , itu css nya udah berantakan .. banyak css yang dirubah, bisa sobat rubah .. namun dengan menggunakan width & max-width setiap pengaturan pada css media query seperti contoh pada kode di bawah ini :

      [code]@media screen and (max-width:768px) {
      #outer-wrapper, #outer-wrapper2 {max-width:768px;width:100%;margin-left:10px}
      #top-menuwrap, #top-menuwrap2{width:900px;margin:0 auto}
      #top-menuwrapper{width:100%;margin-left:0px; }
      #header-wrapper {width:100%;margin-left:0px;}
      .logo img{margin-top:11px;}
      [/code]

      selamat mencoba ! :D semoga berhasil

      Hapus
    3. berantakan banget yia bos, maklum lah bukan ahlinya, lagian itu blog cuma buat tes template dan modif doank sih, hehehe...

      thx bos udah kasih solusi, saya coba praktekan dulu yia bos...

      maaf juga nih, kesini nya lama, hehehe...

      Hapus
    4. woke, gapapa sob :D . semoga berhasil .

      Hapus
  5. Sob mau nanya nih kalau cara supaya notif yang kaya google plus itu bisa di scroll apayang di rubah atau di tambahin ?
    terus biar ada lihat semua komentar bejimana sob ?
    hhe
    kaya gini http://prntscr.com/2x2ehn

    BalasHapus
  6. nah kalau ente buat halaman komentar yang aktif nya gimana ???

    BalasHapus
  7. wkwkwk blog ente kan keren sob :genit jadi inspirasi hhe
    ga papa nih? ikhlass ga sob ??:ngakak
    wkwkwk

    BalasHapus
    Balasan
    1. waduh blog ane di buli semua :D wkwkw.. gapapa sob, ini code nya ane share dimari deh bonus buat antum yang udah bolak-balik ke blog ane :

      [tombol]Klik Disini[/tombol]

      Ubah rian-nurherdian.blogspot.com dengan alamat blog antum! :)

      Hapus
    2. haha. ya ikhlas dong gan!. kalo gak ikhlas ngapain di share :D wkwkwk.

      Hapus
    3. dari pada diclone mending dibagiin sob, itung2 buat tabungan ilmu yg bermanfaat

      Hapus
    4. iya gan. semoga gak ada yg cloning template ane kalo dengan ada nya halaman ini . :)

      Hapus
  8. Sip gan hatur nuhun . nanti laporan nya menyusul :iloveindonesia

    BalasHapus
  9. sob ko malah mengarah le url lain yah sob ??
    coba cek deh page ini http://phanimation-deni12ta.blogspot.com/p/blog-page_2.html
    beberapa detik kemudian jadi ke link lain.
    kira kira apa yang salah yahh ??????

    BalasHapus
    Balasan
    1. wkwkwkw... :ngakak , beentarr sob agak bingung juga nih :bingung , kenapaa yaaah??? .. haha , oke sob ini solusi nya , silahkan di update kembali :

      [button]Ambil Disini Sob![/button]

      Hapus
  10. Semua Page jadi kaya gitu sob.. anehh

    BalasHapus
    Balasan
    1. itu ente pake template dari templateism.com yah? , jangan di hapus kredit link nya .. dia udah pasa javascript auto redirect kalo link credit nya di hapus. :capedeh

      Hapus
  11. ngga kok sob.
    kalau di hapus memang pas buka blog saya langsung redirect ke url tersebut
    kalau saya nullis biasa di halaman page ngga ke redirect. tapi pas pasang script langsung ke redirect.
    saya tes pake blog yang satunya lagi ngga nge redirect sob di halaman page nya walaupun ada script nya

    BalasHapus
    Balasan
    1. iya sob , berarti template ente gak sinkron sama script ane :bingung , hehe ane sendiri juga sama sob pake templateism tapi ane bisa kok ngilangin credit nya, hehe bukan maksud ngilangin credit kalo ane , tapi ane udah ngasih ratusan backlink sama templateism secara langsung :D hehe

      Hapus
  12. Gimana Om caranya saya cari javascript nya ga ketemu ketemu wkakaka ,ga bisa buat halaman dah kalau begitu :berduka

    BalasHapus
    Balasan
    1. waduh , susah juga sob kalo gak support sama yang ane punya! . atau gini aja sob, coba pake scriptnya dari blog tetangga nih [tombol]Disini[/tombol]

      Hapus
  13. bookmark chromenya canggih2 euy hahahahaaa

    BalasHapus
    Balasan
    1. ahaha.. kaya ironman aja canggih sob! :ngakak

      Hapus
    2. penasaran sih, apa aja yg dibookmark kang rian :2thumbup

      Hapus
    3. ahaha, oke deh sob .. ntar ane share dimari plugin-plugin cantik google chrome extension yang harus blogger miliki . karena menurut ane sangat membantu sekali dalam dunia web design ini, mulai dari Colorpicker extension, SEO Tool , dsb. :)

      Hapus
  14. Mau nanya nih kang!
    pembuatan css transisi dan rotate saat mouse mendekati pada objek font awesome akan berputar dan transisi

    Cara pembuatannya gimana kang.

    BalasHapus
    Balasan
    1. mudah saja sob, pertama buat code css seperti dibawah ini :

      [code]#test-putar a { text-decoration:none; color:#55ACEE}
      #test-putar {
      text-align:center;
      -webkit-transition: all 2s ease-in-out;
      -moz-transition: all 2s ease-in-out;
      -o-transition: all 2s ease-in-out;
      -ms-transition: all 2s ease-in-out;
      transition: all 2s ease-in-out;
      }
      #test-putar:hover { -webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);-ms-transform:rotate(-360deg);-o-transform:rotate(-360deg);transform:rotate(-360deg); }
      [/code]

      berikut pemasangan kode html nya :

      [code]<div id="test-putar">
      <a href="http://twitter.com/riannurherdian" target="_blank"><i class="icon-twitter-sign icon-3x"></i></a></div>
      [/code]

      Coba langsung? [tombol]Klik Disini[/tombol]

      Hapus
  15. bisa di bantuin kang
    Cara memasang font awesome di link menu.Saya sudah menggunakan di blog dgn code kayak gini
    [code]< a href='#'><i class='fa fa-desktop/> Menu</ a>[/code]

    Tapi tidak bisa kang tolong kang di bantuin ini Kang blog saya http://allterbaru-ashock.blogspot.com/

    BalasHapus
    Balasan
    1. alamat blog nya yang mana mas ? . biar saya check , siapa tau bisa bantu :)

      Hapus
  16. Ini kang http://allterbaru-ashock.blogspot.com/

    BalasHapus
    Balasan
    1. woke sob, segera meluncur ..

      Hapus
    2. yang mana font icon awesome yang mau di kasih css nya?

      [lightbox]http://i.imgur.com/uHHWS4T.png[/lightbox][img]http://i.imgur.com/uHHWS4T.png[/img][tutup-lightbox]

      Hapus
  17. yang itu kang Follow blog, software pc, daftar isi, android, dan error 404

    BalasHapus
    Balasan
    1. kok class nya begini sih kang?

      [code]<i class='fa fa-bullhorn'></i> Follow Blog</a>[/code]

      kan harus nya kaya gini ? [code]<i class='icon-bullhorn'></i> Follow Blog</a>[/code]

      kalo masih belum paham tentang font-awesome ini sobat bisa lihat penjelasannya disini [tombol]Cara Pakai Font-awesome![/tombol] , dan untuk daftar isi complete font-awesome icon nya bisa lihat disini kang [tombol]Daftar Lengkap Font-Icon Awesome[/tombol] Semoga Membantu :)

      Hapus
    2. Klo coding css font awesome / elusive icon kita potong2 alias dicustom lg kira2 menurut kang rian boleh gak y??? maksud saya biar gak membebani loading blog/web. jd kita cm pake css font awesome / elusive icon seperlunya aja..
      misal : kita pake icon A dan B jd css yg kita ambil cukup A dan B aja tanpa harus menyisipkan css atw plugin yg isinya seabrek itu

      Hapus
    3. ini solusi nya sob : http://www.flaticon.com/ , semoga bermanfaat :) . silahkan download yang ente butuhin . untuk cara pemakaiannya [tombol]Disini[/tombol]

      Hapus
    4. hahahaaa lg2 saya disuruh pake icon font sm kang rian :matabelo

      Hapus
    5. Wkwkwk.. tapi kan itu pilihan lebih baik mas , katanya pengen super cepet blog nya? :D hehe, kalo saya sendiri sih yang penting ada icon nya, gak berat2 banget kok menurut saya kang. hehe

      Hapus
  18. Begini kang Saya memakai Versi yang baru V4.0.3 jadi untuk pemanggilannya garus menggunakan fa fa

    BalasHapus
    Balasan
    1. hmm .. saya sendiri belum mencoba versi terbaru nya mas , dari pada pusing mendingan pakai yang sudah jelas support saja mas pake versi sebelumnya :

      [code]<link href='http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>[/code]

      Hapus
  19. kebetulan nih, Kang Rian mau tanya kalau template sebelumnya yang ada gambar awan bergerak itu nama templatenya apa ya? sebetulnya saya sudah punya tapi gak tau yang mana, mau dicoba satu2 pasti memakan waktu. ditunggu ya, trims

    BalasHapus
    Balasan
    1. waduh saya lupa lagi mba, soal nya saya gak pernah koleksi template juga nih.. :bingung

      Hapus
    2. o ya gpp, makasih ya

      Hapus
    3. iya sama-sama mba kiki . :)

      Hapus
  20. ini widget pada pergi kemana kang????? :berduka

    [img]http://i.imgur.com/HomeRom.png[/img]

    BalasHapus
    Balasan
    1. Wkwkwk. sengaja ane hidden sob untuk di homepage , ane tampilin hanya di halaman posting aja :D . hehe

      [lightbox]http://i.imgur.com/BOxq89p.png[/lightbox][img]http://i.imgur.com/BOxq89p.png[/img][tutup-lightbox]

      Hapus
    2. hwakakak iya ya ternyata ada disitu, tp bener jg sih sob homepage ente jd lebih ngebut. Lumayan terasa loh
      Mantaaaapppp

      Hapus
    3. Wkwkw.. belum ngebut banget sob, belum ane minify css nya , ntar antum coba perbedaan nya yah :D

      Hapus
    4. sepertinya widget udah balik lg n css jg kayanya udah di minify y kang?? tp perasaan saya malah cepetan yg kemarin sob, apa cm perasaan saya kali y yg salah. trus ada perbedaan gak sob ditemplate KangRian (warna, grid dll) setelah css di minify??soalnya saya pernah coba meminify css comment saya trus cssnya jg kacau

      Hapus
    5. Selamat siang sob Cihan, untuk penggunaan css minify ( Generator ) itu menurut saya tergantung apakah sebelum di Minifiy, css nya sudah ter-struktur setiap nilai property:value; nya atau belum, jika sudah ter-struktur / rapih dalam pemasangan nya , menurut saya maka ketika di minify sedikit pun takan mengubah apapun seperti yang pernah kang cihan alami. malah akan membuat blog kang cihan super kuenceng ! :thumbup , berikut saya rekomendasikan 1 web css minify generator yang sering saya pakai untuk mengoptimalkan speed pada blog saya. [tombol]CSS Minfier[/tombol] dan [tombol]CSS Beautifier[/tombol]

      Hapus
    6. beberapa item sudah saya minify sob, saya menggunakan css minify punya oom.. lumayan bagus dan css saya baik2 saja

      Hapus
    7. :waduh css minfiy yang mana tuh yang punya-nya oom? boleh nyicip? :D

      Hapus
    8. cek aja di link menu tools, obrak abrik aja sob hahahaaa

      Hapus
  21. wooooww ada photo cewe cantik nih

    BalasHapus
    Balasan
    1. iya nih kang :D, lagi test penggunaan fungsi lightbox evolution pada gambar komentar blog . :)

      Hapus
  22. Kang tolong buatin post tentang lightbox yang bernama jquerry classybox

    BalasHapus
    Balasan
    1. baik kang alief, biar saya coba pelajari dulu fungsi nya. :) jika bisa di implementasi kan di blogger akan saya buatkan segera tutorial nya, terima kasih sudah request tutorial sebelumnya. :) ,

      salam blogger sob,
      -Kang Rian-

      Hapus
  23. :request kang, boleh tau gak kode textarea yang jika di double klik maka akan Select All yang seperti di blog akang. Boleh tau gak kang ? :request

    BalasHapus
    Balasan
    1. Kang Reinhard, berikut tambahan bumbu javascript dalam tag "textarea" nya :
      [code]<textarea onclick="this.focus(); this.select();"> ... Isi Code .. </textarea>[/code]
      SIlahkan di coba, semoga berhasil! :D

      Hapus
    2. Ok, sip dah kang. Makasih ya bumbunya :ngakak

      Hapus
  24. KANG, kenapa gak pake forum Tanya Jawab aja. Dari nabble.com biar lebih enak diskusinya kang :request

    BalasHapus
  25. Tapi, kayaknya lebih enak diskusi di komentar ya.. Tapi gak usah aja lah kang karena Nabble.com kurang Menarik. :2thumbup

    BalasHapus
    Balasan
    1. yap betul kang, saya kurang tertarik dengan aplikasi embed-embed seperti itu. selain berat, fungsi nya juga terbatas. :)

      Hapus
    2. Ga usah panggil saya kang, panggil saja saya reinhard ya kang, saya lah yang manggil kang sama kang rian. Umur saya jauh beda dengan Kang Rian Umur saya sekarang 15 Tahun. :ngakak

      Hapus
    3. Komentar ini telah dihapus oleh pengarang.

      Hapus
    4. Maksudnya saya sekarang berumur menjelang 15 tahun karena saya lahir pada 23 september 1999 :ngakak

      Hapus
  26. Kang, gimana ya caranya supaya blog saya ramai. Sepi kali, sampai-sampai, tidak ada satupun orang yang berkunjung ke blog saya ya kang. :request

    BalasHapus
    Balasan
    1. Sering blog walking / berkomentar dengan niat bersilaturahmi dan menjalin erat persahabatan antar sesama 'blogger' .. berkomentar lah dengan sopan, tanyakan apa yang ingin ditanyakan, dan jangan dikatakan jika memang tak harus di katakan. :)

      Hapus
    2. Thx tips nya ya kang. :thumbup

      Hapus
    3. bijak jg nih akang satu ini

      Hapus
    4. hehe , masih bijak-an om mario teguh kok kang . :D

      Hapus
    5. Hehe ,, Betul tuh kang :ngakak . Dan kepada kang @cihan Namaku, saya mau numpang tanya ya kang cihan, yang akang panggil akang siapa ini ya kang ? Apakah saya ? Hehe ... Jika kalau saya :ngakak , panggil saja saya de ya kang, karena umur saya jauh beda dibawah umur kang Cihan, Saya masih berumur 15 Tahun kang. Dan jangan lupa untuk berkunjung ke blog saya ya kang, reinhardjs.blogspot.com , RJS Blog.
      Salam Blogger, Reinhard J.S
      RJS Blog
      reinhardjs.blogspot.com
      Hehe... :ngakak

      Hapus
    6. maksud saya kang rian de rein, saya jg gak usah di panggil akang ah, saya gak biasa dgn panggilan itu. kenapa? memang saya dan kang rian sm2 dri barat, bedanya kang rian jawa barat dan saya kalimantan barat heheheee.. so akang itu lebih tepat bwt org jabar dan gak tepat klo saya dipanggil akang hwakakak.. klo umur mah santai aja sob rein, sepanjang dlm koridor yg benar dan bijak baik tua maupun muda dgn sendirinya akan selalu saling menghormati kok

      Hapus
    7. huehue , aku jadi terharu sob . lah terus kalo kaltim area itu biasa nya enak nya manggil apa yaah? :D . dan maaf juga yah sob, ane gak tau soalnya .. hehe

      Hapus
    8. santai sob, saya gak terlalu memikirkan saya msti dipanggil apa selow lah.. klo kaltim saya kurang tau kang

      Hapus
    9. Kalo saya lain sendiri, saya dari utara, :ngakak SUMATERA UTARA :ngakak
      MEDAN :thumbup

      Hapus
  27. Kang, apa sih bumbu Tag pre dan Blockquote, jika diarahkan ke tagnya maka akan ada pesan Double Click To select All. Caranya gimana si kang ? :request

    BalasHapus
    Balasan
    1. cukup tambahkan code css dibawah ini sob :
      [code]pre:hover:after { box-shadow:-2px 2px 0px #222;content:"Double Click = Select ALL!! :)";font-family:arial;font-weight:bold;font-size:90%;padding:5px 8px; position:absolute;z-index:2;top:5px;right:15px;color:#333;background:#f2f2f2;border-radius:2px;}
      pre:hover:before { width:0px;height:0px;border-style:solid;border-width:5px;border-color:transparent transparent transparent #f2f2f2;top:12px;right:5px;position:absolute;z-index:1;content:""; }[/code]

      Hapus
    2. Thx ya kang, itu cssnya bisa dibikin sma tag blockquote dan Textarea dengan cara hanya menggantikan kode pre dengan Blockquote atau Textarea kan kang ? :thumbup

      Hapus
    3. Udah saya coba CSS nya kang tetap ga bisa ? Gmna ya kang ?

      Hapus
    4. Apa harus ada Script yang harus ditambahkan yah kang ?

      Hapus
    5. saya sendiri hanya menggunakan tambahan pseudo element pada css nya saja kok sob reinhard. :)

      Hapus
    6. Kalau bisa tahu, kode pseudo elemen yang akang tambahkan apa ya ? :request

      Hapus
  28. Numpang nanya buat admin atau mastah yang lain.

    Blog sy selalu menampilkan versi mobile ( bukan tampilan yang sudah di atur dengan media query ) sehingga sidebar tidak muncul pada layar 320px iphone dan aplle serta android. Masih dengan lebar layar sama tapi menggunakan gadget asus galaxy 7, css media query bekerja dengan baik. Awalnya sy pikir tools untuk menguji responsivenya yang bermasalah. Tapi setelah sy coba langsung di Iphone, media querynya ternyata memang tidak bekerja. Untuk jawabannya, terima kasih sebelum dan sesudahnya.

    NB : Tools menguji responsive yang sy gunakan = h x x p://quirktools.com/screenfly

    BalasHapus
    Balasan
    1. boleh tau alamat-blog nya? biar saya coba intip source code nya. siapa tau saya bisa bantu . terima kasih :)

      Hapus
    2. Sorry lupa nitip link blog :D . Mas sudah memberi plus 1 di Google plus, berarti sudah tahu blognya :D tablet[dot]webmila[dot]com

      Mas ada YM ga' ??? Bagi ilmunya via YM dong :D

      Hapus
    3. oh yang itu blog-nya , maaf saya tidak tau .. barang kali mba memiliki blog lebih dari satu :) , ada mba, namun sedang offline . karena saya sedang focus ngoding juga nih :D . sharing nya disini saja yah .

      baiklah,
      Untuk solusi awal-nya coba mba pastikan sudah menyimpan tag untuk meng-check viewport device yang digunakan, cara-nya cukup simpan code di bawah sebelum code <title> :
      [code]<meta content='width=device-width, initial-scale=1.0' name='viewport'/>[/code]
      setelah itu coba pastikan settingan pada template mobile di back-end blogger seperti gambar di bawah ini :
      [img]http://i.imgur.com/ww2gHan.png[/img] .
      Silahkan ikuti dulu langkah sebelumnya, jika media query masih tidak berfungsi , kemungkinan besar ada pada style "CSS" dalam penempatan property "Float" contoh :
      [code]section, article { float:left; }
      aside, .widget-content { float:right; }[/code]

      Semoga membantu. salam blogger, - Kang Rian -

      Hapus
    4. untuk responsive test saya sarankan untuk menggunakan extensi google chrome ini : [button]Install Ektensi[/button]

      Berikut screenshot nya :
      [img]http://i.imgur.com/Ev47jXa.png[/img]

      Hapus
    5. Kalau pakai tolls crome tersebut, tidak ada masalah, semua OK :D . Tapi kalau dibuka langsung dari iphone, tetap bermasalah :(

      Hapus
  29. Solusi pertama dengan meta, sudah sy lakukan dan tidak berhasil.

    Solusi kedua dengan tidak menampilkan perangkat versi mobile juga sudah. Hasilnya OK di tools tapi tidak di device aslinya. sy pernah coba di layar 320px dan tampilan amburadul :D Selain itu, menurut beberapa sumber, blog harus menampilkan template seluler di versi selluler lalu memilih template khusus ( template yg di atur dengan media Query ).

    Solusi ketiga, sy yakin tidak ada kesalahan pada css property float. Tapi, dari semua koleksi template responsive sy, semuanya punya kode section, article, asside. Apa itu masalhnya ya ???

    BalasHapus
    Balasan
    1. kode section , article , dan aside hanya mengidentitaskan bahwa struktur blog tersebut sudah GO-html5 :) . itu tidak berpengaruh mba. yang berpengaruh adalah apakah kita memahami dalam penyesuaian setiap pengurangan value dari property ketika device menentukan max-width dari media query yang sudah mba buat.? .

      mungkin jika mba ingin lebih faham seputar logika responsive design , mba bisa pelajari lebih detail dari blog nya kang o-om . [tombol]Disini[/tombol] , semoga membantu .

      Hapus
    2. Thx jawaban dan referensinya. Sangat membantu kang. Sukses selalu :D

      Hapus
    3. baik sama-sama mba. terima kasih juga sudah berkunjung di blog sederhana saya. :)

      Hapus
    4. inilah alasannya kenapa saya lebih suka mendesign sendiri template yg saya pakai heheheee
      btw zoomqueriesnya oom itu keren loh kang, saya jg pake itu bwt tes responsive tempalte saya

      Hapus
    5. saya juga sama kang :D , tapi kalo offline mode saya lebih seneng gunain extensi chrome [tombol]Window Resizer[/tombol] :D hehe.

      Hapus
    6. saya dpt ilmu baru lg hehheheeee. soalnya saya lebih sering offline sih kang

      Hapus
    7. hehe ini lah guna-nya bersosialisasi / sharing :D . selamat mencoba sob. ^_^

      Hapus
  30. Mau mnta bntu nich Kang, pda Webmatertool ad mising author ma update blog saya, tapi cma h halaman postingnya aj, di homepagenya ga ad, pusing Kang cari tutornya ga ktemu, hehehe.. mksih sblumnya..

    BalasHapus
    Balasan
    1. waduh mau donk kang yg mulus2

      Hapus
    2. baik bener sobat saya yg satu ini, minta yg mulus malah dikasi mobil.... tq y kang semoga Allah membalasnya, oya kang.. saya boleh minta script sosial share yg dikonten kaya punya kang rian gak, saya lg kena penyakit malas nih kang

      Hapus
    3. waduh , kok malas di budayakan kang? :(

      yaudah ini kang copy dulu css nya :D , taro sebelum kode &lt/head> aja kang :

      [code]<link rel='stylesheet' type='text/css' href='https://dl.dropboxusercontent.com/s/gzn2r122w34x6zb/kr-share.css'/>[/code]

      ini kode xml buat di back-end blogger nya kang :

      [code]<!-- Begin - KR Share Blogger Plugin -->
      <div id='kangrian-share' style='float:right;'><span style='position:relative;'>Kasih tau yang lain yuk!?</span>
      <ul>
      <li><a class='twitter' expr:href='&quot;http://twitter.com/?status=&quot; + data:post.title + &quot; - &quot; + data:post.url ' target='_blank' title='Bagikan Artikel ini di twitter'/></li>
      <li><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bagikan Artikel ini di Facebook'/></li>
      <li><a class='stumbleupon' expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bagikan Artikel ini di Stumbleupon'/></li>
      <li><a class='digg' expr:href='&quot;http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bagikan Artikel ini di Digg'/></li>
      <li><a class='reddit' expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bagikan Artikel ini di Reddit'/></li>
      <li><a class='google' 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' title='Bookmark Artikel ini di Google'/></li>
      <li><a class='del-icio-us' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Bagikan Artikel ini di delicious'/></li>
      <li><a class='technorati' expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Sukai di Technorati'/></li>
      </ul>
      </div>
      <!-- End - KR Share Blogger Plugin -->[/code]

      Selamat mencoba! ^_^

      Hapus
    4. tau nih kenapa akhir2 ini saya males bgt liat blog, utk posting aja saya kebingungan apa yg msti saya tulis... sesuatu bgt nih kondisinya. skali lg thanks y sob bantuannya

      Hapus
    5. ohaha gitu to cerita-nya , saya juga sama kok kang, kalo emang lagi males ngoding gitu efek samping-nya . wkwkwk :D

      Hapus
  31. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  32. coba yang ini kang, ada 72 missing

    https://www.google.com/webmasters/tools/structured-data?hl=in&siteUrl=http://www.blog-guns.com/#details/http%253A%252F%252Fmicroformats.org%252Fprofile%252Fhatom

    BalasHapus
    Balasan
    1. [img]http://i.imgur.com/kAHYJPN.png[/img]
      sob, saya gak bisa akses webmaster tool nya ! :D

      Hapus
  33. Ini Kang..

    [img]https://googledrive.com/host/0B0gPfP3O6xFIRlVuVzFIMFlwSFE/Untitled-1.jpg[/img]

    BalasHapus
    Balasan
    1. :waduh belum nyampe sana saya kang :D ..

      Hapus
    2. Ntar kalo ad solusi ksih kbar ya Kang, mkasih seblumnya...

      Hapus
    3. baik mas gunawan, terima kasih juga sudah berkunjung di blog sederhana saya ini . :)

      Hapus
    4. Sorry kang Rian, sy nyalip dikit :D Kata orang, kalau hari ini kita membantu, lain hari kita juga akan di bantu. Sy mau bantu jawab Pertanyaan Mas Gunawan, siapa tahu jawaban sy benar :D

      Sy periksa beberaoa blog sy, tapi tidak ada yang mengalami kesalahan serupa dengan mas gunawan. Kalau dilihat dari gambarnya, kayaknya itu masalah markup ( hilang update ) yang berarti tidak ada rel=updated. Untuk mengatasinya, tinggal pasang markup rel=updated atau mengubah rel=published menjadi rel=updated di template ( biasanya di post-footer ) tepatnya pada bagian kode tags ( label ).

      Sy sudah cek blog mas gunawan. Sudah ada struktur snippet di bawah artikel, jadi mungkin lupa dengan rel=update.
      Mungkin jawab sy membingunkan :D untuk itu, silahkan mas gunawan kunjungi link ini =

      http://www.google.com/webmasters/tools/richsnippets?q=http%3A%2F%2Fwww.blog-guns.com%2F2014%2F02%2Fcara-memasang-efek-loading-blog.html

      Disana ada tulisan merah KESALAHAN : Missing requ........ dst

      Semoga cukup membantu :D

      Hapus
    5. subhanallah, terima kasih banyak mba milla untuk jawaban dari permasalahan blog-nya mas gunawan ..

      semoga berlipat ganda amal shaleh nya. aamiin :)

      Hapus
    6. Amien... :D Sy cuma kebetulan nongkrong di sini nunggu artikel cara bikin toggle menu seperti di blog ini kang :D . Ga' sengaja lihat tritnya mas gunawan :D . OIya, tambahan untuk mas Gunawan, Akan lebih SEO ( KATANYA ) kalau markup snippetnya pakai gambar :D

      Thx do'a nya Kang Rian.. sukses selalu buat Kang Rian dan semua blogger indonesia.... :D

      Hapus
    7. hehe untuk side menu toggle yang ada di blog saya ini bawaan template dasar yang saya gunakan dari templateism.com mba :) , namun jika mba mila memang pengen banget menggunakan menu seperti di blog saya ini, berikut ada referensi nya kok mba lebih complete effect nya toggle nya :) [tombol]Disini[/tombol]

      Hapus
  34. Thx lagi kang Rian... sy segera meluncur ke TeKaPe :D

    BalasHapus
    Balasan
    1. baik mba mila, selamat mencoba dan semoga berhasil ! :)

      Hapus
  35. Mkasih bnyak nch buat Mbak Kar Mila udh mmbantu, lngsung di coba nich sarannya, Kang Rian thanks juga OOT nya...

    BalasHapus
    Balasan
    1. Sama2 mas gunawan. Semoga berhasil

      Hapus
    2. iya semoga berhasil yah mas gunawan, semangat! :D

      Hapus
  36. kang coba buka yg ini, menurut akang pilih yg mana?

    http://support.asus.com/Download.aspx?SLanguage=en&m=VGA&os=30

    BalasHapus
    Balasan
    1. tinggal cocokin sesuai versi yang ada di run > dxdiag > display kang :) :
      [img]http://i.imgur.com/duUpyLs.png[/img]

      Download langsung deh :D

      Hapus
  37. Selamat berjuang Kapten OOT eh kapten Rian :D

    BalasHapus
    Balasan
    1. waduh , ada pendekar beben ternyata :D . siap kang! akan ku perjuangkan negeri ini.. agar semangat pemuda lebih berkobar untuk memperjuangkan karya-nya yang ingin berkembang luas . kita tunjukan pada dunia .. allahu'akbar .. :)

      Hapus
  38. kang.. cara bikin tombol emotikon biar ngimpet gitu gimna ya ? udah lama pengen pake yg begituan :D

    BalasHapus
    Balasan
    1. basic nya pake tutorial cara bikin spoiler gan , silahkan di pelajari disini : https://rian-nurherdian.blogspot.com/2014/01/cara-membuat-spoiler-di-blog.html :) semoga berhasil .

      Hapus
    2. kang. saya gagal maning terus nihh ,kalau boleh kasi bocoran dong kang HTML emotikon ngumpetnya, biar tombolnya mau bersebelahan (kalau boleh)
      ngebet banget :D

      Hapus
    3. maaf kalo saya bawel kang. tapi ini penting bgt buat saya. tolong di bantu.. :mewek
      H2 blog ku di chkme Bad. udah obok gugle tp semua buat H1.
      dan waktu saya delete <b:include name='quickedit'/> sidebar sama judul post'nya jadi berantakan :bingung

      Hapus
  39. kangg,, nama fb nya apa ya??
    saya mao nanya di chat fb aja kang :2thumbup

    BalasHapus
    Balasan
    1. disini kang : http://fb.com/abdi.riannurherdian :)

      Hapus
  40. kang. bisa gak bikin text pada label tertentu tidak bisa di blok. saya udah obok-obok gugel'nya. tapi gak nemu. barangkali agan yg.. ehmm.. udah mahir script bisa bantu :request

    BalasHapus
    Balasan
    1. waduh , bisa di perjelas pertanyaan nya sob? mungkin berupa screenshot / apa gituu..? :D barangkali saya bisa bantu .

      Hapus
  41. Saya mau request Tutorial cara membuat efek gambar berputar pada animasi loading blog, boleh gak kang ? @KangRian :request

    BalasHapus
    Balasan
    1. itu saya pake photoshop CS3 sob bikin animasi nya, kalo udah punya coba liat di menu "Window" → "Animation "

      [img]http://i.imgur.com/sn9K36T.png[/img]

      Hapus
    2. Thx tipsnya ya kang :) . Dan sekali-sekali mampir ke blog saya ya kang :) http://reinhardjs.blogspot.com/ .

      Hapus
  42. Mantep Nih Kang Rian..
    Klo boleh tau kerja dmn sih kang?

    BLOGnya jadi cakep di tambahin sana sini script & tutor nya bener2 helpfull :2thumbup

    BalasHapus
    Balasan
    1. kerja di rumah kang, kenapa emg nya kang adi? :) . terima kasih apresiasi-nya. :cendol

      Hapus
  43. [img]http://2.bp.blogspot.com/-WVWE3KiZ0GM/U01SeAillbI/AAAAAAAABUM/KTFD70S1XRE/s1600/needHelp_pliss.jpg[/img]

    Udah usaha semampunya :bingung
    tetep ga bisa.. emo'nya masih nongol di atas. bocoran dikit. saya pakai kotak komentar bertingkatnya "akang isamet" yang masih populer hingga abad ini
    tolong di bantu ya :matabelo

    BalasHapus
    Balasan
    1. ups! maaf namanya salah di fix dulu. biar ga ada pihak yang tersinggung "akang isamet" jadi "akang ismet" (maklum, lg ngeronda, jadi nahan ngantuk) bantu ya kang.. di tunggu pake banget

      Hapus
    2. maaf kang Guz Arta, saya belum ada waktu untuk bantu. nanti kalo kerjaan saya sudah beres saya bantu yah kang. maaf sebelumnya. :(

      Hapus
  44. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  45. Kang, boleh nanya ga ? :) Cara buat biar supaya nyembunyi-in CSS pada page source blog dan jika di Tekan CTRL + U ga bisa nongol :) page source-nya trus ada pesan" , itu cara buatnya gimana ya kang ? Takutnya nnti di CLONE sama CLONER , sebelum terlambat kang :)
    Mohon trik-nya ya kang
    RJS Blog
    http://reinhardjs.blogspot.com/

    BalasHapus
    Balasan
    1. untuk menyembunyikan CSS saya gak bisa de reinhard, tapi kalo bikin external CSS saya bisa, contoh seperti di bawah ini :
      [code]<link href='//googledrive.com/host/0B7H_GQEvKCj1Rmh1blVLZV9fSlk/bskin2.css' rel='stylesheet' type='text/css'/>[/code]
      biasa-nya code tersebut di simpan pada area </head>

      oke de, untuk privasi CTRL+U yang itu nanti saya buatkan tutorial-nya. :)

      Hapus
    2. di tunggu kang tutor disable ctrl u nya. kalau bisa ada pesannya seperti punya akang. :p
      sekalian mau tanya. bisa ga fix urL rusak yang udah terlanjur di publish.
      misalnya seperti ini "blablabla.com/p/blog-page_1737.html"

      Hapus
    3. untuk tutorial disable CTRL+U , nanti saya buatkan tutorialnya. setelah urusan dunia nyata beres.

      untuk permalink yang di halaman statis blogger itu susah untuk dirubah, karena blogger menggunakan auto generate untuk pembuatan permalink halaman statis mengikuti judul halaman ketika pertama mempublish halaman itu sendiri.

      mohon maaf jika ada salah kata dalam penjelasan. :) - salam blogger -

      Hapus
    4. oke deh kang . terimakasih. tapi kalau permalink ga mengikuti judul halaman seperti yang seharusnya. seperti contoh yg saya berikan. apa akan mempengaruhi SEO ??
      soalnya setiap saya ingin membuat laman baru ( bukan posting ) kemudian iseng saya publish. hasil permalink'nya kebanyakan ga sesuai dengan judul kang. hal yang seperti itu. apa bisa di cegah ?
      =Thanks=

      Hapus
    5. kalo pengen sesuai , solusi nya menurut pengalaman saya mas. jadi sebelum isi content halaman di isi , lebih baik masukan dulu judul halaman yang nanti nya akan menjadi permalink halaman tersebut. lalu publish .. setelah permalink sesuai dengan judul / yang di inginkan .. baru isi content halaman tersebut .

      untuk tutorial disable control+u sudah saya buatkan mas silahkan check disini : https://rian-nurherdian.blogspot.com/2014/04/simple-and-custom-disable-ctrlu-with-notification-and-image.html

      Semoga bermanfaat. :)

      Hapus
    6. wahh. tengkyu kang. pencerahanya. cerah bgt :2thumbup

      Hapus
    7. kang ane baru pake tempalate dari templateism.com nih...tapi ane makenya yang gratisan... yang ane tanyakan apa template yg versi gratis dari templateism berbatas waktu kayak templateify.com yg kita cuma bisa pake templatenya 15 hari doang ? mohon pencerahannya kang...ini blog ane http://afeerezaa.blogspot.com/ :D

      Hapus
  46. maaf kang. kalau kode <div id='header-wrapper'> ga ada pada template. bisa di gantikan dengan kode apa ? buat bikin "latest news berjalan di blog" kbanyakan tutor minta kode tersebut.
    dibantu ya :malu
    =terimakasih=

    BalasHapus
  47. itu alexa traffic rank Kang Rian [img]https://googledrive.com/host/0B7H_GQEvKCj1Rmh1blVLZV9fSlk/gambar/logo-kang-rian.png[/img] melesatnya cepet bgt y kang?? tdinya msh dibawah saya skrg malah jauh diatas.. saluuuut bgt. trus punya saya malah merosot drastis heheheee semula 500an skrg jd 600an... nasiiiib......nasiiiiiibbb.

    BalasHapus
  48. bos, minta solusi valid html 5, masih banyak yang eror, sekitar 18 eror untuk blog ini http://comtelweb.blogspot.com

    BalasHapus
    Balasan
    1. yang saya juga belum full valid mas, yang penting struktur nya aja udah pas . https://rian-nurherdian.blogspot.com/2014/03/struktur-dasar-html5.html

      Hapus
    2. menurut si bos, struktur template yang saya gunakan udah pas apa belum? maap tanya mulu, soalnya saya kurang begitu paham tentang valid validan, hehehe...

      Hapus
    3. ada masukan dari saya, tentang penempatan tag html5 di blog nya mas comtel, rubah kode <aside id='artikel'> , menjadi :
      [code]<section id='artikel'>[/code]
      Penutup </aside< pada kode di atas rubah menjadi </section>

      rubah <div class='post-outer'> menjadi :
      [code]<article class='post-outer'>[/code]
      dan penutup </div> rubah menjadi </article>

      untuk tag <header> & <footer> itu sudah betul mas.

      Hapus
  49. pertanyaan untuku postingan tentang popup : rian-nurherdian.blogspot.com/2014/04/basic-pembuatan-popup-otomatis-di-blog.html

    terima kasih kang sudah saya coba masalahnya kalo buka halaman lain pop up nya keluar terus.. gmn kang supaya keluarnya dihalaman utama saja... terima kasih nuhun....

    BalasHapus
    Balasan
    1. cukup tambahkan kode :
      [code]<b:if cond='data:blog.url == data:blog.homepageUrl'> ... Widget Popup ... </b:if>

      Jadinya akan seperti ini:

      [code]<b:if cond='data:blog.url == data:blog.homepageUrl'>
      <div id="kr-box">
      <a class="close-popup" href="#">&#215;</a>
      <div class="black-bg kaluar"></div>
      <div class="gambar-space">
      <a href="#link"><img src="http://1.bp.blogspot.com/-Eq--wpK-4ko/U10QpJeZN6I/AAAAAAAAE3c/0Qb_BlUQUzg/s1600/SPACE-PROMOTE-600X400-PIXEL.png" alt="Judul"/></a>
      </div>
      </div>
      </b:if>[/code]

      Setelah itu simpan kode sebelum tag </body>

      Selamat mencoba, dan semoga berhasil.

      Hapus
  50. Cara mendisable Klik kanan dan Ctrl + U seperti di blog Nih

    BalasHapus
    Balasan
    1. Baca disini : https://rian-nurherdian.blogspot.com/2014/04/simple-custom-disable-right-click-with-image-javascript.html , dan disini sob : https://rian-nurherdian.blogspot.com/2014/04/simple-and-custom-disable-ctrlu-with-notification-and-image.html

      Semoga bermanfaat.

      Hapus
  51. Mau nanya mas Meta Tag apa ini yah <meta content='72FEE497A528ECAB453B8FBE7FD3D73C' name='msvalidate.01'/>

    BalasHapus
    Balasan
    1. itu meta tag microsoft validate, biasanya di hasilkan oleh verifikasi bing / msn sob. :)

      Hapus
  52. min mau tanya dong, gimana caranya biar gambar pada postingan kita menjadi header dari postingan kita ersebut. seperti jalantikus.com min

    BalasHapus
    Balasan
    1. setiap template blog itu beda-beda gan, kalo boleh tau alamat blog nya apa? siapa tau saya bisa bantu .

      Hapus
    2. http://kodakkodok.blogspot.com/ silakan dilihat gan

      Hapus
  53. Test ! Bismillah ..
    [code]<meta content='169828266520120' property='fb:app_id'/>
    <meta content='100000504063337' property='fb:admins'/>
    <meta content='id_ID' property='og:locale'/>
    <!-- AKHIR: META ATEM -->
    <script src='//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <link href='http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>
    <link href='http://dl.dropboxusercontent.com/s/mk9f6hvdrmeu1kp/bskin.css' rel='stylesheet'/>
    <link href='http://dl.dropboxusercontent.com/s/ki1y3rycwuk2tan/komentar.css' rel='stylesheet'/>
    <link href='http://dl.dropboxusercontent.com/s/orzj4bzs2iwdzoi/pencarian.css' rel='stylesheet' type='text/css'/>[/code]

    Test lagi .

    BalasHapus
  54. Cara menambahkan kolom footer, gimana mas

    BalasHapus
    Balasan
    1. di blog mu ini sudah ada sob.
      [img]http://img.prntscr.com/img?url=http://i.imgur.com/COIpymy.png[/img]

      Hapus
  55. Balasan
    1. Bagaimana cara membuat lebih banyak tanpa manual dengan kode ini, x68\x74\x6D\x6C","\x23\x73\x64","\x6C\x65\x6E\x67\x74\x68","\x23\x73\x64\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x77\x70\x63\x6F\x64\x65\x72\x78\x2E\x63\x6F\x6D\x2F","\x72\x65\x61\x64\x79
      Gimana Yah Mas

      Hapus
    2. itu hasil decode sob, maksud nya 3 column gitu? .. saya gak bisa lihat kendala nya di source-code , karena code itu hanya muncul di sisi back-end ..

      Hapus
    3. kalau dalam pembuatan kode begitu gimana Ya

      Hapus
  56. gan mau nanya gimana ya cara buat top komentator!
    thank`s :)

    BalasHapus
    Balasan
    1. Sebentar, saya buatkan dulu tutorial nya..

      Hapus
  57. Gan Cara Nambahin Script DDOS Gimana?

    BalasHapus
  58. Kang, Kasih Chatbox Dong Disini, Biar Orang Orang Bisa Chatting :ngakak Btw Si Ngakak Giginya Kuning :ngakak

    BalasHapus
  59. cara membuat tombol di pesan singkat di atas buat nulis komentar gimana kalo nggak buat tombol hide ? :cendol

    BalasHapus
    Balasan
    1. maksudnya gimana sob? :bingung

      Hapus
    2. Mungkin maksudnya Mas Rifky di Formulir komentar

      Hapus
    3. kayak gini [img]http://2.bp.blogspot.com/-M-S68nUg91s/U5fJH_1nb0I/AAAAAAAAA0Q/80z1cPMuPPc/s1600/rf.png[/img]

      Hapus
  60. Maaf nih, buatin dong tutorial chat box seperti di blog ini Kang Rian

    BalasHapus
    Balasan
    1. Woke gan, nanti saya buatkan tutorial nya.. atau mau liat source nya langsung boleh kok. :)

      Hapus
  61. Gan Ane pengen tau gimana cara mbuat kutipan kek agan gitu...
    buatin tutornya klo bisa...:request

    BalasHapus
  62. blog kang rian yg lama kayaknya :malu kasian satu yang online :berduka nih http://www.rian-nurherdian.blogspot.com/

    BalasHapus
  63. Kang template Blogger shop lahh ANu bagus
    trus validasi terus dan lain2 wkwkwkkw

    kan dah ada tuh script nya ?
    tinggal template nya kang :'( pngen mode baru

    BalasHapus
  64. Mau nanya nih kang,kalo menyembunyikan css dengan data base itu gimana ya?
    Mohon bantuannya

    BalasHapus
    Balasan
    1. maksudnya mba? saya baru denger tuh .. :D

      Hapus

Terpopular! Minggu ini..

×