31 Juli 2017

erend

Spesifikasi Radio Komunikasi Icom 2300H

Spesifikasi Radio Komunikasi Icom 2300H - Icom IC-2300H adalah jenis teranyar radio rig dari Label Icom. 65 Watt Power Output, cukup mumpuni untuk komunikasi DX juga jarak dekat. Keseluruhan body terbuat dari bahan aluminium, ini artinya penyerapan panas dari final ketika kita geber pada Watt maksimal akan sangat efektif.

IC 2300H

Inilah Spesifikasi Radio Komunikasi Icom 2300H yang saya sadur dari halaman resmi
Icom Amerika.

Stabil Power Output 65W
Pengguna yang sama antarmuka dipertahankan dari IC-2200H
Terbukti daya tahan – Diuji dengan MIL-STD-810 Spesifikasi terbaru G
207 Alpha-Numeric memori saluran
Built-in CTCSS dan DTC encoder / decoder
Frekuensi Cakupan: 136-174 MHz
Mode: FM, FM-N
Jumlah Saluran Memori: 207 (Inc 6 pasang tepi scan dan 1 saluran panggilan)
Rentang Suhu dapat digunakan: + 14 ° F sampai + 140 ° F, -10 ° C sampai + 60 ° C;
Frekuensi Resolusi: 5, 10, 12,5, 15, 20, 25, 30 dan 50 kHz
Frekuensi Stabilitas: ± 3 ppm (-10 ° C sampai + 60 ° C)
Power Supply Persyaratan: 13,8 VDC ± 15% (ground negatif)
Sekarang Tiriskan – Transmit: 11,0 A (65 Watt)
Sekarang Tiriskan – Receive: 1,5 A (maks. audio output) 0,4 A (siaga)
Antena Konektor: SO-239 (50 ohm)
Dimensi (proyeksi tidak termasuk): 5.51 (W) x 1.6 (H) x 6,4 (D) inci (140 x 40 x 162 mm)
Berat: 2,43 lbs. (1,1 kg)

Transmitter :

Power Output: 65 watt, 25 watt, 10 watt, 5 watt dipilih
Modulasi Sistem: frekuensi reaktansi Variabel
Max. Frekuensi Deviasi: ± 5.0 kHz / ± 2,5 kHz
Emisi tersebar: Kurang dari -60 dBc khas

ICOM 2300H
erend

Keangkeran Stadion Marora bagi Persib Bandung

Keangkeran Stadion Marora bagi Persib Bandung - Persib Bandung vs Perseru Serui - Keangkeran Marora Stadium masih terjaga ketika Persib Bandung bertandang ke Serui Sabtu (29/7/2017). Pada laga penutup putaran pertama Liga 1 Go-jek Traveloka ini Persib harus rela menelan pil pahit dengan menerima kenyataan ditaklukan Perseru Serui 2-1.

Keangkeran Marora Stadium bagi Persib Bandung

Hal ini membuat Persib Bandung belum bisa lepas dari papan bawah, berkutat di posisi ke 14 klasmen sementara Liga 1 Go-Jek Traveloka. Parahnya Sriwijaya FC yang berada tepat di bawah Persib belum menuntaskan semua laga putaran pertama mereka. Ini artinya Klasmen yang sudah dua garis di atas zona degradasi ini masih bisa berubah menjadi lebih kelam. Sriwijaya FC bisa melempar Persib ke jurang degradasi.

Menurut Om Sugiono salah seorang driver Hotel Mauren Serui, kekalahan Persib Bandung atas Perseru Serui disebabkan banyak hal. Persib Bandung datang ke kandang Perseru dengan kondisi pincang. Raphael Maitimo dan Achmad Jufriyanto tak dibawa karena akumulasi kartu kuning. Bek sayap, Supardi Nasir juga absen karena izin untuk menjalankan ibadah haji. Sementara Vladimir Vujovic yang termasuk rombongan tim, justru tak bisa tampil karena terkena hukuman larangan bermain.

Pada babak pertama, laga berlangsung seru dan seimbang. Pelatih Persib Bandung, Herrie Setyawan tetap menerapkan skema permainan defensifnya. Persib Bandung bisa memaksa tuan rumah hanya mendapat skor kacamata hingga peluit akhir babak pertama ditiup. Keangkeran Stadion Marora dirasa oleh Persib ketika pertandingan masuk babak kedua. Perseru Serui tidak mau keangkeran Marora ternodai. Perseru unggul lewat gol pembuka yang diciptakan Arthur Barrios Bonai pada menit ke-63.

Mencoba mengejar angka, tim pelatih Persib melakukan penyegaran di lini tengah pada menit ke-69. Michael Essien diganti dengan pemain yang bertipikal lebih agresif, Tantan. Billy Keraf juga masuk untuk menggantikan Atep pada menit ke-80. Namun upaya ini tak berhasil. Justru Perseru yang bisa menambah keunggulan. Menit ke-84, Persib resmi tertinggal dua gol. Arthur Bonai kembali menjadi pencetak angka.

Persib hanya bisa memperkecil ketertinggalan lewat Shohei Matsunaga. Itu pun melalui eksekusi penalti yang dihadiahkan wasit pada menit ke-89. Sampai wasit meniup peluit panjang tanda pertandingan usai, angka di papan skor tetap 2-1 untuk keunggulan Perseru Serui.

Sumber:
Pikiran Rakyat Bandung
erend

Callbook RAPI Nasional Daerah 27 Papua

Callbook RAPI
Radio Antar Penduduk Indonesia Daerah 27 Papua

Sekertariat :Jl.Sumber Kayu I No.88/8B (belakang CV.Thomas) Entrop Jayapura Papua
Telp/Fax (0987) 551748
Email: rapi_27papua@yahoo.com

Call Book Anggota Radio Antar Penduduk Indonesia Daerah 27 Papua tahun 2017 tercatat 1749 anggota.
 
Cari Nama Panggil atau Callsign Rapi Anda disini :




Provinsi  

Kec


- Jika ini tidak berjalan, silahkan anda menuju langsung alamat ini:  https://e1028.rapi.or.id/
- Untuk sobat RAPI yang berada di daerah Serui bisa cari pada pada alamat ini 
   Daftar Call Sign RAPI Wilayah 08 Yapen Serui Gelombang II 2015-2016 dan
   Daftar Call Sign RAPI Wilayah 08 Yapen
- Dan bagi sobat RAPI yang berada di wilayah Waropen, sobat bisa buka di artikel
   Daftar Callsign RAPI Wilayah 13 Waropen

30 Juli 2017

erend

Submit Artikel Pada Webmaster Tools Google

Submit Artikel Pada Webmaster Tools Google -  Ini yang tak kalah penting dalam Optimasi Blog kita terutama submit artikel pada Webmaster Tools Google. Karena bukan tidak mungkin keinginan sobat artikel webnya segera terindeks google. Hal mudah tapi kadang lupa atau malas untuk Submit Artikel blog. Dan lupa atau malas inilah penyakit blogger :P

Submit Artikel Pada Webmaster Tools Google

Cara menggunakan Google Webmaster Tools atau memanfaatkan pasilitas perayapan Google Search Console sangatlah mudah karena saya yakin sobat semua yang kesasar ke artikel ini adalah sebagian besar pengguna akun blogger. Saya tak akan memberikan tutorial Cara Submit artikel pada Webmaster Tools Google secara detail. Arikel ini hanya berbagi karena tadi saya keingatan setelah submit artikel Total Ping Promosikan Blog Er'end Net.

Kenapa saya share ini? Karena kemarin-kemarin tak pernah menggunakan Webmaster Tools Google sebab tidak tahu fungsi dan manfaatnya. Ketika tulisan saya lambat ada di Search Google, saya sedikit jengkel dan terlahir tulisan Saya Hanya Cari Nama Keren Er'end Net. Tetapi setelah tahu guna perayapan google ini kejengkelan saya pupus sama-sekali, Sekarang tak usah nunggu lama sampai berbulan-bulan, cukup hanya satu hari saja.

Fatch

Untuk Submit Artikel Pada Webmaster Tools Google, sobat perhatikan gambar diatas. Sobat tinggal Klik Fetch as Google atau Ambil sebagai Google, nanti akan terbuka kotak teks URL untuk sobat isi dengan URL artikel sobat. Akan tetapi saat ini Google melakukan pembatasan URL yang akan sobat Fetch. Perhatikan contoh URL dari judul "Total Ping Promosikan Blog Anda" ini :

http://www.erend.net/2017/07/total-ping-promosikan-blog-anda.html
sobat ambil hanya dari 2017/07/total-ping-promosikan-blog-anda.html

Lalu masukan pada kotak teks, klik tombol Fetch, biarkan Google melakukan perayapan hingga proses selesai.Setelah selesai akan terlihat url artikel kita berwarna biru dan ceklis hijau Complete.

Search

Seperti yang saya katakan tadi bahwa ini hanya share blogging untuk mengingatkan sobat agar tidak 
lupa atau malas untuk Submit Artikel Pada Webmaster Tools Google.

Happy Blogging !
erend

Total Ping Promosikan Blog Anda

Total Ping Promosikan Blog Er'end Net - Blogger pemula seperti Er'end Net ini selalu tertarik akan sesuatu yang bersifat "gratis".Siapa juga yang tak suka bila ditawari gratis :P ? Entahlah apa namanya ini yang pasti Er'end Net hampir dua hari sekali menggunakan pasilitas gratis Total Ping untuk Optimasi Blog ini.

Total Ping Promosikan Blog Anda

Total Ping Promosikan Blog Anda, ya Total Ping adalah sebuah situs gratis yang menyediakan layanan ping bagi pemilik blog atau website. Total Ping mempromosikan blog atau website ke beberapa situs Search Engine dan Web Directory.

Total Ping

Total Ping mempunyai fitur yang simpel hingga memudahkan kita dalam menggunakkanya. Sobat tinggal masukan Nama Blog sobat, URL Blog dan RSS URL (Feedburner). Ceklis English Services, International Services dan ceklis juga kotak kecik I agree to the TOS.Tindis tombol Make Ping ! dan tunggu hingga proses Ping selesai.

Sobat berminat untuk mempromosikan website sobat ? Silahkan kunjungi alamat Total Ping ini :

http://www.totalping.com

Selamat Berpromosi.
Happy Blogging !
erend

Barcelona vs Real Madrid El Clasico ICC Miami

Barcelona vs Real Madrid El Clasico ICC Miami 2017 - International Champions Cup (ICC) adalah serangkaian pertandingan Persahabatanyang bertujuan untuk mensimulasikan sebuah turnamen. Untuk ICC kali ini adalah ICC edisi ke-5 yang diselenggarakan di tiga negara sebagai tuan rumah yakni China,Singapura dan Amerika Serikat.

Barcelona vs Real Madrid El Clasico Miami

Barcelona vs Real Madrid El Clasico ICC Miami - Er'end Net bahas di Spot Arena karena El Clasico duo Spanyol ini selalu menawarkan cerita panas dan menarik. El Clasico produk ICC yang digelar di Stadion Hard Rock  pada hari Minggu dini hari (26/7/2017) berakhir dengan kemenangan Barcelona 3-2.

International Champions Cup

Zinedine Zidane dan Ernesto Valverde yang mengarsiteki pertandingan ini menurunkan skuad terbaik mereka, hanya saja El-Real minus Ronaldo. Masing-masing Gol Barcelona dicetak oleh Lionel Messi menit ke-3, Ivan Rakitic menit ke-7, dan menit ke-49 gol  cantik Gerard Pique. Sedangkan Gol balasan El Real dilahirkan dari kaki Mateo Kovacic pada menit ke-14 dan Marco Asensio pada menit ke-36.Tak ada gol lagi hingga pertandingan berakhir.

Inilah Laskar Real Madrid besutan Zinedine Zidane pada gelaran Piala ICC 2017 :

Real Madrid (4-3-3): 1-Keylor Navas, 2-Dani Carvajal, 5-Raphael Varane (3-Jesus Vallejo) 46', 4-Sergio Ramos (6-Nacho Fernandez 46'), 12-Marcelo (16-Theo Hernandez 74’), 10-Luka Modric (22-Isco 46’), 14-Casemiro (18-Marcos Llorente 74’), 16-Mateo Kovacic (24-Dani Ceballos 74’), 11-Gareth Bale (Oscar Rodriguez 76’), 9-Karim Benzema (21-Borja Mayoral 75’), 20-Marco Asensio (17-Lucas Vazquez 46’)

Inilah Laskar Barcelona besutan Ernesto Valverde pada gelaran Piala ICC 2017 :

Barcelona (4-3-3): 13-Jesper Cilessen, 22-Aleix Vidal (12-Nelson Semedo 63’), 3-Gerard Pique (14-Javier Mascherano 73’), 23-Samuel Umtiti (15-Thomas Vermaelen 63’), 18-Jordi Alba (19-Lucas Digne 74’), 4-Ivan Rakitic (Carles Alena 73’), 5-Sergio Busquets (26-Sergi Samper 74’), 8-Andres Iniesta (20-Sergi Roberto 46’), 10-Lionel Messi (6-Denis Suarez 63’), 9-Luis Suarez (17-Paco Alcacer 63’), 11-Neymar (7-Arda Turan 73’)


29 Juli 2017

erend

Indonesia Terpilih Jadi Tuan Rumah Piala Asia U-19 2018

Indonesia Terpilih Jadi Tuan Rumah Piala Asia U-19 2018 - Disadur dari halaman resmi Asian Football Confederation atau AFC, dalam pengumumannya menyatakan bahwa Indonesia sebagai negara favorit dari berbagai negara yang mengajukan proses bidding. Dengan demikian komite AFC resmi menunjuk Indonesia sebagai tuan rumah ajang Piala AFC U-19 Championship 2018.

Indonesia Terpilih Jadi Tuan Rumah Piala Asia U-19 2018

AFC U-19 Championship 2018 direncanakan mulai digelar dari tanggal 18-10-2018 sampai tanggal 4-11-2018, setelah usainya perhelatan akbar Asian Games. Jika Indonesia lolos ke babak semifinal, maka TimNas U-19 Indonesia berhak mendapatkan tiket melaju ke putaran final Piala Dunia U-20 2019.

Di babak kualifikasi AFC U-19 Championship 2018 timnas Indonesia U-19 tergabung di Grup F, berada satu grup dengan tuan rumah Korea Selatan (yang telah memenangkan kompetisi dua belas kali),Malaysia, Timor Leste, dan Brunei Darussalam.

Zona Grup

PSSI selaku induk organisasi sepak bola di Indonesia telah menyiapkan lima stadion yang bakal dijadikan venue pertandingan Piala AFC U-19. Stadion Utama Gelora Bung Karno Jakarta, Stadion Pakansari Cibinong, Stadion Patriot Bekasi, Stadion Wibawa Mukti Cikarang, serta Stadion Gelora Bandung Lautan Api Bandung.

Inilah Tim-Tim yang terbagi pada Wilayah Asia Barat :

Grup A:
1. Bahrain
2. Uni Emirat Arab
3. Oman
4. Nepal
5. Republik Kyrgyz (Tuan rumah untuk kualifikasi)

Grup B:
1. Uzbekistan
2. Tajikistan (Tuan rumah untuk kualifikasi)
3. Bangladesh
4. Sri Lanka
5. Maladewa

Grup C:
1. Irak
2. Qatar (Tuan rumah untuk kualifikasi)
3. Lebanon
4. Afghanistan

Grup D:
1. Arab Saudi (Tuan rumah untuk kualifikasi)
2. Yaman
3. Turkmenistan
4. India

Grup E:
1. Republik Islam Iran (Tuan rumah untuk kualifikasi)
2. Palestina
3. Jordan
4. Syria

Zona Timur
Grup F:
1. Republik Korea (Tuan rumah untuk kualifikasi)
2. Malaysia
3. Timor-Leste
4. Brunei Darussalam
5. indonesia

Grup G:
1. China PR
2. Myanmar
3. Filipina
4. Kamboja (Tuan rumah untuk kualifikasi)

Grup H:
1. Vietnam
2. Laos
3. Chinese Taipei
4. Macau

Grup I:
1. Jepang
2. Thailand
3. Singapura
4. Mongolia (Tuan rumah untuk kualifikasi)

Grup J:
1. Australia
2. DPR Korea
3. Hong Kong
4. Kepulauan Mariana Utara
erend

Disclaimer

Secara hukum kami tidak bisa menahan ataupun melarang anda untuk menyebar-luaskan kode-kode HTML baik itu JavaScript,CSS ataupun PHP. Karena kami berpatokan pada hadist blogger "Sampaikan Walau Satu Kode". Dilain itu, kami tidak merasa memiliki kode-kode tsb. Untuk itu, silahkan yang berada dalam ruang lingkup "Label Tip & Trik" di Blog Er'end Net ini untuk diamalkan. Satu hal yang terlarang adalah Copas sepenuhnya !

Disclaimer

Tulisan beserta gambar-gambar yang ada di Blog Er'end Net ini dilindungi Undang-Undang serta oleh Alloh Swt. Kami tidak bertanggung-jawab bila gambar dan tulisan yang ada disini pindah ke Blog anda. Itu artinya anda telah melanggar hukum tentang tutorial perbatasan.

Demikian Disclaimer ini dibuat dengan setengah sadar.

Happy Blogging !

27 Juli 2017

erend

Membuat Label Blog Ala KompasCom

Membuat Label Blog Ala KompasCom - Tower antena-nya Jz27XD boleh menjulang tinggi. Tapi kalah menjulang dengan nama besar nama besar "Kompas Gramedia". Siapa XD, siapa Kompas?  Xd adalah salah-satu figur penting dalam kepengurusan organisasi RAPI Wilayah 08 Serui....lalu ?

Membuat Label Blog Ala KompasCom


Siapa sieh yang tak kenal Kompas ? Dolo kita mengenal Kompas dengan exsemplar Korannya atau dengan istilah keren-nya Media Masa. Keluarga Kompas Gramedia ini sekarang memiliki koran online dengan nama Kompas Com dan Kompasiana. Kompas.com salah-satunya merupakan situs terdepan dalam hal berita-berita baru (breaking news).

Label Keren Kompas

KompasCom adalah sebuah portal web yang berisi berita dan artikel daring di Indonesia. Situs interaktif yang nyaman dibaca dan enak di pandang mata. Coba lihat Homepage KompasCom, Category webnya (LABEL) yang menempel pada gambar atau Thumbnail, lalu Slide shownya. Banyak hal yang bisa kita pelajari dari KompasCom ini.

Mari kita menginjak pada langkah pembuatan Label Blog Ala KompasCom ini. Lalu Copas kode  Label dibawah ini diatas kode ]]></b:skin>

.post-rehan a{background:#0db24b; line-height:normal; top:0px; left:0; position:absolute; color:#fff; font-size:15px; font-weight:600; text-transform: capitalize; padding:6px 12px;}
.post-rehan a:hover{color:#fff;}

Lalu Langkah kedua, sisispkan kode berikut diatas kode </body>

<div class='post-rehan'>
<span>
<b:loop values='data:post.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;' itemprop='url'><b:if cond='data:label.isLast == &quot;true&quot;'><data:label.name/></b:if></a>
</b:loop>
</span>
</div>

Simpan Template lalu lihat hasilnya.
Ada kesulitan dengan Cara Membuat Label Ala KompasCom ini silahkan sobat pergunakan komentar untuk bertanya.
Happy Blogging !

26 Juli 2017

erend

Persib vs Perseru

Persib vs Perseru - Stadion Marora Serui kondang dengan sebutan Stadion Angker, karena Tim Perseru kerap memberikan kejutan dikandangnya. Perseru mampu menumbangkan tim-tim besar dikancah Liga Indonesia. Persib yang kabarnya akan menurunkan Carlton Cole, akan bermain tandang di Stadion Angker ini pada hari Sab­tu 29 Juli 2017.

Persib vs Perseru

Atep dan kolega butuh kemenangan untuk menjadi pemanis laga penutup putaran pertama Liga 1. Namun ini tak mudah bagi Persib Bandung karena selain "Stadion Angker", Persib Bandung mempunyai rekor buruk saat berlaga di tanah Papua.

Demikian juga dengan Tim Cendrawasih Jingga, Perseru tak mau keangkeran stadionnya dinodai oleh Persib Bandung. Laskar Agus Yuwono ini akan melawan Persib habis-habisan. Pertandingan diprediksi bakalan seru.

Daftar Skuad Tim Perseru Serui

No >> Posisi >> Nama Pemain

2 >> DF >>Mochammad Zaenuri
3 DF Reksa Satata
5 DF Boman Aimé
6 MF Fransiskus Mumpo
7 MF Alba Saves Serkadifat
8 MF Farid Wajdi
9 FW Sílvio Escobar
10 MF Omar Zein El-Din
11 FW Yoksan Ama
12 FW Lukas Mandowen
13 MF Franklin Rumbiak
14 MF IRonaldo Meosido
17 FW Irvan Mofu
18 DF Bilibig Dian Mahrus
20 GK Sukasto Efendi
21 FW Petrus Towolom
22 MF Arthur Bonai
23 GK Annas Fitrianto
26 MF Septinus Alua
30 GK Hendra Mole
38 MF Tonny Ayomi
92 DF Alex Wayoi
95 DF Kalvin Wopi
97 MF Gamalia Imbiri
99 FW Mariando Uropmabin

Captain : Athur Bonai
Menejer/Pelatih : Agus Suwono

Daftar Skuad Tim Persib Bandung

Penjaga Gawang

1. I Made Wirawan (78)
2. M Natsir (1)
3. Imam Arief Fadillah (25)

Pemain Belakang

4. Vladimir Vujovic (3)
5. Ahmad Jufriyanto (16)
6. Tony Sucipto (6)
7. Supardi Nasir (22)
8. Wildansyah (2)
9. Henhen Herdiana (21)
10. Jajang Sukmara (18)

Pemain tengah

11. Hariono (24)
12. Kim Kurniawan (23)
13. Michael Essien (5)
14. Dedi Kusnandar (11)
15. Atep (7)
16. Ahmad Subagja Basith (19)
17. Gian Zola (8)
18. Febri Hariyadi (13)
19. Matsunaga Shohei (17)
20. Raphael Maitimo (10)
21. Agung Mulyadi (14)
22. Fulgensius Billy Paji Keraf (93)

Pemain depan

23. Sergio van Dijk (9)
24. Carlton Cole (12)
25. Tantan (82)
26. Angga Febriyanto (15)

Captain :Atep
Menejer/Pelatih : Herrie Setyawan
erend

Label Blog RAPI Serui Rapih dan Menarik

Label Blog RAPI Serui Rapih dan Menarik - Saya bikin judul yang sedikit ngawur guna membidik 3 suku kata saja yaitu LABEL >>> RAPI >>> SERUI. Betul sieh pingin sekali membawa RAPI dan SERUI lebih mendunia. Cuma sayangnya Er'end Net belum punya jurnalis-jurnalis elite yang terjun bebas ke lapangan.....haha gayanye :P

Label Blog Keren

Kemarin dolo Pak Charles Gomar (JZ27YCG) ketua 1 RAPI Wilayah 08 Serui bilang bahwa kalau pingin RAPIH ya harus masuk RAPI, ngapain ngurus yang ora rapih :P. Sekarang saya yang bilang, bahwa sobat tidak salah masuk di artikel ini kala pingin punya Cloud Label Widget Blogger yang stylish, rapih, keren dan menarik. Guna dan manfaatkan label adalah sebagai menu navigasi yang didasarkan pada kelompok atau kategori postingan. Kita bisa memakai widget label dengan berbagai corak, list, dropdown, could tag, ataupun juga flash animasi.

Label Keren

Sebenarnya Cloud Label Widget Blogger sudah disediakan, kita tinggal Add Label Widget dari Layout. Tapi kita akan menambahkan Style agar Widget Label blog kita terlihat lebih keren dan menarik. Untuk Menggunakan fitur LABEL ini sobat tinggal isi atau tulis label (kategori) pada setiap artikel yang sobat bikin pada bagian labels.

Menginjak pada langkah pembuatan Label Blog Keren ini, sebelum mengedit saya sarankan untuk backup template menjaga semua kemungkinan yang tidak kita harapkan. Bilamana sobat gagal edit, sobat masih punya desain blog aslinya.

Langkah membuat widget Label Keren di Blog ini sangatlah mudah. Buat Label Blog sobat dengan bentuk atau corak Cloud. Sobat tinggal pilih untuk Style-nya. Saya sertakan berbagai macam style yang bisa diserasikan dengan template sobat.
Lalu Copas kode Style Label dibawah ini diatas kode ]]></b:skin>
Setelah itu SIMPAN TEMA dan lihat hasilnya.

Style 1, style Label yang dipakai Er'end Net sekarang.

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10} .cloud-label-widget-content{text-align:left} .label-size{background:#4d90f0;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{background:#A52A2A} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important} .label-size{line-height:1.2}

Label Erend

Style 2, style Label Blog Keren Er'end Net

.cloud-label-widget-content {
text-align: left
}
.cloud-label-widget-content .label-count {
background: #2b2b2b;
color: #fff!important;
margin-left: -3px;
padding-right: 3px;
white-space: nowrap;
border-radius: 2px;
padding: 1px 4px !important;
font-size: 12px !important;
margin-right: 5px;
}
.cloud-label-widget-content .label-size {
background: #ebebeb;
display: block;
float: left;
font-size: 11px;
margin: 0 5px 5px 0
}
.cloud-label-widget-content .label-size a,
.cloud-label-widget-content .label-size span {
height: 18px !important;
color: #2b2b2b;
display: inline-block;
font-size: 12px;
font-weight: 500!important;
padding: 6px 8px
}
.cloud-label-widget-content .label-size a {
padding: 6px 10px
}
.cloud-label-widget-content .label-size a:hover {
color: #000!important
}
.cloud-label-widget-content .label-size,
.cloud-label-widget-content .label-count {
height: 30px!important;
line-height: 19px!important;
border-radius: 2px
}
.cloud-label-widget-content .label-size:hover {
background: #2b2b2b;
color: #fff!important
}
.cloud-label-widget-content .label-size:hover a {
color: #fff!important
}
.cloud-label-widget-content .label-size:hover span {
background: #ebebeb;
color: #2b2b2b!important;
cursor: pointer
}
.cloud-label-widget-content .label-size-1,
.label-size-2,
.label-size-3,
.label-size-4,
.label-size-5 {
font-size: 100%;
opacity: 10
}

Style Label 2

Style 3, style Label Blog Keren Er'end Net

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

Style Label3

Style 4, style Label Blog Keren Er'end Net

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{border-radius:30px;background:#FA0830;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{border-radius:30px;background:#333333} .label-count{white-space:nowrap;border-radius:30px;padding-right:3px;margin-left:-3px;background:#333333;color:#fff!important} .label-size{line-height:1.2}

Style4

Style 5, style Label Blog Keren Er'end Net

.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10} .cloud-label-widget-content{text-align:left} .label-size{background:#08A2FA;border-radius:30px;display:block;float:left;margin:0 3px 3px 0;color:#ffffff;font-size:11px;text-transform:uppercase} .label-size a,.label-size span{display:inline-block;color:#ffffff!important;padding:6px 8px;font-weight:bold} .label-size:hover{background:#000000} .label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:#000000;color:#fff!important} .label-size{line-height:1.2}

Style5 Label

Selamat menggunakan Label Kategori Blog Keren.
Happy Blogging !
erend

Widget Artikel Terbaru Keren

Widget Artikel Terbaru Keren - Papih Doel JZ27XD tanya, keuntungan apa dari ngeblog? Online ngeblog beda jauh dengan Online bermedia sosial, facebok-kan dan medsos lainnya. Ngeblog minimal untuk diri sendiri menjadi tambah pintar, karena ngeblog dituntut untuk "tahu" segala hal.

RCP

Dari pembangunan template saja kita dituntut untuk tahu apa itu Recent Post, kegunaan dan manfaatnya. Dan apa itu Random Post, Popular Posts dan widget-widget lain yang wajib kita pasang pada template kita. Semacam Widget Artikel Terbaru atau Recent Posts ini satu widget wajib ketika kita mau ngeblog serius, karena Recent Posts adalah widget wajib ada ketika blog kita mau didaftarkan ke Google Adenese.

Membuat Widget Recent Post yang Valid HTML5 ini penting ketika kita masih mengacu kepada kebersihan template dari pengkodingan HTML yang error. Manfaat Widget Recent Post adalah memberi tahu pada pengunjung mana saja Artikel Terbaru kita. Ada 5 Style Widget Recent Posts yang Er'end Net suguhkan kali ini. Silahkan sobat pilih yang sesuai dengan selera sobat.

Untuk menambahkan Widget Artikel Terbaru Keren ini sangatlah mudah. Berikut Cara Membuat Recent Post Keren di Blogspot. Hal pertama yang harus sobat lakukan adalah Login ke Akun Blogger sobat. Langkah selanjutnya klik Tata Letak, lalu Tambahkan Widget Baru. Setelah muncul, pilih HTML/Javascript dan masukkan kode berikut :

Widget Recent Post Keren Style 1

Style1

<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = false;
var posts_date = true;
var post_summary = true;
var summary_chars = 70;
</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<style type="text/css">
img.recent-post-thumb{width:50px;height:50px;float:right;margin:5px -5px 0px 0px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;padding:3px;background: #fff}
ul.recent-posts-container {list-style-type: none; background: #fff;padding: 0px;font:12px 'Ubuntu Condensed', sans-serif;margin: 5px 0px 5px 0px;}
ul.recent-posts-container li:nth-child(1n+0) {background: #B1DAEF; width: 100%}
ul.recent-posts-container li:nth-child(2n+0) {background: #F5F5DC; width: 95%}
ul.recent-posts-container li:nth-child(3n+0) {background: #FFEBCD; width: 90%;}
ul.recent-posts-container li:nth-child(4n+0) {background: #E1EFA0; width: 85%;}
ul.recent-posts-container li:nth-child(5n+0) {background: #DEB887; width: 80%;}
ul.recent-posts-container li {padding:5px 10px;list-style-type: none; margin: 0 0 -5px; color: #777;}
.recent-posts-container a { text-decoration:none; }
.recent-posts-container a:hover { color: #222;}
.post-date {color:#e0c0c6; font-size: 11px; }
.recent-post-title a {font-size: 14px;color: #444; font-weight: bold;}
.recent-post-title {padding: 6px 0px;}
.recent-posts-details a{ color: #222;}
.recent-posts-details {padding: 5px 0px 5px; }
</style>

Widget Recent Post Keren Style 2

Style3

<div class="recentpoststyle">
<script type="text/javascript">
function showlatestposts(e){for(var t=0;t<posts_no;t++){var r,s=e.feed.entry[t],n=s.title.$t;if(t==e.feed.entry.length)break;for(var a=0;a<s.link.length;a++)if("alternate"==s.link[a].rel){r=s.link[a].href;break}n=n.link(r);var i="... read more";i=i.link(r);var l=s.published.$t,o=l.substring(0,4),u=l.substring(5,7),c=l.substring(8,10),m=new Array;if(m[1]="Jan",m[2]="Feb",m[3]="Mar",m[4]="Apr",m[5]="May",m[6]="Jun",m[7]="Jul",m[8]="Aug",m[9]="Sep",m[10]="Oct",m[11]="Nov",m[12]="Dec","content"in s)var d=s.content.$t;else if("summary"in s)var d=s.summary.$t;else var d="";var v=/<\S[^>]*>/g;if(d=d.replace(v,""),document.write('<li class="recent-post-title">'),document.write(n),document.write('</li><div class="recent-post-summ">'),1==post_summary)if(d.length<summary_chars)document.write(d);else{d=d.substring(0,summary_chars);var f=d.lastIndexOf(" ");d=d.substring(0,f),document.write(d+" "+i)}document.write("</div>"),1==posts_date&&document.write('<div class="post-date">'+m[parseInt(u,10)]+" "+c+" "+o+"</div>")}}
</script>
<script type="text/javascript">
var posts_no = 5;var posts_date = true;var post_summary = true;var summary_chars = 80;</script>
<script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts">
</script><a style="font-size: 9px; color: #CECECE;margin-top:10px;" href="http://www.erend.net/2017/07/widget-artikel-terbaru-keren.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<style type="text/css">
.recentpoststyle {counter-reset: countposts;list-style-type: none;}
.recentpoststyle a {text-decoration: none;color: #49A8D1;}
.recentpoststyle a:hover {color: #000;}
.recentpoststyle li:before {content: counter(countposts,decimal);counter-increment: countposts;float: left;z-index: 1;position:relative;font-size: 15px;font-weight: bold;color:#fff;background:#69B7E2; margin:13px 5px 0px -6px;line-height:30px;width:30px;height:30px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}li.recent-post-title{margin-bottom: 5px;padding: 0;}
.recent-post-title a {color: #444;text-decoration: none;font: bold 13px "Avant Garde",Avantgarde,"Century Gothic",CenturyGothic,AppleGothic,sans-serif;}
.post-date {font-size: 11px;color: #999;margin:5px 0px 15px 32px;}
.recent-post-summ {border-left:1px solid #69B7E2; color: #777; padding: 0px 5px 0px 20px; margin-left: 10px; font: 15px Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;}
</style></div>

Widget Recent Post Keren Style 3

Style3

<script type="text/javascript">
function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"https://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var p=n.published.$t,f=p.substring(0,4),g=p.substring(5,7),v=p.substring(8,10),w=new Array;if(w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<li class="recent-posts-list">'),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>"),"content"in n)var A=n.content.$t;else if("summary"in n)var A=n.summary.$t;else var A="";var k=/<\S[^>]*>/g;if(A=A.replace(k,""),1==post_summary)if(A.length<summary_chars)document.write(A);else{A=A.substring(0,summary_chars);var y=A.lastIndexOf(" ");A=A.substring(0,y),document.write(A+"...")}var _="",$=0;document.write('<br><div class="recent-posts-details">'),1==posts_date&&(_=_+w[parseInt(g,10)]+" "+v+" "+f,$=1),1==readmorelink&&(1==$&&(_+=" | "),_=_+'<a href="'+r+'" class="url" target ="_top">Read more</a>',$=1),1==showcommentslink&&(1==$&&(_+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",_+=l,$=1),document.write(_),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
</script>
<script type="text/javascript">
var posts_no = 5;
var showpoststhumbs = true;
var readmorelink = true;
var showcommentslink = true;
var posts_date = true;
var post_summary = true;
var summary_chars = 40;</script>
<script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
<a style="font-size: 9px; color: #CECECE; margin-top: 10px;" href="http://www.erend.net/2017/07/widget-artikel-terbaru-keren.html" rel="nofollow">Recent Posts Widget</a>
<noscript>Your browser does not support JavaScript!</noscript>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
<style type="text/css">
img.recent-post-thumb{padding:2px;width:65px;height:65px;float:left;margin:0px 10px 10px;border: 1px solid #69B7E2;}
.recent-posts-container {font-family:'Oswald', sans-serif;font-size:12px;}
ul.recent-posts-container li{list-style-type: none; margin-bottom: 10px;font-size:12px;float:left;width:100%}
ul.recent-posts-container {counter-reset: countposts;list-style-type:none;padding:0;}
ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 1;position:absolute; left: 0px; font-size: 13px;font-weight: bold;color: #fff;background: #69B7E2;line-height:25px;height:25px;width:25px;text-align:center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.recent-posts-container a{text-decoration:none;}
.recent-post-title {margin-bottom:5px;}
.recent-post-title a {font-size:12px; text-transform: uppercase; color: #2aace3;}
.recent-posts-details {margin: 5px 0px 0px 92px;font-size:11px;}
.recent-posts-details a{color: #777;}
</style>

Widget Recent Post Keren Style 4

Style4

<script type="text/javascript">
    function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write('<li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
    </script>
    <script type="text/javascript">
    var posts_no = 5;
    var showpoststhumbs = false;
    var readmorelink = true;
    var showcommentslink = true;
    var posts_date = true;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs"></script>
    <a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="http://www.erend.net/2017/07/widget-artikel-terbaru-keren.html">Recent Posts Widget</a>
    <noscript>Your browser does not support JavaScript!</noscript>
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
    <style type="text/css">
    img.recent-post-thumb {padding: 2px; width:35px;height:35px;float:right;margin: -14px 0px 0px 5px; border: 1px solid #cea5ac; border-radius: 10%;}
    .recent-posts-container {font-family: 'Oswald', sans-serif;  float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent-posts-container li {padding:5px 0px;min-height:65px; list-style-type: none; margin: 0px 10px 5px 35px;}
    ul.recent-posts-container {counter-reset: countposts;list-style-type: none;}
    ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: 5px; font-size: 16px;color: #4D4D4D;background: #F7F7F7;padding: 9px 14px; border: 1px solid #efefef;}
    .recent-posts-container a { text-decoration:none; }
    .recent-posts-container a:hover{color: #4DACE3;}
    .post-date {color:#e0c0c6; font-size: 11px; }
    .recent-post-title a {font-size: 13px; text-transform: uppercase; color: #5C4D4D;}
    .recent-post-title { margin: 5px 0px; }
    .recent-posts-details {border-top: 4px solid #AC707A; margin-top: 5px; padding-top: 5px;}
    .recent-posts-details a{ color: #888;}
    a.readmorelink {color: #4DACE3;}
    </style>

Widget Recent Post Keren Style 5

Style5

<script type="text/javascript">
    function showlatestpostswiththumbs(t){document.write('<ul class="recent-posts-container">');for(var e=0;e<posts_no;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if("replies"==n.link[o].rel&&"text/html"==n.link[o].type)var l=n.link[o].title,m=n.link[o].href;if("alternate"==n.link[o].rel){r=n.link[o].href;break}}var u;try{u=n.media$thumbnail.url}catch(p){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:"http://2.bp.blogspot.com/-C3Mo0iKKiSw/VGdK808U7rI/AAAAAAAAAmI/W7Ae_dsEVAE/s1600/no-thumb.png"}var h=n.published.$t,f=h.substring(0,4),w=h.substring(5,7),v=h.substring(8,10),A=new Array;A[1]="Jan",A[2]="Feb",A[3]="Mar",A[4]="Apr",A[5]="May",A[6]="Jun",A[7]="Jul",A[8]="Aug",A[9]="Sep",A[10]="Oct",A[11]="Nov",A[12]="Dec",document.write('<li class="recent-posts-list">'),1==posts_date&&document.write('<div class="post-date">'+A[parseInt(w,10)]+" "+v+" "+f+"</div>"),1==showpoststhumbs&&document.write('<a href="'+r+'"><img class="recent-post-thumb" src="'+u+'"/></a>'),document.write('<div class="recent-post-title"><a href="'+r+'" target ="_top">'+i+"</a></div>");var g="",k=0;document.write('<div class="recent-posts-details">'),1==showcommentslink&&(1==k&&(g+=" <br> "),"1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<a href="'+m+'" target ="_top">'+l+"</a>",g+=l,k=1),1==readmorelink&&(1==k&&(g+=" | "),g=g+'<a class="readmorelink" href="'+r+'" class="url" target ="_top">Read more</a>',k=1),document.write(g),document.write("</div>"),document.write("</li>")}document.write("</ul>")}
    </script>
    <script type="text/javascript">
    var posts_no = 5;
    var showpoststhumbs = true;
    var readmorelink = true;
    var showcommentslink = true;
    var posts_date = true;
    </script>
    <script src="/feeds/posts/default?orderby=published&alt=json-in-script&callback=showlatestpostswiththumbs" rel="nofollow"></script>
    <a style="font-size: 9px; color: #CECECE; float: right; margin-top: 5px;" href="http://www.erend.net/2017/07/widget-artikel-terbaru-keren.html" rel="nofollow">Recent Posts Widget</a>
    <noscript>Your browser does not support JavaScript!</noscript>
    <link href='http://fonts.googleapis.com/css?family=Lobster|Gloria+Hallelujah' rel='stylesheet' type='text/css' />
    <style type="text/css">
    img.recent-post-thumb {width:50px;height:50px;float:right;margin: -4px -35px 0px 0px; border: 4px solid #FCD6CB; border-radius: 100%;}
    .recent-posts-container {font-family: 'Gloria Hallelujah', cursive;  float: left;width: 100%;min-height: 55px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
    ul.recent-posts-container {counter-reset: countposts;list-style-type: none; background: #fff; }
    ul.recent-posts-container li:before {content: counter(countposts,decimal);counter-increment: countposts;z-index: 2;position:absolute; left: -20px; font-size: 16px;color: #616662;background: #FCD6CB;padding: 9px 14px; border-radius: 100%; margin-top: 15px;}
    ul.recent-posts-container li {padding:5px 0px;min-height:50px; list-style-type: none; margin: -2px 5px 5px 5px;  border-top: 2px solid #FCD6CB;}
    ul.recent-posts-container {border: 2px solid #FCD6CB; }
    .recent-posts-container a { text-decoration:none; }
    .recent-posts-container a:hover { color: #222;}
    .post-date {color:#e0c0c6; font-size: 11px; }
    .recent-post-title a {font-size: 14px;color: #616662;}
    .recent-post-title {padding: 6px 0px;}
    .recent-posts-details a{ color: #888;}
    .recent-posts-details {padding-bottom: 5px;}
    a.readmorelink {color: #4DACE3;}
    </style>

Setelah yakin sobat memilih Style Widget Recent Post Keren ini, jangan lupa untuk memberi judul widgetnya. Silahkan kasih judul Recent Posts atau Artikel Terbaru. Langkah selanjutnya Klik Save dan lihat hasilnya.

Happy Blogging !

25 Juli 2017

erend

Widget Keren Popular Posts Valid HTML5

Widget Keren Popular Posts Valid HTML5 - Kenapa harus valid HTML5 ? Karena kita akan membuat Widget Keren Popular Posts Dengan Thumbnail atau dengan gambar. Gambar yang ada pada widget Postingan Populer adalah salah-satu penyumbang error pada W3C. Insya Alloh Pada postingan yang akan datang kita bahas khusus tentang Error ini.

Widget Keren Popular Posts

Untuk menambahkan Widget Keren Popular Posts Valid HTML5 ini tidaklah sulit. Hal pertama yang harus sobat lakukan adalah Login ke Akun Blogger sobat. Langkah selanjutnya klik Tata Letak, lalu Tambahkan Widget Baru. Setelah muncul, pilih Postingan Populer.

Konfigurasikan Postingan Populer

Pots

Widget Postingan Populer

Popular

- Langkah ke-2 adalah memasukan kode JavaScipt dibawah ini diatas kode </ Body>
Yang saya beri tanda cat merah kalau misalnya sudah ada kode JavaScipt-nya di template sobat silahkan dibuang saja.

<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script type='text/javascript'>

$(&#39;.popular-posts img&#39;).attr(&#39;src&#39;, function(e, t) {
return t.replace(&#39;/s72-c/&#39;, &#39;/s350-c/&#39;)
});
$(&#39;.popular-posts ul li .item-snippet&#39;).each(function(){
var txt=$(this).text().substr(0,60);
var j=txt.lastIndexOf(&#39; &#39;);
if(j&gt;10)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,&#39;...&#39;));
});
$(&#39;.popular-posts ul li .item-content a&#39;).each(function(){
var txt=$(this).text().substr(0,60);
var j=txt.lastIndexOf(&#39; &#39;);
if(j&gt;=6)
$(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,&#39;...&#39;));
});
</script>

- Lalu langkah ke-3 adalah menyimpan kode Css dibawah untuk Style Popular Post diatas kode

 ]]></b:skin>

Silahkan pilih Code Css-nya sesuai selera sobat :

Kode Css Popular Posts Style 1
Style1

<style type='text/css'>
    .sidebar .PopularPosts ul {
    margin: 0;
    padding: 0;
    }
    .sidebar .PopularPosts ul li {
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 10px;
    }
    .sidebar .PopularPosts .item-thumbnail {
    height: 190px;
    margin: 0;
    overflow: hidden;
    width: 100%;
    }
    .sidebar .PopularPosts .item-title {
    position: relative;
    }
    .sidebar .PopularPosts img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    .sidebar .PopularPosts .item-title a {
    color: #FFFFFF;
    font: 15px &#39;Oswald&#39;, sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px;
    position: absolute;
    right: 0;
    left: 0px;
    margin: 0px auto;
    text-align: center;
    text-decoration: none;
    top: 40px;
    width: 60%;
    height: 26px;
    overflow: hidden;
    z-index: 2;
    }
    .sidebar .PopularPosts .item-snippet {
    background: rgba(0, 0, 0, 0.35);
    border-top: 6px solid rgba(0, 0, 0, 0.1);
    border-bottom: 6px solid rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    padding: 65px 10px 10px;
    position: absolute;
    font: 13px &quot;Times New Roman&quot;,Times,FreeSerif,serif;
    text-align: center;
    top: 35px;
    width: 60%;
    z-index: 1;
    }
    .sidebar .PopularPosts .item-content {
    position: relative;
    }
    </style>

Kode Css Popular Posts Style 2

Style2

<style type='text/css'>
    .sidebar .PopularPosts ul {
    counter-reset: popularcount;
    margin: 0;
    padding: 0;
    }
    .sidebar .PopularPosts ul li {
    width: 100%;
    list-style: none !important;
    padding: 0 !important;
    margin-bottom: 20px;
    position: relative;
    border: 0;
    }
    .sidebar .PopularPosts .item-thumbnail a {
    clip: auto;
    display: block;
    height: auto;
    height: 120px;
    }
    .sidebar .PopularPosts .item-thumbnail {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    }
    .sidebar .PopularPosts .item-thumbnail::before {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 29px solid #fff;
    border-left: 29px solid transparent;
    border-right: 29px solid transparent;
    bottom: 0px;
    content: &quot;&quot;;
    height: 0;
    width: 0px;
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    z-index: 3;
    }
    .sidebar .PopularPosts .item-thumbnail:after {
    color: #000;
    content: counter(popularcount, decimal);
    counter-increment: popularcount;
    font: 13px &quot;Times New Roman&quot;,Times,FreeSerif,serif;
    list-style-type: none;
    position: absolute;
    bottom: 0;
    text-align: center;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    z-index: 4;
    }
    .sidebar .PopularPosts .item-thumbnail img {
    position: relative;
    width: 100%;
    height: 120px;
    object-fit: cover;
    }
    .sidebar .PopularPosts .item-title {
    font: 15px &#39;Oswald&#39;, sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin: 0px auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    }
    .sidebar .PopularPosts .item-title a {
    color: #000;
    text-decoration: none;
    }
    .sidebar .PopularPosts .item-snippet {
    padding: 10px 15px;
    font: 13px &quot;Times New Roman&quot;,Times,FreeSerif,serif;
    text-align: center;
    }
    </style>

Kode Css Popular Posts Style 3

Style3

<style type='text/css'>
    .sidebar .PopularPosts ul {
    padding: 0;
    margin: 0;
    }
    .sidebar .PopularPosts .item-thumbnail a {
    clip: auto;
    display: block;
    height: auto;
    overflow: hidden;
    }
    .sidebar .PopularPosts .item-thumbnail {
    width: 130px;
    height: 130px;
    border-right: 5px solid #fff;
    margin: 0px 10px 0px 0px !important;
    position: relative;
    }
    .sidebar .PopularPosts .item-thumbnail img {
    position: relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    .sidebar .PopularPosts ul li {
    float: left;
    margin-bottom: 5px;
    max-height: 130px;
    min-width: 250px;
    overflow: hidden;
    }
    .sidebar .PopularPosts ul li:first-child {
    background: #D9EDF7;
    }
    .sidebar .PopularPosts ul li:first-child + li{
    background: #F2DEDE;
    }
    .sidebar .PopularPosts ul li:first-child + li + li {
    background: #DFF0D8;
    }
    .sidebar .PopularPosts ul li:first-child + li + li + li {
    background: #FFEEBC;
    }
    .sidebar .PopularPosts ul li:first-child + li + li + li + li{
    background: #E0E0E0;
    }
    .sidebar .PopularPosts .item-title {
    font: 13px &#39;Oswald&#39;, sans-serif;
    text-transform: uppercase;
    padding: 10px 5px 10px;
    }
    .sidebar .PopularPosts .item-title a {
    color: #000;
    text-decoration: none;
    }
    .sidebar .PopularPosts .item-snippet {
    font: 13px &quot;Times New Roman&quot;,Times,FreeSerif,serif;
    padding-right: 5px;
    }
    .sidebar .PopularPosts .widget-content ul li {
    padding: 0px 5px 0px 0px!important;
    }
    </style>

Kode Css Popular Posts Style 4

Style4

<style type='text/css'>
    .sidebar .PopularPosts ul {
    padding: 0;
    }
    .sidebar .PopularPosts ul li:first-child{
    width: 100%;
    max-height: 100%;
    opacity: 0.9;
    }
    .sidebar .PopularPosts ul li:nth-child(even){
    margin-right: 2%;
    }
    .sidebar .PopularPosts ul li {
    box-sizing: border-box;
    position: relative;
    padding: 0px !important;
    width: 49%;
    max-height: 120px;
    opacity: 0.4;
    overflow:hidden;
    float: left;
    margin-bottom: 2%;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    }
    .sidebar .PopularPosts ul li:hover {
    opacity: 1;
    }
    .sidebar .PopularPosts .item-thumbnail {
    margin: 0;
    width: 100%;
    }
    .sidebar .PopularPosts ul li img {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding:0;
    }
    .sidebar .PopularPosts .item-content:hover .item-title a,
    .sidebar .PopularPosts .item-thumbnail-only:hover .item-title a {
    visibility: visible;
    opacity: 1;
    }
    .sidebar .PopularPosts .item-title a {
    color: #fff;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.93) 100%, rgba(0, 0, 0, 0.85) 100%);
    text-decoration: none;
    position: absolute;
    text-align: center;
    font: 13px &#39;Oswald&#39;, sans-serif;
    left: 0;
    right: 0;
    bottom: 0%;
    padding: 100px 10px 10px;
    opacity: 0;
    visibility: hidden;
    }
    .sidebar .PopularPosts .item-snippet {
    display: none;
    }
    </style>

Kode Css Popular Posts Style 5

Style5

<style type='text/css'>
    .sidebar .PopularPosts ul {
    counter-reset: popularcount;
    margin: 0;
    padding: 0;
    }
    .sidebar .PopularPosts ul li {
    float: left;
    max-height: 130px;
    min-width: 250px;
    position: relative;
    }
    .sidebar .PopularPosts .item-thumbnail::after {
    color: rgba(255,255,255, 0.63);
    content: counter(popularcount, decimal);
    counter-increment: popularcount;
    font: 70px &#39;Oswald&#39;, sans-serif;
    list-style-type: none;
    position: absolute;
    left: 5px;
    top: -5px;
    z-index: 4;
    }
    .sidebar .PopularPosts .item-thumbnail::before {
    background: rgba(0, 0, 0, 0.3);
    bottom: 0px;
    content: &quot;&quot;;
    height: 100px;
    width: 100px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
    position: absolute;
    z-index: 3;
    }
    .sidebar .PopularPosts .item-thumbnail a {
    clip: auto;
    display: block;
    height: auto;
    overflow: hidden;
    }
    .sidebar .PopularPosts .item-thumbnail {
    width: 100px;
    height: 100px;
    margin: 0px 10px 0px 0px !important;
    position: relative;
    }
    .sidebar .PopularPosts .item-thumbnail:hover:before {
    display: none;
    }
    .sidebar .PopularPosts .item-thumbnail img {
    position: relative;
    padding-right: 0px !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }
    .sidebar .PopularPosts .item-title {
    font: 13px &#39;Oswald&#39;, sans-serif;
    text-transform: uppercase;
    padding: 0px 5px 10px;
    }
    .sidebar .PopularPosts .item-title a {
    color: #000;
    text-decoration: none;
    }
    .sidebar .PopularPosts .item-snippet {
    font: 13px &quot;Times New Roman&quot;,Times,FreeSerif,serif;
    }
    .sidebar .PopularPosts .widget-content ul li {
    padding: 0px 5px 0px 0px !important;
    }
    .sidebar .PopularPosts .item-content {
    padding: 5px 0px;
    border-bottom: 1px dotted #dedede;
    overflow: hidden;
    height: 100px;
    position: relative;
    }
    </style>

Untuk saat ini saya memasang Widget Popular Post atau Widget Postingan Populer yang sangat sederhana, memakai judul Yang Banyak Dibaca. Dengan pertimbangan masih pilih-pilih posisi widget postingan populer.

Widget Popular Posts

Semoga Widget Keren Popular Posts Valid HTML5 ini bisa bermanfaat.
Happy Blogging !
erend

Random Post Blogger Valid HTML5

Random Post Blogger Valid HTML5 - Kemarin dulu sudah sering kita berbagi rasa, kini saatnya Er'end Net berbagi cara. Cara Membuat Random Post Blogger Valid HTML5 ini kita share karena Er'end Net mencintai kebersihan blognya. Bersih dari pengkodingan yang error.

Random Post Blogger Valid HTML5
Random Post Blogger atau Postingan Acak perlu kita bikin karena merupakan widget wajib blogger. Wajib karena Random Post mampu memberikan/menampilkan Postingan Lama secara acak, yang bisa saja kita tak pernah mengingatnya karena artikel kita sudah berjubel. Hal ini memungkinkan Postingan Lama tsb dibaca oleh pengunjung. Random Post Er'end Net saya kasih judul Etalase.

Random Post
Cara Random Post Blogger Valid HTML5 ini sangatlah mudah, hal pertama yang harus lakukan adalah Login ke Akun Blogger sobat. Langkah selanjutnya klik Tata Letak, lalu Tambahkan Widget Baru. Copy paste kode dibawah ini dan Simpan.

<div style="overflow:auto; width:310px; height:150px;">
<ul id="random-posts"></ul>
<script>
//<![CDATA[
var homePage = "http://www.erend.net/",
numPosts = 10;
function randomPosts(a){if(document.getElementById("random-posts")){var e=shuffleArray(a.feed.entry),title,link,img,content="",ct=document.getElementById("random-posts");for(var i=0;i<numPosts;i++){for(var j=0;j<numPosts;j++){if(e[i].link[j].rel=="alternate"){link=e[i].link[j].href;break}}var title=e[i].title.$t;content+='<strong><li class="random-posts"><a href="'+link+'" title="'+title+'" target="_blank">'+title+'</a></li></strong>'}ct.innerHTML=content}}function shuffleArray(arr){var i=arr.length,j,temp;if(i===0)return false;while(--i){j=Math.floor(Math.random()*(i+1));temp=arr[i];arr[i]=arr[j];arr[j]=temp}return arr}var random_post=document.createElement('script');random_post.src=homePage+'/feeds/posts/summary?alt=json-in-script&orderby=published&max-results=999&callback=randomPosts';document.getElementsByTagName('head')[0].appendChild(random_post);
//]]>
</script>
<br/>
</div>

Catatan :
Kode yang saya kasih warna biru adalah kode untuk Scroll karena Widget Random Post Er'end Net saya simpan di Widget Footer sehingga scroll tsb sebagai penyesuai panjang dan lebarnya widget, bisa dihilangkan sesuaikan saja dengan kebutuhan sobat.
Link  http://www.erend.net/ silahkan ganti dengan URL blog sobat.

Happy Blogging !

24 Juli 2017

erend

Cara Membuat Tepung Roti atau Breadcrumb

Cara Membuat Tepung Roti atau Breadcrumb - Ibu-ibu yang kesasar kesini, saya mohon maaf karena ini bukan tepung roti untuk membuat pisang goreng. Breadcrumb kalau kita alih bahasakan kedalam bahasa Indonesia artinya Tepung Roti. Istilah Breadcrumb bagi kalangan blogger tidaklah asing. Karena keberadaannya sangat diperlukan untuk optimalisasi SEO.

Cara Membuat Breadcrumb

Breadcrumb adalah menu navigasi blog yang berada diatas postingan. Guna Breadcrumb adalah memudahkan pengunjung atau pembaca untuk balik ke Home atau membuka artikel lain dari category Label yang sama. Struktur Breadcrumb biasanya seperti ini: Home >> Label >> Judul Postingan.

Cara Membuat Tepung Roti atau Breadcrumb

Bagaimana Cara Membuat Breadcrumb pada Blog yang SEO juga Valid HTML5. Kita akan meniru yang ada pada template Er'end Net ini. Ada banyak Fungsi Breadcrumb ini diantaranya adalah mempengaruhi mesin pencari agar lebih cepat dalam mengenali struktur blog kita. Breadcrumb yang kita buat akan otomatis tampil pada setiap postingan yang kita bikin menurut category Label, ini artinya kita telah membuat Link Antar Halaman sehingga halaman yang satu dengan halaman yang lain dapat saling terhubung. Tentu saja dengan begitu akan memberikan efek yang sangat baik terhadap pagerank blog.

Breadcrumb

Cara Membuat Tepung Roti atau Breadcrumb ini sangatlah mudah, hal pertama yang harus lakukan adalah Login ke Akun Blogger sobat. Berdoa dan jangan lupa backup template dulu.
Langkah selanjutnya klik menu Template, lalu klik Edit HTML. Cari kode ]]></b:skin kemudian letakkan kode di bawah ini tepat di atas kode ]]></b:skin> tsb.

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

Langkah selanjutnya cari lagi kode ini: <b:includable id='main' var='top'>

Lalu ganti kode <b:includable id='main' var='top'> dengan kode yang ada di bawah ini :

<b:includable id='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <div class='breadcrumbs'>
     <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span>
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
      <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>

Kemudian klik Simpan Perubahan.
Jika langkah sobat benar maka kita sudah punya Tepung Roti atau Breadcrumb :P

Happy Blogging !
Terbaru
Back to top