Just wanna share!

Banner

About me

External link

Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan
Tampilkan postingan dengan label Blogspot. Tampilkan semua postingan

Tema baru blogspot

anak asal si cowok paling cakep di dunia
Lama sekali tidak membuka blogspot, anak asal si cowok paling cakep di dunia memasang tema baru blogspot, dan merasa aneh dengan tampilan baru di back-end. Tampilan back-end yang berbeda memunculkan perasaan kurang nyaman karena belum terbiasa.

Di sisi lain, waktu yang kurang di sini membuat saya kurang memiliki waktu untuk beradaptasi pada tampilan ini.
Mungkin tidak sedikit dari pengguna blogspot yang merasa kurang familiar. Ditambah lagi sudah tidak ada opsi "kembali ke tampilan lawas" yang sebelumnya disediakan.

Bicara tema, anak asal si cowok paling cakep di dunia ini mengganti tema dengan (yang katanya) html5. Memang terlihat lebih indah dan terasa lebih ringan. Namun perlu penyesuaian widget agar tampilan tema baru blogspot yang indah ini tidak menjadi rusak.

Lalu apa saja yang baru pada tema ini?

Pada tema ini, ada title dibawah header yang bergerak jika cursor anda mengarah pada title tersebut. Beberapa widget yang mungkin tidak begitu penting disembunyikan disitu.

Mengapa disebut "tidak begitu penting"?

Karena pada dasarnya pengunjung blog itu mencari konten, mencari informasi baru sehingga widget dan link disembunyikan. Juga tentang social network yang saya miliki.

Mungkin sedikit untuk malam ini, selamat malam :)
[ Read More ]

Posted by Anak Asal 0 komentar»

Blogspot : Membuat footer 3 column

Untuk apa footer 3 column? Saya yakin beberapa dari anda sudah mengetahui fungsi ini, dan beberapa yang lain juga pasti tidak tahu untuk apa footer 3 column ini, bahkan tidak menutup kemungkinan ada yang tidak mengerti sama sekali malu

Bukannya saya menghina, mengejek, atau meremehkan. Namun Anak Asal yang paling cakep di dunia ini men-generalisasikan kata "Anda" yang berarti pengunjung secara universal. Dari yang memiliki blog hingga yang nyasar ke sini dan tidak mengerti apa-apa tentang blog (walaupun secara judul dan artikel diperkirakan pengunjungnya hanya blogger dan itupun hanya yang menggunakan blogspot.)

Footer 3 column memiliki banyak fungsi, di antaranya adalah untuk cbox, facebook like, iklan, gadget dan lain-lain.
Bagaimana cara membuatnya?
Ayo simak lebih lanjut
:ahaha:


Pertama, silahkan login ke blogspot anda.
Kedua, Pilih Rancangan
Ketiga, Pilih Edit HTML
keempat, cari kode berikut :
<div id='footer'> atau <div id='footer-wrapper'>
Jika dibawah kode tersebut anda menemukan kode : <b:section class='footer' id='footer'/> maka hapuslah kode tersebut lalu gantikan dengan kode berikut :
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
</b:section>
</div>
<div style='clear:both;'/>

Ukuran persen footer bisa anda ubah sesuai kebutuhan anda, karena ukuran gadget berbeda-beda. Dan dengan footer 3 column ini, anda dapat lebih berkreasi dengan blog anda.
Mari kita coba
:okay:
[ Read More ]

Posted by Anak Asal 0 komentar»

Mari kembangkan blog anda

Melanjutkan artikel Mudah membuat blog untuk pemula, Anak Asal si cowok paling cakep di dunia akan membagi bagaimana Anak Asal mengembangkan blognya yang dahulu sangat buruk hingga kini yang belum bagus sengihnampakgigi
Bagaimana cara mengembangkan blog kita?
Ayo pelajari bersama-sama kenyit

Sebelumnya, Anak Asal telah membuat artikel untuk mengembangkan blog anda yang berbasiskan blogspot, seperti artikel-artikel berikut :

  1. Membuat Readmore pada Blogspot
  2. Menambahkan emoticon pada blogspot post
  3. Menampilkan HTML/JavaScript pada post artikel blog
  4. Mudah membuat blog untuk pemula
  5. SEO Blogspot : Membuat Sitemap
Memang masih sedikit dan masih jauh dari sempurna untuk membuat blog yang bagus baik dibandingkan blog lain yang telah eksis. Namun itulah yang disebut pengembangan, apalagi sebagai orang yang baru berkecimpung dalam dunia blogging, pengalaman dan waktu sangat dibutuhkan untuk mengembangkan blog sehingga menjadi blog yang lebih baik.

Blogging tidak hanya sekedar menulis meski artikel adalah inti dari blog. Sebagai blogger, pasti ada perasaan ingin blog anda tampak lebih baik sehingga anda pasti akan mencari template yang paling cocok dengan anda atau materi blog anda.
Dan juga blogger pasti merasa ingin blognya dikenal oleh banyak orang, sehingga promosipun dilakukan, baik melalui mulut, sms, email, bahkan dengan cara blogwalking (mengunjungi blog lain).

Nah dengan blogwalking inilah anda bisa menemukan artikel yang dapat membantu anda mengembangkan blog anda.
Ilmu tidaklah datang sendiri, melainkan harus dicari. Karena itu kejarlah ilmu itu agar anda bisa mendapatkannya.
Tentu saja Anak Asal juga selalu mengembangkan blognya dan membagi ilmu yang telah didapatkannya, karena itu tetaplah mengunjungi blog Anak Asal
:inis:
[ Read More ]

Posted by Anak Asal 0 komentar»

Membuat Readmore pada Blogspot

Mengapa Anak Asal si cowok paling cakep di dunia sengihnampakgigi ini menulis tentang membuat readmore pada blogspot? Bukannya sudah banyak tutorial tentang membuat readmore pada blogspot?
Yupz, memang sudah banyak tutorial mengenai membuat readmore pada blogspot, namun itu hanya sekedar tulisan "Readmore" atau "Selengkapnya".
Coba lihat artikel-artikel saya, bagaimana readmore pada blogspot saya?

Jika anda perhatikan, readmore pada blog saya berformat ~Baca selengkapnya tentang : "judul artikel"~
Bagaimana cara membuatnya? mari simak lebih lanjut
kenyit


Seperti yang anda ketahui, membuat readmore ini mengutak-atik HTML template anda sehingga saya sarankan anda download atau copas (Copy Paste) kode HTML template blog anda ke notepad.
Setelah itu, buka Rancangan (jika bahasa indonesia) lalu pilih Edit HTML dan beri tanda centang pada Expand Template Widget.

Gunakan fungsi find (ctrl+f) dan cari kode berikut :
<p><data:post.body/></p>
Setelah anda menemukannya, silahkan hapus kemudian ganti dengan kode berikut ini :
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/>
<a expr:href='data:post.url'><strong>Baca selengkapnya tentang : &#8220;<data:post.title/>&#8221;</strong></a></p>
</b:if>
Kemudian setelah itu pilih Simpan Template, lalu pergi ke menu Pengaturan>Format. Lalu pada text area di samping Template posting masukkan kode berikut :

<span class="fullpost">


</span>
Sehingga setiap anda akan memposting artikel baru, saat anda memilih Edit HTML anda akan menemukan kode :
<span class="fullpost">


</span>

Apa maksud dari kode tersebut?
Bagian artikel di atas <span class="fullpost"> adalah bagian artikel yang ditampilkan sebelum readmore di klik. Sedangkan bagian artikel di antara <span class="fullpost"> dan </span> adalah bagian artikel yang tampil setelah readmore di klik.

Masih bingung? Dicoba dahulu saja biar paham. senyum
Selamat mencoba
:okay:
[ Read More ]

Posted by Anak Asal 2 komentar»

Menambahkan emoticon pada blogspot post

Setelah Anak Asal si Cowok paling cakep di dunia berkelana (seolah-olah gelakguling) mencari cara untuk menambahkan emoticon di blogspot, akhirnya Cowok paling cakep di dunia ini (NARSIS :ahaha:) menemukan cara menambahkan emoticon di blogspot. Lihat saja dua emoticon yang saya tampilkan di atas, itu adalah sedikit dari sekian banyak emoticon yang bisa anda gunakan di blogspot. Bagaimana caranya?
Simak lebih lanjut yuk... menari

Pertama yang harus anda pikirkan, browser apa yang anda gunakan? Firefox atau Google chrome?
Dua browser ini adalah browser yang mendukung Grease Monkey.
Heii! Jadi kalau mau lihat emoticon harus menggunakan Grease Monkey?
Eittss, sabar dulu.. saya belum selesai menjelaskannya.
Grease Monkey ini berguna agar menampilkan emoticon pada saat anda menulis artikel seperti gambar di bawah ini :


Lihat kan? Begitu banyak pilihan emoticon yang bisa anda gunakan.

Untuk anda pengguna Firefox Silahkan install Grease Monkey untuk Firefox
Sedangkan untuk pengguna Google Chrome, anda tidak perlu menginstall Grease Monkey karena sudah menjadi bawaan Google Chrome.

Kedua, pilih emoticon yang anda inginkan.


Ketiga, tambahkan kode berikut agar gambar emoticon anda tidak memiliki border (garis yang membuat jelek sengihnampakgigi)

img.emoticon {
padding: 0;
margin: 0;
border: 0;
}

Hei! Di mana saya harus meletakkannya?
Sabar, sekarang login ke akun blogspot anda, pergi ke RANCANGAN > Edit HTML > Expand Template Widget.

Cari (gunakan fasilitas "ctrl+f") : ]]> dan letakkan code tadi di atas code ]]> .
Selesai!
Sekarang coba pilih Entri baru dan lihatlah hasilnya.
:okay:

Demi terciptanya artikel ini, credit dan terima kasih saya ucapkan kepada bung indra dari caraindra.blogspot.com dan bung abi dari abibakarblog.com
sembah
[ Read More ]

Posted by Anak Asal 0 komentar»

Menampilkan HTML/JavaScript pada post artikel blog

Sebagai pemula, dalam membuat blog, banyak hal baru yang kadang menyulitkan kita dalam berbagi ilmu dalam sebuah artikel. Contohnya untuk berbagi script menarik, terkadang kita menuliskan HTML/JavaScript sebagai dalam artikel blog. Namun apa yang terjadi? Engine blog ternyata membacanya sebagai "Barisan perintah" yang harus "Di eksekusi" dan akhirnya tidak menjadi barisan tulisan dalam artikel!!!

Seperti apa contohnya? Lihatlah dalam Quote di bawah ini.
<a href="http://memangasal.blogspot.com">Anak Asal</a>

Dengan begitu, anda dapat memuat script HTML ataupun JavaScript anda.
Coba bedakan dengan yang ini :

Anak Asal
Nah?!? Lihat? Pada Quote kedua script langsung dieksekusi oleh Engine blogger menjadi sebuah link sehingga anda tidak bisa membaca script html yang saya maksud dan juga tujuan saya untuk berbagi script menjadi gagal.

Lalu bagaimana caranya agar script dapat terbaca seperti pada Quote pertama?
Tenang saja, itulah hal yang akan Anak Asal bagi di sini.

Kemudian copykan script anda ke box sebelah kiri lalu tekan ENCODE, setelah itu ambil script yang telah dienkripsi sehingga tidak akan dieksekusi oleh Engine blog anda.

Mengapa saya sebut Engine?

Sebab JavaScript yang ingin anda bagi juga harus anda enkripsi meski menggunakan joomla (engine selain blogger yang pernah saya coba). Hal ini berarti tidak hanya blogger yang mengeksekusi script dalam artikel, namun joomla dan mungkin wordpress juga akan melakukan hal yang sama.


[ Read More ]

Posted by Anak Asal 0 komentar»

SEO Blogspot : Membuat Sitemap

Melanjutkan artikel sebelumnya tentang membuat blog untuk pemula, setelah membuat artikel yang saling bertaut (baca : me-link satu sama lain) sebaiknya kita membuat sitemap.

Apa itu sitemap?

Sitemap adalah daftar isi blog anda. Pernahkah anda membuka buku, kemudian membuka daftar isi untuk mencari materi tertentu? Seperti itulah kira-kira guna sitemap blog yang akan anda buat ini.

Jika anda kurang paham, silahkan buka Sitemap Anak Asal. Judulnya terserah anda, yang penting dengan daftar isi seperti itu anda akan mudah menelusuri isi blog dan mencari artikel yang anda butuhkan.

Lalu, bagaimana cara membuat sitemap ini?

Caranya mudah, cukup ikuti langkah berikut :

1. Publish sebuah artikel baru dengan judul sesuka anda (pada blog Anak Asal, judulnya adalah "Daftar isi blog Anak Asal"), yang di dalamnya anda berikan script seperti berikut ini :
<script style="text/javascript" src="http://pangeransalju.com/blogtoc-min.js"></script> <script src="http://memangasal.blogspot.com/feeds/posts/default?max-results=20&amp;alt=json-in-script&amp;callback=loadtoc"></script>
2. Gantikan tulisan yang berwarna merah itu dengan alamat blog anda setelah itu silahkan PUBLISH.

Setelah itu lihatlah hasil posting anda, dan jadilah sitemap untuk blog anda. Dengan begini, pengunjung akan lebih mudah mencari artikel dalam blog dan juga google lebih mencintai blog anda.

~ Selamat Mencoba ~


[ Read More ]

Posted by Anak Asal 0 komentar»

Mudah membuat blog untuk pemula.

Membuat blog di dunia maya, layaknya membangun rumah di dunia nyata. Bukan berarti harus membuat IMB ( Izin Membuat Blog ), namun dalam membuat blog banyak sekali langkah yang harus dilakukan agar blog tersebut tampak baik dan menarik di mata pengunjung maupun di mata google.
Jika anda memperhatikan blog Anak Asal sejak kelahiran Anak Asal, di setiap artikel selalu ada link yang menunjuk kepada artikel lain.
Seperti mendirikan rumah yang setiap bagiannya harus menempel pada bagian lain, begitu juga yang harus anda lakukan dalam membuat blog.


Bukan berarti desainnya dempet-dempet (menempel), namun setidaknya ada link yang menunjuk kepada artikel lain atau setidaknya ke halaman utama blog anda.
Mengapa?

Hal ini dilakukan agar pengunjung yang penasaran dengan artikel anda sebelumnya, bisa langsung menuju artikel yang telah anda bahas. Terkadang Blogger menggunakan kata seperti ini : Saya telah memberikan link download conan the movie.

Hal apa yang refleks kita lakukan?
Biasanya kursor akan segera kita arahkan ke artikel tersebut, siapa tahu langsung menuju artikel yang dimaksud. Namun alangkah bingungnya pengunjung ketika ternyata kata-kata tersebut tidak menuju artikel yang dimaksud pemilik blog??

Maka lakukanlah seperti ini : Saya telah memberikan link download conan the movie.

Jika seperti itu tentu lebih nyaman bukan?

Memberikan tautan ke artikel yang berhubungan membantu pengunjung lebih mudah dalam navigasi blog anda


Tentu saja itu hanyalah satu dari sekian banyak yang harus kita lakukan dalam membangun blog dan akan saya jabarkan pelan-pelan cara membangun blog yang baik seiring dengan perkembangan blog saya ini.

Dan jangan lupa promosikan blog anda kemanapun, kepada siapapun yang anda kenal.
Selamat mencoba membuat blog anda ^_^

[ Read More ]

Posted by Anak Asal 0 komentar»