PERTAMA NGEBLOG YANG SEDERHANA

ukuran image sangat kecil, tapi kualitas tetap cool

Pertama ikutin mentor dulu: Jelas dong dia lebih duluan ngeblog dan mengerti seluk blogging lebih baik dari kita sebagai pemula. Benar kata orang, sedikit banyak tampilan dan gaya kita ngeblog akan memiliki banyak persamaan dengan sang mentor. Walaupun mentor berkali kali bilang: Jadilah dirimu sendiri, tetap saja kita kurang yakin. Soalnya menurut teman teman ngeblog itu sudah gak kayak dulu, itu sudah zamannya "old", tapi menurut aku gak ada salahnya mencoba.

• Nah setelah itu dia, mulailah menulis, membuat konten.
• Buka postingan sang mentor, baca sampai tuntas dan lihat siapa yang komentar di bawah postingannya, setelah beberapa minggu ngeblog aku jadi mengerti, itu hanya seputaran teman teman bloggingnya, istilah mereka blogwalking. Kata mentor, itu berguna buat silaturahmi saja hi hi hi ya backlink juga. Yang penting itu adalah poin nomor satu: Buatlah konten. 
• Ikutin komentar, klik profile orang orang yang berkomentar dan kunjungi halaman web atau blog mereka, lalu tinggalkan komentar kalian disana.
• Konten harus orisinal, asli dan tidak nyontek, sama dengan ujian kalau ketahuan nyontek nilainya di kurangin sama algoritma Google. Dia punya sistem deteksi canggih pada algoritmanya.
Mesin pencari di "perintahkan" untuk berhenti mengcrawl isi konten dan mengabaikannya. Eh ngomong ngomong algortima, kebetulan aku sedang di ajarin juga bahasa programming sederhana sejak dini, jadi aku sedikit banyak dapat menjelaskannya nanti.
• Supaya konten tetap ringan, sertakan gambar gambar dengan format WEBP ya. Gambar ilustrasi diatas aku ambil dari situs penyedia gambar gratis, ukurannya setelah aku "convert" ke WEBP tinggal 12.55 kb. Kecil dan ringan banget.

Nah gitu saja deh. Kalau template blogger aku pilih template edisi terbaru karena pertimbangan:

• Versi layoutnya jelas versi ke-3
• Menggunakan HML5 dan CSS3
• Lebih cepat dan lebih dinamis
• Lebih akrab dengan mesin penelusur
• Lebih mudah di akses melalui perangkat mobil seperti hape
• Lebih SEO friendly

Selebihnya ya tetap menulis konten yang utama...

Continue reading PERTAMA NGEBLOG YANG SEDERHANA

KETIKA KAMI MELIHAT HIDUP INI

Bingung nih mau nulis apa, akhirnya aku coba jadiin kakakku sebagai objek tulisan, namun menulis biografi itu tidak mudah, lagian sejarah hidupnya masih terlalu dini untuk di tulis. Masih belum jadi apa apa, belum masuk kabinet pemerintahan soalnya. Bagaimanapun kami masih remaja.

Aku suka membayangkan kakaku Anissa waktu kecil, badung dan suka merajuk itu kata papa dan mamaku lho..soalnya aku kan masih terlalu kecil untuk mengingatnya, tapi menggambarkannya susah dan lebih mudah jika di wakili oleh animasi

Nah itu klo dia lagi jingkrak jingkrak di masa balita, lol
Dan ketika sudah mulai melewati masa sekolah jingkraknya semakin menjadi jadi, penyalurannya adalah musik.

Waw tampak asik ya. Aku sih kalau musik oke oke saja. Dan masa masa itu tentu tidak selamanya begitu, kami pada akhirnya tumbuh semakin besar, kakak masuk SMA dan tahun demi tahun tampak mulai sulit. Kini mencari jati diri dan mulai lelah dengan dengan pikiran.

Jalan terus dan janganlah berhenti..

Maksudnya hidup itu sulit adalah ketika kita mulai berfikir, apa yang harus kulakukan untuk membantu keluarga dan meringankan hidup orangtuaku kelak? Menceritakan diri kami sendiri rasanya adalah menceritakan ribuan remaja lain seperti kami, yang masih berada di pangkal jalan dan belum melihat apa apa, masa masa sulit akan kita hadapi dan kita lewati, namun akan seperti apa akupun tidak tahu.....

Continue reading KETIKA KAMI MELIHAT HIDUP INI

RAHASIA NAVIGASI MENU BLOGGER EDITBLOGTEMA

contoh template editblog

Navigasi menu menentukan tampilan sebuah halaman blog secara keseluruhan. Dengan memiliki hal tersebut halaman sebuah blog tampak lebih keren, lebih professional. Karena aku menggunakan template buatan editblogtema, aku di izinkan mengutak atik editorial HTMLnya.

Menurutku menu navigasi buatan editblog cukup cantik sederhana dan rapi, apalagi ia memiliki tombol menu pencarian, tidak berat karena tidak menggunakan font awsome sebagai ikonnya, hanya menggunakan ikon SVG. Support HTML5 dan CSS3.

Setelah mencoba mempelajarinya ternyata sederhana saja, namun jika ingin menerapkannya dan untuk berjaga jaga sebelum menerapkannya, silahkan back up dulu templatenya ya..

1. BAGIAN CSS (style)

Bagian ini sangat penting. CSS membentuk HTML dan menetukan seperti apa nanti dia ditampilkan dalam bentuk visual di internet, termasuk warna. Kalian bisa meletakan bagian ini diatas tag penutup </head> cari saja dengan menekan CTR+F sekaligus:

</style>
.editblognav {
overflow: hidden;
background-color: rgb(25, 25, 112);
z-index: 100;
position: fixed;
width: 100%;
}
.editblognav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
font-family:&#39;Mansalva&#39;, cursive;
}
.active {
background-color: #6A5ACD;
color: #A9A9A9;
}
.editblognav .icon {
display: none;
}
.dropdown {
float: left;
overflow: hidden;
}
.dropdown .dropbtn {
font-size: 17px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family:&#39;Mansalva&#39;, cursive;
margin: 0;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #fff;
min-width: 180px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 100;
position: absolute;
}
.dropdown-content a {
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.editblognav a:hover, .dropdown:hover .dropbtn {
background-color: transparent;
color: yellow;
}
.dropdown-content a:hover {
background-color: #ddd;
}
.dropdown:hover .dropdown-content {
display: block;
z-index: 100;
position: fixed;
}
@media screen and (max-width: 800px) {
.editblognav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.editblognav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 800px) {
.editblognav.responsive {position: fixed;}
.editblognav.responsive .icon {
position: absolute;
right: 0;
top: 0;
}
.editblognav.responsive a {
float: none;
display: block;
text-align: left;
}
.editblognav.responsive .dropdown {float: none;}
.editblognav.responsive .dropdown-content {position: relative;}
.editblognav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
body {
font-family: Arial;
}
* {
box-sizing: border-box;
}
.tombolbuka {
background: transparent;
border: transparent;
padding: 10px 15px;
font-size: 20px;
cursor: pointer;
position: fixed;
z-index: 100;
top: 0px;
right:8%;
color: transparent;
}
.tombolbuka:hover {
background: transparent;
}
.overlay {
height: 100%;
width: 100%;
display: none;
position: fixed;
z-index: 250;
top: 0;
left: 10;
background-color: none;
}
.overlay-content {
position: relative;
top: 0%;
width: 100%;
text-align: center;
margin-top: 30px;
margin: auto;
}
.overlay .tomboltutup {
position: absolute;
top: -2px;
left: 89%;
font-size: 40px;
cursor: pointer;
color: blue;
z-index:101;
}
.overlay .tomboltutup:hover {
color: #000;
}
.overlay input[type=text] {
padding: 15px;
font-size: 17px;
border: none;
float: left;
width: 80%;
background: #f0f0f0;
}
.overlay input[type=text]:hover {
background: #fff;
}
.overlay button {
float: left;
width: 20%;
padding: 15px;
background: #f0f0f0;
font-size: 17px;
border: none;
cursor: pointer;
height: 50px;
}
.overlay button:hover {
background: #f1f1f1;
}</style>

2. BAGIAN HTML

Nah bagian ini berisikan nama atau judul menu, link dll. Keterkaitannya dengan CSS diatas adalah pada bagian kode yang di sorot merah. Jangan bingung terlihat banyak karena disertai oleh ikon SVG, meletakannya dibawah tag penutup </head>:

<div class='editblognav' id='myeditblognav'><a expr:href='data:blog.homepageUrl'><svg style='width:14px;height:14px' viewBox='0 0 24 24'>
<path d='M6.18,15.64A2.18,2.18 0 0,1 8.36,17.82C8.36,19 7.38,20 6.18,20C5,20 4,19 4,17.82A2.18,2.18 0 0,1 6.18,15.64M4,4.44A15.56,15.56 0 0,1 19.56,20H16.73A12.73,12.73 0 0,0 4,7.27V4.44M4,10.1A9.9,9.9 0 0,1 13.9,20H11.07A7.07,7.07 0 0,0 4,12.93V10.1Z' fill='#FF0000'/>
</svg><data:blog.title/></a>
<a href='#'><font color='#FF0000'>Disclaimer</font></a>
<a href='#'>Contents</a>
<div class='dropdown'>
<button class='dropbtn'>Features<svg style='width:14px;height:14px' viewBox='0 0 17 17'>
<path d='M7.41,8.58L12,13.17L16.59,8.58L18,10L12,16L6,10L7.41,8.58Z' fill='#FF0000'/>
</svg>
</button>
<div class='dropdown-content'>
<a href='https://www.editblogtema.net/p/tahukah-kamu.html'><font color='#FF0000'>Tahukah kamu?</font></a>
<a href='#'>Blogging</a>
<a href='#'>HTML|CSS|Js</a>
<a href='#'>Teknologi/A.I</a>
<a href='#'>Sains</a>
<a href='#'>Paradox</a>
</div>
</div>
<a href='#'>Try this template</a>
<a class='icon' href='javascript:void(0);' onclick='myFunction()' style='font-size:15px;'>&#9776;</a>
</div>
<div class='overlay' id='myOverlay'>
<span class='tomboltutup' onclick='closeSearch()' title='Close Overlay'>&#215;</span>
<div class='overlay-content'>
<form action='/search' id='searchthis' method='get' style='display:inline;'><input id='search-box' name='q' placeholder='cari...' size='25' type='text'/>
<button type='submit'/>
</form>
</div>
</div>
<button class='tombolbuka' onclick='openSearch()'><svg style='width:24px;height:24px' viewBox='0 0 24 24'>
<path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z' fill='#ffffff'/>
</svg></button>

3. JAVASCRIPT

Ternyata cukup mengherankan bagian yang ini tidak terlalu panjang instruksinya mencakup untuk navigasi menu sekaligus instruksi untuk tombol pencarian yang berbentuk  kaca pembesar yang apabila diklik akan terbuka kolom dialog pencariannya, letakan kodenya diatas kode penutup </body>:

<script>function openSearch() {
document.getElementById(&quot;myOverlay&quot;).style.display = &quot;block&quot;;
}
function closeSearch() {
document.getElementById(&quot;myOverlay&quot;).style.display = &quot;none&quot;;
}
function myFunction() {
var x = document.getElementById(&quot;myeditblognav&quot;);
if (x.className === &quot;editblognav&quot;) {
x.className += &quot; responsive&quot;;
} else {
x.className = &quot;editblognav&quot;;
}
}
</script>

SAVE template. Mudah di terapkan ke template template terbaru bawaan Blogger seperti: Contempo, emporio, Soho dan Notable.

Artikel ini di tayangkan di situs:

Mari membuat navigasi menu blogger

DEMO

Continue reading RAHASIA NAVIGASI MENU BLOGGER EDITBLOGTEMA

Test for new blog in English (sorry my broken English)

picture that I shot with my phone

This new blog for test

There is no big deal even how hard I try to concealed and in the back door: We are fool when we think we has been done with the great thing and dream to enjoy it instantly. Or when we think we can hide everything forever and ever after.

Here I am sitting in the desk and my lovely cat sitting on it too and she close to my laptop licking her knee by itself. I've tried to write something and there no any kind inspiration comes even though I just done create new site called "KOTAK PANDORA" and hope I can write something by comfort. really feel like a shit when my mom called me for help her in the kitchen in this moment.

Lmao? I am gonna be it.

I am a girl and I am 16 years old a student degree 11. I am not the only one in this house, I have a young sister she is 2 classes under me. I study, yes I do but here still many spare times for playing and even for writing yes I do. So if it is bored for me time always divided to be three sessions but not really think so: The past, the recent and the future. It means, I've tried playing everything by rule in a whole my life.
The Past Time. It had been. Why everything in the past feel worn now: The music had been old, the life style was worn out. But nor, everything feel still left behind.
The recent time. I am sitting here with my cat unlock my screen and try to do something: check my homework, think about an examination from my class, writing and dreaming. Now my fingers is dancing. The result will be published in this new blog called Kotak Pandora as soon.
The future time where I hope my dream will coming true: So many thing will be reached out. That always spinned off my head.

Just for test

Well, so what the mission of this blog? I have no idea yet. I have planned telling so many secrets around us and pin it into the deep web through this blog so it why I put the tittle of pandora, and I added the subtittle: "always find out the ways" as well or possible will be changed with "find out the secret" I do not know. I need you friends. Sometimes we can't do everything alone. But I noted one thing: I do not want the past, and I will not going to the future ASAP, I am still in the recent time to prepare everything that I dream on.

Because life is too short and let here we go to try something an online business lucky if you can earn money from it as soon, if not just be patient. At least we are happy going through it, if some where out there nothing just to do just do not hesitate to leave....

Thank you

Continue reading Test for new blog in English (sorry my broken English)

Ingin sehat dan cantik? Awali pagimu dengan melakukan 7 aktivitas ini

Ini dia aktivitas pagi hari yang sangat baik untuk kesehatan kita. Agar tubuh tetap sehat awali pagi dengan melakukan aktivitas yang menyehatkan bagi tubuh kita.

Kebanyakan orang sulit sekali untuk bangun pagi padahal itu dapat memperburuk kesehatan tubuh kita, agar tubuh tetap sehat dan kuat mari awali pagi kita dengan hal ini:

1.minum air hangat

Minum air hangat untuk kesehatan

ada yang tahu apa manfaat air hangat bagi tubuh kita? Tak banyak orang tahu kalau air hangat banyak sekali manfaatnya seperti menjaga metabolisme pada tubuh, dan membuang toksin atau racun melalui urin dan keringat dari tubuh dan selain itu ada lagi manfaat air hangat untuk tubuh yaitu:

1. Menurunkan berat badan
2. Membuang racun dalam tubuh
3. Memperlancar proses pencernaan
4. Menghilangkan mual
5. Mencegah penuaan dini
6. Melegakan gatal di tenggorokan
7. Meningkatkan kualitas tidur
8. Melancarkan sirkulasi darah
9. Melindungi tubuh dari infeksi
10. Menjauhkan penyakit
11. Membangkitkan semangat
12. Menghilangkan rasa kantuk

2. Berolahraga

berolahragalah demi kesehatan dan kecantikan

Olahraga adalah aktivitas fisik yang sangat baik bagi tubuh. Olahraga seharusnya dilakukan secara rutin anda bisa melakukan nya di pagi hari sekitar 30 menit untuk menggerakan anggota tubuh atau bisa juga kalian lakukan sembari berjalan santai

3. Menghirup udara segar

Menghirup udara segar demi kesehatan dan kecantikan

Udara pagi hari sangat bagus untuk kesehatan karena di pagi hari udara masih jauh dari polusi, dapat membuat tubuh dan pikiran kalian jadi fresh dan segar kembali seanjang hari.

4. Terkena tabir surya

Tabir surya untuk melindungi kulit

Matahari di pagi hari sangat lah baik bagi tubuh kita sinar matahari mengandung vitamin D menerima paparan sinar matahari selama 5 menit saja sama artinya dengan memberikan 400 unit vitamin D pada tubuh. Namun jika kalian mau bepegian di alam terbuka setelahnya dan terpapar di bawah matahari sepanjang hari sebaiknya gunakan tabir surya baik itu berbentuk produk lotion atau menggunakan payung dan pakaian yang dapat membuat bagian tubuh terlindung.

5. Sarapan

Sarapan pagi bagus untuk kesehatan dan kecantikan

Sarapan bisa menentukan energi yang dimiliki oleh tubuh. Sarapan jadi waktu makan yang paling penting dalam satu hari dan sangat penting bagi tubuh

6. Mendengarkan musik

Mendengarkan musik itu berpengaruh juga lho pada kesehatan dan kecantikan

Mendengarkan musik bisa menyegarkan otak kita, lho.. kamu bisa mendengarkan lagu-lagu favorit kalian agar bisa memulai hari dengan semangat. Musik terbukti dapat membuat saraf dan ingatan menjadi refresh.

7. Mandi pagi

Mandi jelas sehat dan cantik 

Mandi air dingin di pagi hari sangatlah bermanfaat bagi tubuh kita tetapi ada sebagian orang yang malas untuk mandi menggunakan air dingin karena dingin nya suhu udara diluar dan memilih untuk menggunakan air hangat untuk mandi dan berikut manfaat mandi air dingin bagi tubuh:

1. Meningkatkan kinerja jantung
2. Mempercantik kulit dan rambut
3. Melancarkan sirkulasi darah
4. Menghilangkan pegal dan mempercepat proses penyembuhan
5. Mengurangi stress
6. Meningkatkan kekebalan tubuh

Nah.. ini lah aktivitas pagi hari yang sangat baik untuk kesehatan kita dan jangan malas untuk bangun pagi ya karena udara di pagi hari sangat baik bagi tubuh kita.

Continue reading Ingin sehat dan cantik? Awali pagimu dengan melakukan 7 aktivitas ini