Membuat Postingan Pada Homepage Ala Kang Ismet
Membuat Postingan ala Blog KI - Selamat pagi Sahabat KI apa kabar? Saya sering mendapat pertanyaan dari pengunjung blog ini tentang bagaimana membuat postingan pada Homepage ala blog ini. Kalau mau jujur kayaknya kurang layak mempertanyakan keseluruhan desain pengguna sebetulnya. Tapi saya coba memahami, mungkin ada ketertarikan untuk mempelajari bagaimana caranya.
Sebetulnya beberapa pertanyaan masih bersifat umum, coba lihat screenshoot blog saya:
Banyak pertanyaan menyertakan gambar seperti di atas. Saya nyatakan bahwa pernyataan sobat masih umum. Sebab muncul lagi pertanyaan saya.. "seperti blog saya apanya?" berwarna-warni kah? thumbnailnya bulatkah? ada label di pojok kanan kah? ada panah putih kah? ada author dan jumlah komentar kah? dll.
Apabila yang dipertanyakan adalah secara keseluruhan, maka sobat harus mengaplikasikan sedikitnya 5 tutorial. Disini akan coba saya tandai satu per satu, dan tugas sobat mencari dan menerapkannya sendiri.
- Auto readmore dengan thumbnail tanpa JavaScript
- Membuat Postingan berbeda sesuai label / kategori
- Fahami tentang
position:absolutetutornya DISINI - Fahami tentang Pseudo Element, tutor DISINI
- Untuk membuat tampilan berbeda antara homepage dan halaman posting, fahami Tag Kondisional. Tutornya DISINI
Untuk tutorial yang belum ada, silahkan sobat cari sendiri di google. Sengaja saya buat seperti ini supaya sobat lebih pintar memahami CSS dan HTML. Bayangkan... apabila saya buat tutor seluruhnya pada halaman ini, sobat bukan akan mengerti malah akan bingung dengan banyak kode yang berjejer.
Ada pertanyaan yang menggelitik melalui email : "Apakah clonner sudah cukup pintar memahami berbagai kode?" Saya jawab tidak... walaupun secara sepintas sama, itu hanya hasil copas tapi ada elemen-elemen yang tidak bisa ditiru. Ops.. stop it. Tinggalkan perbincangan clonner di halaman ini.
Semoga tutorial diatas memberikan pencerahan bagi sobat... Happy Blogging.
Ambil petromax dulu.
Wah cepat amat sih gan ente komennya :(
ambil cempor dulu
Dapet Kedua Kang :D
Ujung-ujungnya disebarkan juga kang undangan teh hahaha
hah nyaeta atuh kang bararingung ari gaduh template kereen teh wkwkwkwk ...
disebarkan tapi ngarah cena pabeulit wkwkwkwk :D
walaahh.. di tinggal bentar udah diambil orang pertamaxnya :D
Hade ge kang dijieun lieur, emeh batur aya usahana :-d
enya kitu tong dihuapan wae mola pinter2 atuh :D
perlu diterapkan ini.. tapi rada puyeng juga :ngakak:
manteb kang ismet :-bd
santai aja memahaminya sob :D
Hehehehehe... asa sahate nya kang postingan teh hehehe... lebih menekankan untuk pembelajaran daripada hanya sekedar copy paste kode |o|
hahahha.. benul oge nya, baru saya mengunjungi KA.. cocok kang, jangan disuapi terus kita kasih pancingannya aja :D
matakna abdi sok tara aya dimana css ditempatken dimana html digolerken ge kang .. biar diajar bareng-bareng
orang diatas pagi-pagi gak pada kerja apa ya? bisa-bisanya baru 22 menit postingan kang ismet langsung pada berkomentar. #ngincer pertamax
tambah rajin lagi aja dateng ke sini :D
Postingan beginian yg paling saya suka Kang tidak diberikan secara langsung
berarti setiap saya posting harus begini ya sob :)
Hee... asa ka sungging, biasa di huapan ayena di piwarang masak sorangan.
(Gadabag-gedebug ngubek-ngubek mbah Gugel) :D
hahahah.. masak mie instan we kang :)
Kunjungan Pagi :) wow.....hebat...ini yang saya tunggu-tunggu dari dulu...Thanks Kang Ismet :) Sukses selalu !! :-bd
sama2 sob.. salam sukses
satuju pisan kang, memang kita itu harus dituntut belajar sendiri kalo mau bisa, kalo dihuapan wae mah moal ngarti ngarti wkwkwk
tah eta kang.. moal pinter nya :)
hadir kang patut dicoba :D terima kasih sudah berbagi :D
sama2 :)
Dikasih tau juga bocorannya.. hehehe makasih kang.. :-d
sama2 sob :D
wah keren banget kang.. ada tombolnya keren.
tombol mana ya ? :)
post ini harus sepertinya harus di baca berulang-ulang agar tidak salah pengertian
:)
thanks KI
saya sudah jelaskan ko :ngakak:
hehe dari awal saya suda htahu pasti sangat rumit kang, apalagi yang tanya tuh kerbanyakan masih belajar, kalau ang ismet bagikan dfisini pasti gine deh jadinya :P haha :ngakak:
Bener mba' Leony, apalagi yang tanya orang kaya saya yang masih awam tentang CSS, Jquery dan Function-function mba' :)
Salut ama kang ismet menjadikan orang menjadi lebih pintar dengan cara ini dari pada copas artikel... :-bd :-bd ha ha ha .. oh ya kang trik ini saya menggunakan cara ini -menciptakan-tampilan-yang-berbeda-hanya.html- milik mas taufik.. untuk menciptakan tampilan warna readmore berbeda warna..
betul mas.. biar pinter jangan disuapin terus.. kalau saya lebih pilih CSS daripada JS mas taufik
Komentar ini telah dihapus oleh lupanama sebagai penulis.
sama2.. btw itu sampe lupa sama namanya sendiri :ngakak:
Banyak juga ilmu yang harus diketahui dan diterapkan kalau ingin membuat postingan ala master web kang Ismet ini...
Sukses terus berbagi ilmunya Kang
supaya pinter, saya kasih bocorannya aja sob.. bukan cara lengkapnya
kalo masalah warna berbeda pada label tertentu itu saya pernah baca di DTE kang...
thanks ilmunya..
iya ada di dte..
Mantab kang Ismet, punya saya juga pengen bisa ringan seperti blog akang., boleh juga dicoba ni kang.
Thanks infonya kang
jangan pake batu aja biar ringan :ngakak:
Tampilan blog ini membuat siapa saja yang berkunjung ingin memilikinya, termasuk saya! Tampilan blog yang oke banget dan loadingnya cepat!!
Tapi ciri blog seseorang juga perlu dipertahankan, jangan sampai sama dengan lainnya harus ada perbedaan, supaya yang berkunjung tahu langsung siapa pemiliknya!
Betul sekali tapi satu hal lagi walaupun ciri blog harus berbeda tapi apabila menggunakan template gratis dari orang lain, kita tetap harus mempertahankan kredit Link si pembuat
Mantep Kang,, Postingan Pnya Kang ismet bagus,, setiap label berbeda warna juga :)
betul sob.. biar rame aja :D
mulai sekarang saya akan mengadakan kunjungan rutin sambil belajar memahami info terkini biar blogku bisa keren kaya blog kang ismet ini, hmmm :)
silahkan.. ditunggu kunjungannya :-bd
Banyak jalan menuju ke Roma,, saya mending main html dan css tapi hasilnya gk jauh beda sama punya akang. :)
utk point no 2 kayaknya perlu di coba biar menarik nih.. thnks kang :)
menuju jakarta aja banyak jalan, apalagi ke roma :D
Mantappp deh tutor nya :-d
Oh ya kang, kalau akang mambuat pos berbeda sesuai label memakai javascript atau tag kondisional ?
Soalnya saya coba pakai tag kondisional, tapi posisinya salah kang...
lebih enak menggunakan manipulasi loop sob
kalau untuk setiap postingan beda warna, tutorialnya dijelaskan secaran rinci di DTE.
Saya pun dapat dari sana
makasih kang atas pencerahannya......:-bd
thanks kang, ijin aplikasiin... :-d
akhirnya diposting ki juga ;)
Maaf kang tambah dikit... untuk poin nomor 6, yakni pembuatan judul postingan berada di samping gambar... mungkin msh ada rekan2 yg mempertanyakan :) nuwun :)
oke sob dipertimbangkan :)
nice post mas makasih
Wih keren nih kang ismet bagi-bagi ilmu mulu, tapi ane kewalahan ngambil ilmu nya, jadi nya ga konek,. hihi
banyak yang harus dipelajari ya kang... siapin obat sakit kepala dulu deh sebelum praktek tutorial dan langkah langkahnya :P
hu`uh...cayah jujah cekot" bacanya, blon praktek...aje gile benerl nih tutnyah :P
Mungkin kurang tepat saya bertanya disini kang karena yang saya tanyakan hubungannya dengan wordpress bukan blogger tapi saya yakin kang ismet bisa menjawabnya.
Bagaimana kang menampilkan isi web lain di halaman wordpress dengan iframe? Contoh yang pernah saya lihat di website demo themeforest atau web lainnya yang sejenis.
Sudah lama saya mencari dan searching di google caranya, tapi karena kemampuan yang belum memadai malah membuat saya makin bingung. Tolong kang pencerahannya. Makasih sebelumnya...
demo template gitu ya? nati saya coba share
Pengen sih coba menerapkanya, tapi kayaknya langkah2nya membingungkan bagi saya :D
Terimakasih sharingnya kang. Salam sukses
Nah, kalau soal modif modifan gini saya semangat nih belajarnya ... :D Tapi nunggu UN selesai :D CTRL+D Dulu lah kang :)
:) Mohon Dibaca... sori kalau aku Baru Lihat ini soal nya...
terutama kang ismet :D MOHON respon....
ada BLOG yang mirip betul ama DESIGN KAng ISMET nih =(
link nya [ahs-style-v-premium-bt dot blogspot dot com] tinggal ganti dot dengan [.]
lihat sendiri..... 90% Mirip banget :(
acak acak ehh dapat yang begituan.... :ngakak:
Dasar pelagiat. Laporkan saja kang Ismet..
sipp saya mau ngecek jugaa ahh
apa ganti template yang jelek aja biar ga diclone ya? :ngakak:
ikut nyimak saja mas,, belum kepikiran untuk membuat template dengan style seperti milik kang ismet
Wahh mantap nih..
saya mau pahami aja satu-satu mas.
terima kasih udah share
kang saya mau tanya cara dapetin link gambar kaya gini http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png' itu ngupload gambar nnya kemana ya kang ...
mohoon bantuannya kang
buat sendiri di photoshop.. upload aja ke blogger
template blog kang ismet bagus tapi responsivenya kurang, saat saya berkunjung pake smartphone loading nya lama dan judulnya ga muncul-muncul, pas nunggu beberapa menit baru muncul, kurasa tampilan responsive belum bisa diterapkan di indonesia karena lambatnya internet :)
untuk masalah loading, ga berhubungan dengan RWD, itu tergantung provider, emang pake provider apa? saya pake wifi normal ko, sama dengan di laptop.
trus untuk masalah responsivitas, itu tergantung ukuran device yang digunakan emang bukanya di ukuran berapa? kalau bisa minta screenshoot biar saya perbaiki.
ini hasil jepretan galaxy tab 7" punya saya :
http://1.bp.blogspot.com/-ypqoXNwcub8/Us9hj_PKvgI/AAAAAAAAGTo/9xUBl6-7J7s/s1600/Screenshot_2014-01-10-09-29-11.png
http://2.bp.blogspot.com/-tERI6zuPPOw/Us9hj6pn1KI/AAAAAAAAGTk/VJTJbNNrGI0/s1600/Screenshot_2014-01-10-09-49-17.png
Keren Tips nya, Makasih tutornya kang
akhirnya dikeluarin .. thanks kang :D
Daeng SEO
boleh di coba
Ini ni mas gue tunggu2 =D
Hello :D
I'm Viet Nam :D
Kunjungan Malam Kang Ismet dan Salam Kenal |o|
Padahal Ini salah satu ciri khas template kang ismet , sayang kalau di sebar kang . Tapi ya namanya berbagai :)
nambah emot lagi + ntar di coba kang tutorialnya :)
bagus sekali kang blog + postingannya bermanfaat...
ane pengen sekali ngerti cara buat template sejenis blog kang ismet....dulu belajarnya gmn ya? #kepo_bgt :v
where is the you template download link? do you have
of course.... in your dream
lihatlah kesini, clonner dimana-manaa.... http://ahmadsuyadi.blogspot.com/
tunggu aja waktunya...
Akhirnya diposting juga.. makasih kang |o|
kang saya ijin ambil sedikit warna dair blog nya akng yah :D ... untuk blog baru saya http://mafiaseo.blogspot.com
Ini template yang dipakai, hasil modifikasi dari template apa ?
atau emang desain sendiri ?
tapi, saya sebelumnya pernah liat juga blog yg tampilannya gini, walaupun ga sama persis
keren banget, jadi pengen pakai, walaupun ga sama persis
Bisa request template yg gini ga gan, yg header sama tampilan postinggannya mirip gini ?
ngarep
kalo udah pernah liat template kayak gini berarti yang di liat itu hasil clone dari template ini
ini satu satunya dan pertama kali
Kang abdi seer ningal template akang dmn mn nu d pk tp hilap url namah,eta ku akang d jual atw hasil kloningan kang??
abdi teukantos ngical atanapi ngabagikeun kang...
inspirasi bisa didapat dimana saja.
seperti tampilan blog ini yang terinspirasi dari ini http://goo.gl/9FQ8LN
dan tampilan template premium mas sugeng yang terinspirasi dari ini http://goo.gl/EySD9
selama dunia ini diselimuti dengan topeng kemunafikan, saya pikir wajar saja.. :)
coba fahami lagi, tentang terinspirasi dan clonning... fahami persamaan dan perbedaannya
saya ikut nyimak gan. ^_^
saggat membantu gan...
makasih infonya...
sudah lama gk kesini,,blognya makin surantap aja ni kang ismet...
pertanyaan sederhana ... Kenapa tidak jadi diri sendiri saja ^_^?
Postingannya bermanfaat bang Ijin terapin bang
www.angkaseo.blogspot.com
Kangismet saya mau tanya nih, apakah ada pikiran buat ngebuat/ngedesign template baru lagi? kayaknya kalau kangismet ada waktu untuk ngebuat template/karya barunya lagi? soalnya kalau template "Super Seo" kalau di terbitin lagi "Super Seo 2" pasti lebih keren dan lebih wuss wuss :D @@, sekarang kan sudah banyak bertebaran template yang dasar warnanya main mainan flatui . Pasti lebih super seo!!
#salam damai , sukses selalu buat kangismet!!!
hehehe iya tuh kang, apakah akan ada Template Super SEO v2? kalo memang ada pikiran buat ngebuat template super seo selanjutnya, pasti dapet peringkat best seo blogger template of 2014 tuh :D :)
-salam damai
kl memang bikin lg kyknya keren tu :D
Kang izin share artikel terkait seperti blog KI yah, artikel terkaitnya ane dapet dari mas bintang, ane redesign sedikit aja :)
Click this addition convert to blogger ?
http://www.usluer.net/yazi-ici-sayfalama-yapimi/ this addition is convert to blogger?
aku gak ngerti mas :D
gk paham ama kode nya akwakwa :D
sama-sama gak paham juga nih unda :D
Saya masih nggak ngerti gan..
maklum, masih dibawah rata-rata :D
Salam kenal kang ismet, saya blogger baru :)
di wewelan materi ku akang, mantap kang cenah diajar meh parinter hihi :D
mantep bgt abisan blog nya ni tampilannya jadi ga heran toh :D
ga ngerti code2 mau nyamain juga, jd clonner pun ga ngerti apa maksud ny itu =_=
artikel yang bijaksana, namun sudah ada beberapa blog yang mirip dengan tampilan blog ini mas.. :)
alhamdulillah saya suda berhasil menerapkannya diblog saya yg lain,,, terimakasih ilmunya kang,,,
saya mungkin salah seorang yang menanyakan hal seperti diatas lewat komentar dipostingan-postingan sebelumnya tentunya tampa ada maksud untuk mengkloning tp hanya untuk menjawab rasa penasaran pada cara membuatnya.
Selain itu saya juga sependapat sekali dengan akang bahwa tindakan pengloning-an template, itu adalah tindakan yang membuat orang tidak kreatif dan hanya mencontek tampa mengembangkannya.
Jika berkenan alangkah senangnya jika akang berkenan untuk berkunjung balik ke blog saya yg sederhana www.edynlaskar.com
Sekali lagi terimakasih atas ilmunya, Ditunggu kunjunganya.
Hadir Kang :)
Salam kenal dari blog baru :-bd
ijin baca-baca ilmunya lol
Sangat bermanfaat kang ^_^
visit : http://daffa-nur.blogspot.com/
Template, Games , DLL
GAK ADA LO GAK RAME !!!
*off topic
http://www.bloggertut.com masih hidup lagi?
bertanya kerana ada tutorial yang mahu dicari di sana...
Komentar ini telah dihapus oleh Unknown sebagai penulis.
keren kang... Mau dicoba nih...
http://desainew.blogspot.com/
makin keren saja blognyA kang ismet :D
Komentar ini telah dihapus oleh Rynt Hariandja sebagai penulis.
Thanks Mas :D http://billy-anonghost.blogspot.com/ <-- Visit dan Kunjungi Blog ane yah :D
Kang tempenya kok tidak responsive lagi, ane cek banyak banget scrollnya :(
www.responsinator.com/?url=http%3A%2F%2Fblog.kangismet.net%2F
Akhirnya Di Share Juga, Tapi Lebih Baik Di Share 1 Persatu Dari Pada Di Cloning Sama Orang Lain :D
kang, ieu teh blogna nganggo blogspot kan? se kieu tampilana hampir mirif googe+ hehe
mantap kang..;)
Keren kang tampilannya. . .
coba dulu kang...mudah mudahan blog ane bisa keren kaya blog kangismet hehe
Nice share mas ;)
Udah pernah coba praktein, tapi gagal maning mas :(
gpp deh saya ikutin menu nya mas aja ya :D
#Salam Damai - bangbarus.blogspot.com
haduh oot.. blog kg ismet kok jadi tambah lemot ya... -_- kayaknya krn ada widget obrolan di sebelah kanan ni :(
Saya juga cloner kang, tapi bukan full cloner cuma liat elemen-elemen aja, soalnya asik blognya rapih, kalo clone semua ga ada rasa bangga :-D
akhirnya bisa juga kang > zone-hell.blogspot.com :D
Halo, Saya sangat menyukai tema situs Anda untuk berbagi atau menjual Apakah Anda pikir
terimakasih kang ismet...tutorialnya berat-berat hehehe..saya sudah lama pake template superseo nya kang ismet salah satunya di www.obatherbalmanjur.com sangat puas kang :-bd ..yang satu lagi di blogspot alhamdulilah sudah ber page rank. maklum baru belajar..selalu nyimak tutornya tapi ya kadang silent he...bikin terus artikel yang bagus kang ilmu ga akan habis dibagi malah bertambah ya ga kang :D
keren gan postingannya wow
Kang Ismet - bagaimana postingan ini lumayan behasil sih - oh iya follback ya http://blanter-forever.blogspot.com
tampilan home page nya bener22 keren kang ismet
api sayang saya nggak ngeri sama sekali cara buat nya..
sukses kang
Wah caranya di bongkar semua sama kang ismet, Nanti berarti banyak yang sama blognya dengan kang ismet
secara gloabl aja.. dan tidak mesti harus sama :D
walah di share oge
Tampilan home page blog kang ismet :D
belajar helaa akh ..... da karang belajar blog |o|
Kang saya ingin tanya, bagaimana cara setting tanggal header yang tidak sama antara posting dengan hompage, kaya' di blog Kang Ismet ini ??
Soalnya saya coba ganti format tetap sama untuk hompage dan halaman posting.
harus belajar biar bisa buat postingan ala kang ismet :D
Makasih kang inspirasinya, akhirnya bisa juga walau menggunakan JS untuk membuat background thumbnail berwarna warni. Tapi sayang gak bisa menyesuaikan sendiri untuk warnanya..
Sekali lagi matur nuwun..
Om kalau mau menambahkan postingan di menu blog gimana?
keren tutorial nya kang simet
Salam kenal kang :v web ini penuh dengan turorial menarik , beruntung saya pernah berkunjung kesini , boorkmark dulu
maaf gan, ane nyontek designnya @@,
senang banget dengan tutorial nya kang Ismet :)
walah bagus juga,. hehehe makasih kang
kunjung kunjung ya algifarbercerita.blogspot.com
kang saya mau bertanya nih bagaimana cara untuk menampilkan shoutmix tapi seo tetap terjaga,, saya memakai shoutmix kok kedetect iframes di chkme.com
sekalian mampir ke blog nubie kang http://octora-days.blogspot.com/
manteb kang