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..
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...
ihiiiii dapat pertamax nyicip OOT, thanks ya sob bwt emailnya. Sangat membantu :thumbup
BalasHapuswoke sob! :D , sama-sama . semoga bermanfaat .. wihh selamat yahh :selamat
Hapusiya nih sob, dapet inspirasi dari Kang Ismet bikin halaman kaya gini . biar enak juga sharing nya sob .. hehe ^_^
Sob buatin tutor cara merubah scrollbar dong sama ada % nya kalau tiap di tekan kaya yang punya agan
BalasHapushttp://prntscr.com/2wtn47
:genit
oh yang scrollbar juga udah ada di postingan tetangga ane , tutorial nya bisa pelajarin disini sob : http://goo.gl/uJFTeI
HapusAne tunggu pertanyaan selanjutnya! ^_^
Satu kagi om sekalian :ngakak
BalasHapuskasih tutor buat bisa masukin code,image di kotak komentar sob :malu
Monggo sob! udah ada di postingan sobat ane dimari : http://goo.gl/HU26XQ
HapusSemoga bermanfaat! :D
numpang tanya bos, tau template droidplus punyanya kang ismet ga?
BalasHapuskalo 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/
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..
Hapussorry 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 :
Hapus[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
berantakan banget yia bos, maklum lah bukan ahlinya, lagian itu blog cuma buat tes template dan modif doank sih, hehehe...
Hapusthx bos udah kasih solusi, saya coba praktekan dulu yia bos...
maaf juga nih, kesini nya lama, hehehe...
woke, gapapa sob :D . semoga berhasil .
HapusSob mau nanya nih kalau cara supaya notif yang kaya google plus itu bisa di scroll apayang di rubah atau di tambahin ?
BalasHapusterus biar ada lihat semua komentar bejimana sob ?
hhe
kaya gini http://prntscr.com/2x2ehn
nah kalau ente buat halaman komentar yang aktif nya gimana ???
BalasHapuswkwkwk blog ente kan keren sob :genit jadi inspirasi hhe
BalasHapusga papa nih? ikhlass ga sob ??:ngakak
wkwkwk
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 :
Hapus[tombol]Klik Disini[/tombol]
Ubah rian-nurherdian.blogspot.com dengan alamat blog antum! :)
haha. ya ikhlas dong gan!. kalo gak ikhlas ngapain di share :D wkwkwk.
Hapusdari pada diclone mending dibagiin sob, itung2 buat tabungan ilmu yg bermanfaat
Hapusiya gan. semoga gak ada yg cloning template ane kalo dengan ada nya halaman ini . :)
HapusSip gan hatur nuhun . nanti laporan nya menyusul :iloveindonesia
BalasHapusoke sob! semoga bermanfaat :)
Hapussob ko malah mengarah le url lain yah sob ??
BalasHapuscoba 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 ??????
wkwkwkw... :ngakak , beentarr sob agak bingung juga nih :bingung , kenapaa yaaah??? .. haha , oke sob ini solusi nya , silahkan di update kembali :
Hapus[button]Ambil Disini Sob![/button]
Semua Page jadi kaya gitu sob.. anehh
BalasHapusitu 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
Hapusngga kok sob.
BalasHapuskalau 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
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
HapusGimana Om caranya saya cari javascript nya ga ketemu ketemu wkakaka ,ga bisa buat halaman dah kalau begitu :berduka
BalasHapuswaduh , susah juga sob kalo gak support sama yang ane punya! . atau gini aja sob, coba pake scriptnya dari blog tetangga nih [tombol]Disini[/tombol]
Hapusbookmark chromenya canggih2 euy hahahahaaa
BalasHapusahaha.. kaya ironman aja canggih sob! :ngakak
Hapuspenasaran sih, apa aja yg dibookmark kang rian :2thumbup
Hapusahaha, 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. :)
HapusMau nanya nih kang!
BalasHapuspembuatan css transisi dan rotate saat mouse mendekati pada objek font awesome akan berputar dan transisi
Cara pembuatannya gimana kang.
mudah saja sob, pertama buat code css seperti dibawah ini :
Hapus[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]
bisa di bantuin kang
BalasHapusCara 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/
alamat blog nya yang mana mas ? . biar saya check , siapa tau bisa bantu :)
HapusIni kang http://allterbaru-ashock.blogspot.com/
BalasHapuswoke sob, segera meluncur ..
Hapusyang mana font icon awesome yang mau di kasih css nya?
Hapus[lightbox]http://i.imgur.com/uHHWS4T.png[/lightbox][img]http://i.imgur.com/uHHWS4T.png[/img][tutup-lightbox]
yang itu kang Follow blog, software pc, daftar isi, android, dan error 404
BalasHapuskok class nya begini sih kang?
Hapus[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 :)
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..
Hapusmisal : 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
ini solusi nya sob : http://www.flaticon.com/ , semoga bermanfaat :) . silahkan download yang ente butuhin . untuk cara pemakaiannya [tombol]Disini[/tombol]
Hapushahahaaa lg2 saya disuruh pake icon font sm kang rian :matabelo
HapusWkwkwk.. 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
HapusBegini kang Saya memakai Versi yang baru V4.0.3 jadi untuk pemanggilannya garus menggunakan fa fa
BalasHapushmm .. saya sendiri belum mencoba versi terbaru nya mas , dari pada pusing mendingan pakai yang sudah jelas support saja mas pake versi sebelumnya :
Hapus[code]<link href='http://netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.min.css' rel='stylesheet'/>[/code]
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
BalasHapuswaduh saya lupa lagi mba, soal nya saya gak pernah koleksi template juga nih.. :bingung
Hapuso ya gpp, makasih ya
Hapusiya sama-sama mba kiki . :)
Hapusini widget pada pergi kemana kang????? :berduka
BalasHapus[img]http://i.imgur.com/HomeRom.png[/img]
Wkwkwk. sengaja ane hidden sob untuk di homepage , ane tampilin hanya di halaman posting aja :D . hehe
Hapus[lightbox]http://i.imgur.com/BOxq89p.png[/lightbox][img]http://i.imgur.com/BOxq89p.png[/img][tutup-lightbox]
hwakakak iya ya ternyata ada disitu, tp bener jg sih sob homepage ente jd lebih ngebut. Lumayan terasa loh
HapusMantaaaapppp
Wkwkw.. belum ngebut banget sob, belum ane minify css nya , ntar antum coba perbedaan nya yah :D
Hapussepertinya 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
HapusSelamat 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]
Hapusbeberapa item sudah saya minify sob, saya menggunakan css minify punya oom.. lumayan bagus dan css saya baik2 saja
Hapus:waduh css minfiy yang mana tuh yang punya-nya oom? boleh nyicip? :D
Hapuscek aja di link menu tools, obrak abrik aja sob hahahaaa
Hapus[img]http://www.trinityproduction.com/3/wp-content/uploads/2012/04/Maudy-Ayunda.TIF.jpg[/img] TEST!
BalasHapuswooooww ada photo cewe cantik nih
BalasHapusiya nih kang :D, lagi test penggunaan fungsi lightbox evolution pada gambar komentar blog . :)
HapusKang tolong buatin post tentang lightbox yang bernama jquerry classybox
BalasHapusbaik 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. :) ,
Hapussalam blogger sob,
-Kang Rian-
: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
BalasHapusKang Reinhard, berikut tambahan bumbu javascript dalam tag "textarea" nya :
Hapus[code]<textarea onclick="this.focus(); this.select();"> ... Isi Code .. </textarea>[/code]
SIlahkan di coba, semoga berhasil! :D
Ok, sip dah kang. Makasih ya bumbunya :ngakak
HapusKANG, kenapa gak pake forum Tanya Jawab aja. Dari nabble.com biar lebih enak diskusinya kang :request
BalasHapusTapi, kayaknya lebih enak diskusi di komentar ya.. Tapi gak usah aja lah kang karena Nabble.com kurang Menarik. :2thumbup
BalasHapusyap betul kang, saya kurang tertarik dengan aplikasi embed-embed seperti itu. selain berat, fungsi nya juga terbatas. :)
HapusGa 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
HapusKomentar ini telah dihapus oleh pengarang.
HapusMaksudnya saya sekarang berumur menjelang 15 tahun karena saya lahir pada 23 september 1999 :ngakak
HapusKang, gimana ya caranya supaya blog saya ramai. Sepi kali, sampai-sampai, tidak ada satupun orang yang berkunjung ke blog saya ya kang. :request
BalasHapusSering 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. :)
HapusThx tips nya ya kang. :thumbup
Hapusbijak jg nih akang satu ini
Hapushehe , masih bijak-an om mario teguh kok kang . :D
HapusHehe ,, 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.
HapusSalam Blogger, Reinhard J.S
RJS Blog
reinhardjs.blogspot.com
Hehe... :ngakak
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
Hapushuehue , 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
Hapussantai sob, saya gak terlalu memikirkan saya msti dipanggil apa selow lah.. klo kaltim saya kurang tau kang
HapusKalo saya lain sendiri, saya dari utara, :ngakak SUMATERA UTARA :ngakak
HapusMEDAN :thumbup
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
BalasHapuscukup tambahkan code css dibawah ini sob :
Hapus[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]
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
HapusUdah saya coba CSS nya kang tetap ga bisa ? Gmna ya kang ?
HapusApa harus ada Script yang harus ditambahkan yah kang ?
Hapussaya sendiri hanya menggunakan tambahan pseudo element pada css nya saja kok sob reinhard. :)
HapusKalau bisa tahu, kode pseudo elemen yang akang tambahkan apa ya ? :request
HapusNumpang nanya buat admin atau mastah yang lain.
BalasHapusBlog 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
boleh tau alamat-blog nya? biar saya coba intip source code nya. siapa tau saya bisa bantu . terima kasih :)
HapusSorry lupa nitip link blog :D . Mas sudah memberi plus 1 di Google plus, berarti sudah tahu blognya :D tablet[dot]webmila[dot]com
HapusMas ada YM ga' ??? Bagi ilmunya via YM dong :D
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 .
Hapusbaiklah,
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 -
untuk responsive test saya sarankan untuk menggunakan extensi google chrome ini : [button]Install Ektensi[/button]
HapusBerikut screenshot nya :
[img]http://i.imgur.com/Ev47jXa.png[/img]
Kalau pakai tolls crome tersebut, tidak ada masalah, semua OK :D . Tapi kalau dibuka langsung dari iphone, tetap bermasalah :(
HapusSolusi pertama dengan meta, sudah sy lakukan dan tidak berhasil.
BalasHapusSolusi 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 ???
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.? .
Hapusmungkin 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 .
Thx jawaban dan referensinya. Sangat membantu kang. Sukses selalu :D
Hapusbaik sama-sama mba. terima kasih juga sudah berkunjung di blog sederhana saya. :)
Hapusinilah alasannya kenapa saya lebih suka mendesign sendiri template yg saya pakai heheheee
Hapusbtw zoomqueriesnya oom itu keren loh kang, saya jg pake itu bwt tes responsive tempalte saya
saya juga sama kang :D , tapi kalo offline mode saya lebih seneng gunain extensi chrome [tombol]Window Resizer[/tombol] :D hehe.
Hapussaya dpt ilmu baru lg hehheheeee. soalnya saya lebih sering offline sih kang
Hapushehe ini lah guna-nya bersosialisasi / sharing :D . selamat mencoba sob. ^_^
HapusMau 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..
BalasHapusini mulus kok kang? : [tombol]Rich Snippet Tool[/tombol]
Hapuswaduh mau donk kang yg mulus2
Hapushaha ini kang cihan :
Hapus[img]http://sciencelakes.com/data_images/out/22/8840299-lamborghini-aventador-latest.jpg[/img]
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
Hapuswaduh , kok malas di budayakan kang? :(
Hapusyaudah ini kang copy dulu css nya :D , taro sebelum kode </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='"http://twitter.com/?status=" + data:post.title + " - " + data:post.url ' target='_blank' title='Bagikan Artikel ini di twitter'/></li>
<li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bagikan Artikel ini di Facebook'/></li>
<li><a class='stumbleupon' expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bagikan Artikel ini di Stumbleupon'/></li>
<li><a class='digg' expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bagikan Artikel ini di Digg'/></li>
<li><a class='reddit' expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bagikan Artikel ini di Reddit'/></li>
<li><a class='google' expr:href='"http://www.google.com/bookmarks/mark?op=add&bkmk=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bookmark Artikel ini di Google'/></li>
<li><a class='del-icio-us' expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Bagikan Artikel ini di delicious'/></li>
<li><a class='technorati' expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Sukai di Technorati'/></li>
</ul>
</div>
<!-- End - KR Share Blogger Plugin -->[/code]
Selamat mencoba! ^_^
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
Hapusohaha gitu to cerita-nya , saya juga sama kok kang, kalo emang lagi males ngoding gitu efek samping-nya . wkwkwk :D
HapusKomentar ini telah dihapus oleh pengarang.
BalasHapuscoba yang ini kang, ada 72 missing
BalasHapushttps://www.google.com/webmasters/tools/structured-data?hl=in&siteUrl=http://www.blog-guns.com/#details/http%253A%252F%252Fmicroformats.org%252Fprofile%252Fhatom
[img]http://i.imgur.com/kAHYJPN.png[/img]
Hapussob, saya gak bisa akses webmaster tool nya ! :D
Ini Kang..
BalasHapus[img]https://googledrive.com/host/0B0gPfP3O6xFIRlVuVzFIMFlwSFE/Untitled-1.jpg[/img]
:waduh belum nyampe sana saya kang :D ..
HapusNtar kalo ad solusi ksih kbar ya Kang, mkasih seblumnya...
Hapusbaik mas gunawan, terima kasih juga sudah berkunjung di blog sederhana saya ini . :)
HapusSorry 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
HapusSy 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
subhanallah, terima kasih banyak mba milla untuk jawaban dari permasalahan blog-nya mas gunawan ..
Hapussemoga berlipat ganda amal shaleh nya. aamiin :)
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
HapusThx do'a nya Kang Rian.. sukses selalu buat Kang Rian dan semua blogger indonesia.... :D
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]
HapusThx lagi kang Rian... sy segera meluncur ke TeKaPe :D
BalasHapusbaik mba mila, selamat mencoba dan semoga berhasil ! :)
HapusMkasih bnyak nch buat Mbak Kar Mila udh mmbantu, lngsung di coba nich sarannya, Kang Rian thanks juga OOT nya...
BalasHapusSama2 mas gunawan. Semoga berhasil
Hapusiya semoga berhasil yah mas gunawan, semangat! :D
Hapuskang coba buka yg ini, menurut akang pilih yg mana?
BalasHapushttp://support.asus.com/Download.aspx?SLanguage=en&m=VGA&os=30
tinggal cocokin sesuai versi yang ada di run > dxdiag > display kang :) :
Hapus[img]http://i.imgur.com/duUpyLs.png[/img]
Download langsung deh :D
Selamat berjuang Kapten OOT eh kapten Rian :D
BalasHapuswaduh , 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 .. :)
Hapuskang.. cara bikin tombol emotikon biar ngimpet gitu gimna ya ? udah lama pengen pake yg begituan :D
BalasHapusbasic 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 .
Hapuskang. saya gagal maning terus nihh ,kalau boleh kasi bocoran dong kang HTML emotikon ngumpetnya, biar tombolnya mau bersebelahan (kalau boleh)
Hapusngebet banget :D
maaf kalo saya bawel kang. tapi ini penting bgt buat saya. tolong di bantu.. :mewek
HapusH2 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
kangg,, nama fb nya apa ya??
BalasHapussaya mao nanya di chat fb aja kang :2thumbup
disini kang : http://fb.com/abdi.riannurherdian :)
Hapuskang. 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
BalasHapuswaduh , bisa di perjelas pertanyaan nya sob? mungkin berupa screenshot / apa gituu..? :D barangkali saya bisa bantu .
HapusSaya mau request Tutorial cara membuat efek gambar berputar pada animasi loading blog, boleh gak kang ? @KangRian :request
BalasHapusitu saya pake photoshop CS3 sob bikin animasi nya, kalo udah punya coba liat di menu "Window" → "Animation "
Hapus[img]http://i.imgur.com/sn9K36T.png[/img]
Thx tipsnya ya kang :) . Dan sekali-sekali mampir ke blog saya ya kang :) http://reinhardjs.blogspot.com/ .
HapusMantep Nih Kang Rian..
BalasHapusKlo boleh tau kerja dmn sih kang?
BLOGnya jadi cakep di tambahin sana sini script & tutor nya bener2 helpfull :2thumbup
kerja di rumah kang, kenapa emg nya kang adi? :) . terima kasih apresiasi-nya. :cendol
Hapus[img]http://2.bp.blogspot.com/-WVWE3KiZ0GM/U01SeAillbI/AAAAAAAABUM/KTFD70S1XRE/s1600/needHelp_pliss.jpg[/img]
BalasHapusUdah 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
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
Hapusmaaf kang Guz Arta, saya belum ada waktu untuk bantu. nanti kalo kerjaan saya sudah beres saya bantu yah kang. maaf sebelumnya. :(
HapusKomentar ini telah dihapus oleh pengarang.
BalasHapusKang, 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 :)
BalasHapusMohon trik-nya ya kang
RJS Blog
http://reinhardjs.blogspot.com/
untuk menyembunyikan CSS saya gak bisa de reinhard, tapi kalo bikin external CSS saya bisa, contoh seperti di bawah ini :
Hapus[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. :)
di tunggu kang tutor disable ctrl u nya. kalau bisa ada pesannya seperti punya akang. :p
Hapussekalian mau tanya. bisa ga fix urL rusak yang udah terlanjur di publish.
misalnya seperti ini "blablabla.com/p/blog-page_1737.html"
untuk tutorial disable CTRL+U , nanti saya buatkan tutorialnya. setelah urusan dunia nyata beres.
Hapusuntuk 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 -
oke deh kang . terimakasih. tapi kalau permalink ga mengikuti judul halaman seperti yang seharusnya. seperti contoh yg saya berikan. apa akan mempengaruhi SEO ??
Hapussoalnya 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=
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 .
Hapusuntuk 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. :)
wahh. tengkyu kang. pencerahanya. cerah bgt :2thumbup
Hapuskang 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
Hapusmaaf 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.
BalasHapusdibantu ya :malu
=terimakasih=
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.
BalasHapusbos, minta solusi valid html 5, masih banyak yang eror, sekitar 18 eror untuk blog ini http://comtelweb.blogspot.com
BalasHapusyang saya juga belum full valid mas, yang penting struktur nya aja udah pas . https://rian-nurherdian.blogspot.com/2014/03/struktur-dasar-html5.html
Hapusmenurut si bos, struktur template yang saya gunakan udah pas apa belum? maap tanya mulu, soalnya saya kurang begitu paham tentang valid validan, hehehe...
Hapusada masukan dari saya, tentang penempatan tag html5 di blog nya mas comtel, rubah kode <aside id='artikel'> , menjadi :
Hapus[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.
pertanyaan untuku postingan tentang popup : rian-nurherdian.blogspot.com/2014/04/basic-pembuatan-popup-otomatis-di-blog.html
BalasHapusterima 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....
cukup tambahkan kode :
Hapus[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="#">×</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.
Cara mendisable Klik kanan dan Ctrl + U seperti di blog Nih
BalasHapusBaca 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
HapusSemoga bermanfaat.
Mau nanya mas Meta Tag apa ini yah <meta content='72FEE497A528ECAB453B8FBE7FD3D73C' name='msvalidate.01'/>
BalasHapusitu meta tag microsoft validate, biasanya di hasilkan oleh verifikasi bing / msn sob. :)
Hapusmin mau tanya dong, gimana caranya biar gambar pada postingan kita menjadi header dari postingan kita ersebut. seperti jalantikus.com min
BalasHapussetiap template blog itu beda-beda gan, kalo boleh tau alamat blog nya apa? siapa tau saya bisa bantu .
Hapushttp://kodakkodok.blogspot.com/ silakan dilihat gan
HapusTest ! Bismillah ..
BalasHapus[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 .
Cara menambahkan kolom footer, gimana mas
BalasHapusdi blog mu ini sudah ada sob.
Hapus[img]http://img.prntscr.com/img?url=http://i.imgur.com/COIpymy.png[/img]
Iya Mas
BalasHapusBagaimana 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
HapusGimana Yah Mas
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 ..
Hapuskalau dalam pembuatan kode begitu gimana Ya
Hapusgan mau nanya gimana ya cara buat top komentator!
BalasHapusthank`s :)
Sebentar, saya buatkan dulu tutorial nya..
HapusGan Cara Nambahin Script DDOS Gimana?
BalasHapusKang, Kasih Chatbox Dong Disini, Biar Orang Orang Bisa Chatting :ngakak Btw Si Ngakak Giginya Kuning :ngakak
BalasHapuswkwkw udah sob dimari :
Hapus[img]http://img.prntscr.com/img?url=http://i.imgur.com/y5irMmm.png[/img]
cara membuat tombol di pesan singkat di atas buat nulis komentar gimana kalo nggak buat tombol hide ? :cendol
BalasHapusmaksudnya gimana sob? :bingung
HapusMungkin maksudnya Mas Rifky di Formulir komentar
Hapuskayak gini [img]http://2.bp.blogspot.com/-M-S68nUg91s/U5fJH_1nb0I/AAAAAAAAA0Q/80z1cPMuPPc/s1600/rf.png[/img]
HapusMaaf nih, buatin dong tutorial chat box seperti di blog ini Kang Rian
BalasHapusWoke gan, nanti saya buatkan tutorial nya.. atau mau liat source nya langsung boleh kok. :)
HapusGan Ane pengen tau gimana cara mbuat kutipan kek agan gitu...
BalasHapusbuatin tutornya klo bisa...:request
siap gan, nanti buatin .. :D
HapusKayak apa ?
Hapusblog kang rian yg lama kayaknya :malu kasian satu yang online :berduka nih http://www.rian-nurherdian.blogspot.com/
BalasHapusKang template Blogger shop lahh ANu bagus
BalasHapustrus validasi terus dan lain2 wkwkwkkw
kan dah ada tuh script nya ?
tinggal template nya kang :'( pngen mode baru
Siap kang! segera .. :thumbup
HapusSiap kang, segera.. :thumbup
HapusMau nanya nih kang,kalo menyembunyikan css dengan data base itu gimana ya?
BalasHapusMohon bantuannya
maksudnya mba? saya baru denger tuh .. :D
Hapus