Tutorial Membuat Blog

Investasi Sejak Dini

noreply@blogger.com (Anonymous) — Tue, 27 May 2014 19:23:00 +0000

Lama sekali penulis tidak mengelola blog ini dan tiba-tiba mengawali tulisan dengan topik yang tidak sesuai dengan topik awal menulis blog yaitu tutorial membuat website. Pada kesempatan ini akan saya tulis pengalaman pribadi mengenai pentingya investasi sejak dini untuk menyongsong hari esok yang lebih baik.

Dan topik inilah yang membuat penulis vacuum cukup lama untuk mengisi blog dengan topik tulisan seperti biasanya. Hal ini dikarenanakan penulis lebih banyak belajar dan praktek untuk menyongsong hari esok yang lebih baik (yaitu investasi sejak dini) sehingga hampir lupa untuk berbagi informasi dengan saudara semua ÷)

Setelah mempelajari ilmu bagaimana mengatur keuangan rumah tangga dari berbagai sumber terutama dari teman2 penulis yang telah terlebih dahulu mempelajarinya maka dapat disimpulkan bahwa investasi sejak dini harus dilakukan oleh setiap individu dimulai sejak pertama kali mendapatkan informasi tentang investasi itu sendiri %) berarti setelah membaca tulisan ini ya....

Kita sendiri dapat melakukan investasi dalam berbagai macam bentuk seperti property, saham, reksadana, atau bisinis. Dan kita dapat memilihnya sesuai dengan karakter hidup kita (tentunya dengan sumber dana yang kita miliki). Dan by the way ketika kita membeli rumah untuk ditempati maka kita telah berinvestasi (pendapat penulis) dan begitu juga ketika kita memberikan pendidikan yang layak kepada anak2 kita.

Cara Membuat Tag Pre Vanila Striped Keren dan Cantik 2013

noreply@blogger.com (Anonymous) — Mon, 09 Dec 2013 13:53:00 +0000

TutorialBlog46 - Cara Membuat Tag Pre Vanila Striped Keren dan Cantik 2013 - tulisan pada kali ini adalah tulisan lanjutan mengenai pembahasan cara membuat tag pre zebra atau selang-seling.

Perlu kami ingatkan kembali bahwa tag pre disini digunakan untuk menampilkan sesuatu yang penting seperti kode pemrograman, kode HTML, kode CSS, kode JavaScript, atau kode lainnya. Dan mempunyai tujuan untuk mempercantik tampilan sehingga pengunjung akan lebih tertarik untuk membacanya.

Untuk membuat tag pre vanila ini kita tidak memerlukan sebuah gambar untuk digunakan sebagai latar belakangnya [seperti membuat tag pre zebra] tetapi hanya akan menggunakan kode CSS3 untuk membuatnya [jadi mudah kan :) ]

Nah jika sudah tidak sabar ingin mecoba atau membandingkan hasilnya dengan tag pre zebra maka silahkan disimak dan diikuti langkah-langkah berikut ini.

Cara Membuat Tag Pre Vanila Striped Keren dan Cantik 2013

1. Log in kedalam akun blog
2. Pilih menu [Template] >> [Edit HTML]
3. Letakkan kode CSS berikut di bawah kode <b:skin><![CDATA[

pre {
background-color:white;
background-image:-webkit-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-moz-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-ms-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:-o-linear-gradient(top, #f5f5f5 50%, white 50%);
background-image:linear-gradient(top, #f5f5f5 50%, white 50%);
-webkit-background-size:30px 30px;
-moz-background-size:30px 30px;
-ms-background-size:30px 30px;
-o-background-size:30px 30px;
background-size:30px 30px;
background-repeat:repeat;
font:bold 12px/15px "Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;
color:#333;
border:2px solid #666;-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
position:relative;
padding:0 7px;
margin:10px 5px;
overflow:auto;
word-wrap:normal;
white-space:pre;
-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 2px rgba(0,0,0,0.2);
box-shadow:0 1px 2px rgba(0,0,0,0.2);
position:relative;
}
pre[data-codetype] {
padding:29px 1em 7px 1em;
}
pre[data-codetype]:before {
content:attr(data-codetype);
display:block;
position:absolute;
top:0;
right:0;
left:0;
background-color:#666;
padding:0 7px;
font:bold 11px/20px Arial,Sans-Serif;
color:white;
}
pre[data-codetype="HTML"] {border-color:#0B7E88;color:#08464B;}
pre[data-codetype="CSS"] {border-color:#7B990C;color:#4B5D08;}
pre[data-codetype="JavaScript"] {border-color:#545448;color:#1F2E24;}
pre[data-codetype="JQuery"] {border-color:#395540;color:#2E2E27;}
pre[data-codetype="PHP"] {border-color:#FF9900;color:#865003;}
pre[data-codetype="XML"] {border-color:#FF0C39;color:#790015;}
}

4. Klik tombol [Simpan Template]
5. Untuk memakai tag pre maka kita harus memilih mode HTML ketika menulis posting blog. Kemudian masukkan kode yang akan Anda sampaikan misalnya kode HTML, CSS, atau lainnya diantar format kode berikut:

<pre data-codetype="HTML">tulis kode HTML di sini</pre>

<pre data-codetype="CSS">tulis kode CSS di sini</pre>

<pre data-codetype="JavaScript">tulis kode JavaScript di sini</pre>

<pre data-codetype="JQuery">tulis kode JQuery di sini</pre>

<pre data-codetype="PHP">tulis kode PHP di sini</pre>

<pre data-codetype="XML">tulis kode XML di sini</pre>

6. Selesai

Gimana bro? ada komen tidak? Jika ada komentar baik berupa saran atau kritiknya silahkan untuk dapat disampaikan melalui kotak komentar [sekalian menjalin persahabatan mas bro :)]

Akhir kalimat sekian dulu tulisan mengenai cara membuat tag pre vanila striped yang keren dan cantik di tahun 2013 ini yang dapat Saya sampaikan. Selamat mencoba dan salam Sukses [Selesai/]

Cara Membuat Tag Pre Dengan Latar Belakang Zebra

noreply@blogger.com (Anonymous) — Sun, 08 Dec 2013 20:28:00 +0000

TutorialBlog46 - Cara Membuat Tag Pre Dengan Latar Belakang Zebra - Jika kita mempunyai sebuah blog yang berhubungan dengan tema pemrograman atau tips dan trik ngeblog maka sudah dapat dipastikan bahwa kita pernah menyampaikan beberapa contoh kode pemrograman melalui tulisan atau posting blog.

Dan pada kesempatan kali ini akan dibahas bagaimana membuat sebuah kotak yang berfungsi untuk menampilkan kode pemrograman yang akan disampaikan kepada pengunjung dengan latar belakang zebra atau vanila. Sehingga kode pemrograman tersebut akan tampil lebih menarik dan menonjol [jangan berpikir jorok loh yo :) ]

Latar belakang zebra yang dimaksud bukanlah latar belakang gambar kuda zebra seperti gambar diatas tetapi latar belakang dengan gambar warna selang-seling. Dan sebenarnya cara ini hampir sama dengan cara membuat blockquote keren yang digunakan untuk menampilkan kalimat penting di blog.

Jika sudah tidak sabar menunggu :) [yang mo nikah aja masih sabar menunggu juga kok :) ] mari kita simak dan ikuti langkah bagaimana membuat tag pre zebra berikut ini:

Cara Membuat Tag Pre Dengan Latar Belakang Zebra

1. Log in akun blogger
2. Pilih menu [Template] >> [Edit HTML]
3. Letakkan kode CSS ini dibawah kode <b:skin><![CDATA[

pre {
background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrd7la5jzoDg-mhtgQunhln7mJGO03gXw6qfyMsJR54J8mS3aB-FsVcGzcEiiWTcxNDnJOYLnvgDvvmxD0mRexDoN-XDyny4m2CyhqoKqHWYuNUKLcCmc9fE6IEr1Piz5xlGT7V5YDGk8/s1600/zebra3.gif');
font:normal 12px/14px Monaco,Monospace;
color:#000;
padding:0px 10px 15px 15px;
margin:0px 0px 10px;
position:relative;
overflow:auto;
height:150px;
width:95%;
background-repeat: repeat;
}

4. Klik tombol [Simpan Template] >> Selesai :)

Perlu kami sampaikan bahwa tag pre ini mempunyai sebuah kekurangan yaitu kurang tepatnya tinggi strip zebra atau selang-seling dengan posisi tulisannya sehingga kurang menarik [menurut pribadi tapi secara pribadi senang kok hehehehe bingung tho :) ] hal ini disebabkan karena menggunakan gambar sebagai latar belakangnya.

Mau tahu cara membuat tag pre zebra dengan tampilan yang lebih OK? jika iya silahkan lihat tulisan lain tentang cara membuat tag pre vanila. Dan sebagai informasi bahwa cara ini tidak menggunakan gambar sebagai latar belakang melainkan kode CSS3, penasaran! silahkan klik link ini :)

Untuk yang terakhir jangan lupa memberikan komentar berupa saran dan kritikannya [follow blog ini juga gak papa kok ntar saya follow back juga blog Anda] Akhir kata kami sampaikan selamat mencoba dan salam sukses [Selesai/]

Cara Membuat Navigasi Nomor Halaman di Blog

noreply@blogger.com (Anonymous) — Sat, 07 Dec 2013 20:23:00 +0000

TutorialBlog46 - Cara Membuat Navigasi Nomor Halaman di Blog - pada pagi hari ini akan Saya dokumentasikan sebuah cara membuat navigasi nomor halaman di blog. Cara ini berfungsi mengatur jumlah tulisan yang akan ditampilkan dalam satu halaman dan pada akhirnya akan menjadikan blog terlihat lebih rapi dan menarik [salah satu contoh adalah nomor halaman search engine atau blog ini]

Cara Membuat Related Post Dengan Linkwithin di Blog

noreply@blogger.com (Anonymous) — Sat, 07 Dec 2013 13:26:00 +0000

TutorialBlog46 - Cara Membuat Related Post Dengan Linkwithin di Blog - pada kesempatan kali ini masih akan membahas topik mengenai cara membuat navigasi. Dan judul pada kali ini adalah cara membuat related post dengan linkwithin.

Dengan menggunakan failitas linkwithin kita tidak perlu membuat sebuah kode HTML atau CSS untuk membuat related post di bawah posting blog. Dan yang perlu kita lakukan adalah mengikuti langkah-langkah yang telah diberikan oleh linkwithin ini sendiri.

Banyak sekali blogger yang membuat related post dengan linkwitihin di blog mereka dan hal ini disebabkan karena kemudahannya untuk dilakukan [tidak perlu tahu bagaimana cara membuat kode HTML dan CSS :)]

Tapi sebelum kita bahas bagaimana cara membuat related post dengan linkwithin di blog mungkin perlu dijelaskan bahwa related post adalah sebuah link artikel yang mempunyai topik saling terkait satu sama lainnya sehingga memudahkan pengunjung untuk membaca artikel yang saling terkait :)

Cara Membuat Related Post Dengan Linkwithin di Blog

1. Silahkan buka alamat LinkWithin
2. Masukkan alamat Email [alamat email Anda], Blog Link [alamat blog Anda], Platform [CMS yang digunakan], Width [jumlah related post yang ingin ditampilkan]

3. Klik tombol Get Widget
4. Silahkan copy kode related post atau id linkwitihin Anda [jika bingung silahkan lihat contoh mengambil kode berikut dibawah ini :)]

5. Copy & Paste kode berikut dibawah ini. Dan silahkan ganti tulisan KODE ID LINK WITHIN dengan kode pada langkah ke-4, begitu juga dengan tulisan You Might Also Like dengan judul yang Anda miliki.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
var linkwithin_site_id = KODE ID LINK WITHIN;
linkwithin_text=&#39;You Might Also Like:&#39;;
</script>
<script src='http://www.linkwithin.com/widget.js'/></script>
<a href='http://www.linkwithin.com/'><img alt='Related Posts with Thumbnails' src='http://www.linkwithin.com/pixel.png' style='border: 0'/></a>
</b:if>

6. Silahkan letakkan kode pada langkah ke-5 diatas kode </body> template blog [sudah tahu kan cara edit template blognya :)]
7. Simpan >> Selesai :) :) :)

Langkah terakhir jangan lupa untuk memberikan komentar berupa saran dan kritik mengenai tulisan bagaimana cara membuat related post dengan linkwithin melalui kotak komentar yang ada di bawah ini tentunya :)

Sekian topik ngeblog yang dapat disampaikan melalui media blog ini Selamat Mencoba dan Semoga Sukses [Selesai/]

Cara Membuat Efek Zoom Pada Gambar di Blog

noreply@blogger.com (Anonymous) — Sun, 01 Dec 2013 14:32:00 +0000

TutorialBlog46 - Cara Membuat Efek Zoom Pada Gambar di Blog - masih membahas mengenai treatment gambar gambar di blog agar tampil lebih menarik pengunjung. Jika sebelumnya telah kita bahas mengenai cara membuat efek redup terang pada gambar maka pada hari ini akan kita bahas cara membuat efek zoom pada gambar di blog.

Jika masih ada yang belum tahu mungkin sedikit penjelasan berikut bisa membantu - ketika mouse digeser ke arah gambar maka gambar tersebut akan berubah menjadi lebih besar dari ukuran sebelumnya - [gimana masih bingung? jika bingung silahkan arahkan mouse ke gambar group Girl Band SNSD berikut dibawah ini, pasti jadi tambah bingung :) hehehe bercanda!]

Gimana? sudah paham kan yang dimaksud dengan membuat efek zoom pada gambar! jika iya maka silahkan dicoba atau dipraktekkan untuk membuat tampilan gambar lebih menarik, tentu saja dengan mengikuti dan menyimak langkah-langkah berikut dibawah ini:

Cara Membuat Efek Zoom Pada Gambar di Blog

1. Log in kedalam akun blog
2. Pilih menu [Template]
3. Letakkan kode CSS [efek zoom] berikut ini diatas kode ]]></b:skin>

.mp img{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
opacity: 0.7;
margin: 0 10px 5px 0;
}

.mp img:hover{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
opacity: 1;
}

4. Untuk membuat efek zoom pada gambar silahkan terapkan kode CSS diatas pada tag <img> seperti contoh berikut:

<a class="mp" href="http://tutorialblog46.blogspot.com"><img class="aligncenter" style="border: 0px none;" title="Girl band SNSD Korea" alt="Girl band SNSD Korea" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitl7Epmo9ZnSEgAjbV_qdc4pPzn5GkLWpztJMJdd98UoqExT2Hc_oWZbQ04n_UqHjIm4NXov17Kd9D_DHHWpL0Gm9sTyJWLehpB3HaHqJ4wZy8RtScqfNzs20J_gS0vrgyOWuGo2h-4x8/s1600/asmirandah.jpg" width="275" height="274" border="0" /></a>

5. Untuk langkah ke-4 ini Anda bisa terapkan gambar pada saat menulis artikel di blog dan pilih mode HTML. Seperti yang Saya lakukan sekarang ini yaitu menerapkannya kedalam gambar yang ada di tulisan blog bro :)
6. Simpan >> Selesai

Cara tersebut diatas memudahkan kita untuk membuat efek zoom pada gambar secara global yang artinya kita hanya menambahkan nama class [dalam hal ini kita mempunyai class dengan nama "mp"] kedalam gambar [tag <a></a> dan kemudian diikuti tag <img> bro] untuk membuat efek zoom.

Dan terakhir jangan lupa untuk memberikan komentar mengenai tulisan ini [bisa berupa saran atau kritikan ya bro!] agar tulisan selanjutnya bisa menjadi lebih baik dan bermanfaat. Sekian tulisan mengenai cara membuat efek zoom pada gambar yang dapat disampaikan melalui media blog ini. Semoga bermanfaat bagi pribadi dan pengunjung pada umumnya, Selamat mencoba dan salam sukses [Selesai/]

Cara Membuat Efek Redup Terang pada Gambar

noreply@blogger.com (Anonymous) — Sat, 30 Nov 2013 04:45:00 +0000

TutorialBlog46 - Cara Membuat Efek Redup Terang pada Gambar - pada kesempatan kali ini kita akan bahas topik ngeblog mengenai treatment gambar agar semakin menarik untuk dilihat oleh pengunjung :) yaitu dengan menambahkan efek redup ke terang atau sebaliknya pada gambar yang ada di blog.

Treatment gambar ini dapat kita gunakan ketika membuat sebuah toko online atau portal berita sehingga tampilannya akan lebih menarik dilihat [ya sebenarnya sieh untuk semua jenis web atau blog juga bisa menggunaka treatment ini bro tapi Saya prefer ke dua jenis topik itu saja :) ]

Treatment efek redup terang pada gambar ini hanya menggunakan attribute gambar opacity - berfungsi menampilkan gambar sesuai dengan tingkat transparannya - dan untuk lebih jelasnya silahkan lihat dan buktikan dengan menggerakkan mouse kedalam kedua gambar berikut di bawah ini [gambar crue SNSD bro - Girl Band asal korea - ]

Cara Membuat Efek Redup Terang pada Gambar

Untuk membuat efek redup terang kita hanya perlu menambahkan attribute opacity dan tentukan besar kecilnya tingkat transparansi maka kita sudah bisa melihat hasilnya. Untuk lebih jelasnya berikut ini adalah kode yang digunakan untuk membuat efek yang dimaksud:

Kode Efek Redup Terang pada Gambar

<img onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" src="alamat gambar yang akan ditampilkan" style="filter: alpha(opacity=40); opacity: 0.4;" />

Kode Efek Terang Redup pada Gambar

<img style="opacity: 1;" onmouseover="this.style.opacity=0.4;this.filters.alpha.opacity=40" onmouseout="this.style.opacity=1;this.filters.alpha.opacity=100" src="alamat gambar yang akan ditampilkan" border="1" />

Jika ingin menggunakan kode efek redup terang pada gambar silahkan ganti attribute gambar (img) scr="alamat gambar yang akan ditampilkan" dengan alamat gambar Anda sendiri [bener2 jangan lupa loh ya entar kodenya gak bakalan bekerja karena gambar yang ingin ditampilkan gak ada!]

Sekian tulisan mengenai cara membuat efek redup terang pada gambar yang dapat disampaikan melalui tulisan di blog ini. Selamat mencoba dan salam sukses selalu [Jangan lupa untuk memberikan komentarnya terkait tulisan ini ya bro! :)]

Cara Membuat Random Post Dengan Thumbnail

noreply@blogger.com (Anonymous) — Thu, 28 Nov 2013 20:17:00 +0000

TutorialBlog46 - Cara Membuat Random Post Dengan Thumbnail - ketika kita membuat sebuah blog maka tidak lengkap jika blog tersebut tidak dilengkapi dengan navigasi atau petunjuk arah mengenai daftar tulisan yang telah dipublikasikan. Dan navigasi ini berfungsi membantu pengunjung memperoleh informasi dengan cepat.

Salah satu navigasi yang akan dibahas pada kali ini adalah navigasi berupa random post yang disertai dengan thumbnail atau gambar dan berfungsi menampilkan secara random atau acak posting blog yang disertai dengan gambar yang ada di dalam posting tersebut sehingga pengunjung tahu apa saja tulisan yang telah dipublikasikan di dalam blog tersebut.

Jika ingin tahu contoh random post dengan thumbnail silahkan klik tab Random Post yang ada di sidebar sebelah kanan blog ini. Dan silahkan juga untuk klik salah satu random post jika ingin membuktikan kemudahannya [hehehe promosi nieh :) yoi!]

Untuk membuat random post seperti yang ada di dalam blog ini sangat mudah dilakukan karena keahlian yang diperlukan adalah keahlian mengerti kode CSS (Cascading Style Sheet) atau Copas [dah tahu kan copas alias copy paste :) hehehe]

Dan lebih jelasnya silahkan disimak dan dipraktekkan langkah-langkah cara membuat random post dengan thumbnail berikut.

Cara Membuat Random Post Dengan Thumbnail

1. Log in kedalam akun blog
2. Pilih menu [Tata Letak]
3. Pilih bagian sidebar mana yang akan diberi random post
4. Klik Add Gadget atau Tambah Gadget >> Pilih gadget HTML/JavaScript
5. Masukkan kode dibawah ini kedalamya
6. Simpan >> Selesai

Mudah khan cara membuatnya? tapi jangan lupa untuk memberikan komentar jika sudah mencobanya dan semoga komentar yang Anda berikan bisa menjadi masukan buat Saya pribadi dalam menulis artikel mengenai tip dan trik ngeblog seperti tulisan kali ini.

Dan jangan lupa bahwa navigasi atau petunjuk arah di dalam blog adalah hal yang mutlak diberikan atau dibuat agar pengunjung Anda dapat dengan mudah mendapatkan informasi yang diinginkan dan salah satu navigasi tersebut adalah random post dengan thumbnail.

Akhir kata sekian tulisan mengenai cara membuat random post dengan thumbnail yang dapat disampaikan melalui media blog ini. Selamat mencoba dan salam sukses [Selesai/]

Cara Membuat Gadget Popular Post Berwarna Warni

noreply@blogger.com (Anonymous) — Mon, 25 Nov 2013 22:28:00 +0000

TutorialBlog46 - Cara Membuat Gadget Popular Post Berwarna Warni - Sebelum kita tahu bagaimana membuat tampilan gadget popular post tampak lebih menarik maka ada baiknya jika baca tulisan mengenai bagaimana cara menambah gadget atau widget kedalam blog terlebih dahulu.

Nah, jika sudah baca tulisan tersebut maka kita bisa langsung membahas mengenai tampilan popular post. Seperti kita ketahui bahwa dengan menampilkan gadget ini kedalam blog berarti kita telah mempermudah pengunjung untuk mengetahui topik tulisan yang paling sering dibaca oleh pengunjung lain [ya semacam navigasi blog lah plus dibumbui dengan tampilan yang luar biasa cantiknya dibanding dengan default-nya :) ]

Untuk membuat tampilan gadget popular post nampak seperti gadget popular post media blog ini maka kita perlu melakukan beberapa langkah saja. Yang pertama adalah memasang terlebih dahulu gadget popular post kedalam blog dan kedua adalah memasang kode CSS kedalam template blog.

Untuk lebih jelasnya bagaimana membuat gadget popular post berwarna warni maka silahkan disimak dan diikuti beberapa langkah berikut ini [dengan sabar ya bro :) jangan buru-buru karena cara ini sudah dipraktekkan dan berhasil :) lihat contoh di sidebar kanan ini ya!]

Cara Membuat Gadget Popular Post Berwarna Warni

Cara Memasang Gadget Popular Post

1. Log in kedalam akun blogger
2. Pilih menu [Tata Letak]
3. Pilih letak sidebar (tempat gadget popular post diletakkan) >> klik Tambah Gadget
4. Pilih Popular Post >> lakukan pengaturan

5. Simpan

Cara Memasang Kode CSS Kedalam Template Blog

1. Log in kedalam akun blog
2. Pilih menu [Template] >> Edit HTML
3. Letakkan kode berikut dibawah ini diatas kode ]]></b:skin>

#PopularPosts1 ul{margin:0;padding:5px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:5px 0;border:0;padding:10px}
#PopularPosts1 ul li:first-child{background:#ff4c54;width:88%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul li:first-child + li{background:#ff764c;width:86%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:84%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:82%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:80%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:78%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:76%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li +li{background:#f59095;width:74%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#c7f25f;width:72%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{position:absolute;top:20px;right:-15px;border-radius:50%;background:#353535;width:20px;height:20px;text-align:center;font-size:14px;color:#fff}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:70px;height:70px;}
#PopularPosts1 ul li a{font-size:13px;color:#444;text-decoration:none}
#PopularPosts1 ul li a:hover{color:#222;text-decoration:none}
#PopularPosts1 img{
-moz-border-radius: 130px;
-webkit-border-radius: 130px;
border-radius: 130px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
padding:4px;
border:1px solid #fff !important;
}
#PopularPosts1 img:hover {
border-radius: 0 0 0 0;
-moz-transform: scale(1.2) rotate(-711deg) ;
-webkit-transform: scale(1.2) rotate(-711deg) ;
-o-transform: scale(1.2) rotate(-711deg) ;
-ms-transform: scale(1.2) rotate(-711deg) ;
transform: scale(1.2) rotate(-711deg) ;
}

4. Simpan Template >> Selesai

Perlu disampaikan bahwa kode CSS diatas hanya mengatur popular post sebanyak 9 buah dan jika ingin menambahkan atau mengurangi silahkan untuk memodifikasinya begitu juga dengan ukuran dan warnanya [ya memang harus sedikit tahu mengenai CSS (Cascading Style Sheet) sieh bro :) kalau Saya pasang 5 popular post sudah cukup :)]

Jika kita ikuti langkah-langkah cara membuat gadget popular post berwarna warni dengan teliti dan sabar maka dapat dikatakan bahwa cara tersebut mudah untuk dilakukan dan dimodifikasi :) untuk itu silahkan dicoba dan semoga sukses [Selesai/]

Cara Mengetahui Blog Dofollow dan Nofollow

noreply@blogger.com (Anonymous) — Sun, 24 Nov 2013 13:03:00 +0000

TutorialBlog46 - Cara Mengetahui Blog Dofollow dan Nofollow - Pada kesempatan kali ini akan ditulis sebuah bahan rujukan melakukan promosi untuk mendapatkan backlink dari blog orang lain.

Tujuan mendapatkan backlink adalah untuk meningkatkan pagerank di halaman mbah google atau agar dapat tampil di halaman pertama search engine karena blog kita dianggap penting [dari jumlah backlink yang mengarah ke blog kita :) bro maksudnya -- makanya silahkan kirim komentar yang baik ke blog dofollow biar diapprove --]

Untuk mengetahui atau melihat apakah sebuah blog menerapkan komentar dofollow atau nofollow kita dapat menggunakan add-ons firefox NoDoFollow. Silahkan install add-ons tersebut kedalam web browser Firefox dan silahkan lihat dengan mudah komentar blog yang diincar [hehehehe yang jelas bukan media blog ini ya mas bro :( :( Maaf!]

Jika telah selesai install add-ons tersebut kedalam firefox maka sebagai percobaan silahkan klik kanan dan pilih NoDoFollow seperti gambar berikut. Jika link berwarna agak biru atau abu2 [susah bedainnya] maka link tersebut dofollow dan jika berwarna merah muda atau orange maka link tersebut nofollow.

Nah silahkan dipraktekkan untuk melihat kotak komentar blog yang diharapkan dapat memberikan backlink ke blog kita.Semoga berhasil tetapi jangan sampai lupa untuk selalu menerapkan azas saling menghargai dengan tidak melakukan SPAM.

Sekian tulisan mengenai Cara Mengetahui Blog Dofollow dan Nofollow, selamat mencoba dan semoga sukses [Selesai/]

Perbedaan Antara Pengusaha dan Pekerja

noreply@blogger.com (Anonymous) — Sat, 23 Nov 2013 12:14:00 +0000

TutorialBlog46 - Perbedaan Antara Pengusaha dan Pekerja - mungkin perlu Saya sampaikan terlebih dahulu maksud dan tujuan tulisan ini yaitu hanya semata-mata sebagai penyemangat pribadi dalam menjalani hidup :) syukur-syukur bisa bermanfaat bagi orang lain Amiien... dan tidak mempunyai maksud menyudutkan dan bahkan menjelek-jelekkan satu atau beberapa pihak yaitu pihak pengusaha atau pekerja [karena keduanya adalah baik dan tidak ada yang buruk, karena yang buruk adalah sifat manusianya :) :) :)]

Dengan adanya tulisan ini bukan berarti kita harus menjadi pengusaha dan langsung meninggalkan profesi kita saat ini sebagai pekerja. Karena jika semua ingin menjadi pengusaha siapa yang akan jadi pekerja dan apakah pengusaha mampu mengerjakan usaha mereka tanpa adanya pekerja?

Dan yang perlu kita lakukan saat ini sebagai pekerja adalah bekerja secara professional, melakukan upgrade ilmu serta improvement ketrampilan dan pengalaman.

[kata temen sebelah nieh :) bisa donk kalau kita jadi pedagang lotek atau pecel hehehe kan tidak harus perlu tenaga kerja untuk menjalankan usaha!]

Ya, tentu bisa bro! jika kita ingin berjualan lotek atau pecel maka tidak perlu tenaga kerja untuk menjalankannya cukup diri kita sendiri tapi yang akan kita bahas disini adalah tipe pengusaha yang mampu membuat passive income atau mesin pencetak uang otomatis [artinya waktu pengusaha tersebut tidur uang selalu mengalir kedalam kantongnya, bukan kantong penulis loh ya :)]

Nah mungkin akan berbeda nasibnya jika kita berjualan lotek atau pecel tidak hanya di satu (1) tempat misalnya mempunyai sepuluh (10) tempat menjual lotek atau pecel, pasti kita memerlukan tenaga kerja atau pekerja yang banyak juga [lebih dari 5 tentunya]

Dari perbincangan tersebut diatas kita bisa menyimpulkan bahwa ternyata pengusaha dan pekerja mempunyai hubungan yang saling menguntungkan [simbiosis mutualisme, koreksi ya bro kalau salah maklum sudah lama gak belajar biologi :)] dan tidak bisa dipisahkan satu sama lainnya.

Jadi tugas kita ketika menjadi pengusaha dan pekerja adalah bekerja dengan sepenuh hati dan saling menghargai untuk mencapai tujuan bersama-sama [tujuan apa nieh, tujuan finansial ya :) hehehe]

Sedangkan jika kita simpulkan berdasarkan pola hidup sehari-hari dapat kita sebutkan beberapa perbedaan antara pengusaha dan pekerja sebagai berikut:

Perbedaan Antara Pengusaha dan Pekerja

Jika Menjadi Pengusaha Maka-->

1. Mempunyai kebebasan finansial meskipun tidur uang akan mengalir kedalam kantongnya (passive income namamnya).
2. Mempunyai kebebasan ruang dan waktu, mo pergi jalan-jalan kemana saja dan bahkan berapa lama semua terserah dia.
3. Perlu Keberanian, Kerja Keras (KK), dan Cerdas Ulet Kreatif (CUK) untuk bisa berhasil membangun bisnisnya.
4. Doa yang dipanjatkan lebih banyak daripada pekerja karena selain minta Keselamatan juga minta Banyak Rejekinya (ditambahkan rejekinya bro maksudnya) sehingga menambah keimanan [katanya siapa, hehehehhe hanya ilustrasi siapa tahu benar :)]
5. Kerja kerasnya akan menghasilkan hasil yang maksimal, semakin KK dan CUK semakin banyak peluang mendapatkan rejeki (passive income).
6. Semakin giat innovasinya semakin banyak peluang mendapatkan rejekinya.
7. Untuk yang nomer tujuh silahkan disimpulkan sendiri karena banyak sekali bro :) dan tentunya silahkan disampaikan melalui kotak komentar jika berkenan :)

Jika Menjadi Pekerja Maka-->

1. Masalah finansial terbatas dengan jabatan dan lama bekerja. Jika tidak bekerja maka tidak akan mendapatkan bayaran [hehehhe mungkin kalau perusahaan tersebut adalah miliknya kakek! hahahahah :) gak masuk tetep juga dibayar mas bro tapi kalau kakeknya baik hati...]
2. Waktu untuk jalan-jalan terbatas dengan kebijakan perusahaan tempat bekerja, apakah disediakan waktu cuti atau tidak [biasanya sieh sulit untuk mendapatkan waktu cuti sesuai dengan momen yang diinginkan :( misalnya libur anak sekolah]
3. Meskipun kita Kerja Keras (KK), dan Cerdas Ulet Kreatif (CUK) yang namanya gaji ya akan sebesar itu [maksudnya gak ada perubahan sob kalaupun ada perubahan mungkin ketambahan jam lembur atau karena kebijakan perusahaan bekerja tapi normalnya sieh gak ada]
4. Doa yang dipanjatkan adalah minta Keselamatan [maksudnya berangkat selamat pulang selamat dan sehat] beda dengan doanya pengusaha kan mas bro!
5. Refer nomer 4, mungkin hampir tidak ada bedanya antara pekerja yang bekerja keras dengan yang tidak meskipun sudah ditambahi pula dengan Cerdas Ulet Kreatif (CUK) hasilnya mungkin tidak akan jauh berbeda.
6. Selama perusahaan atau tempat bekerja aman tidak ada masalah maka dapat dipastikan bahwa hidupnya akan aman, nyaman, dan tenteram [tetapi belum tentu bisa mengikuti kebutuhan finansila loh ya bro]. Apalagi kalau jadi PNS bisa dipastikan hidupnya nyaman karena setiap bulan pasti dapat gaji [heheheheheh :) asal jangan korupsi hanya untuk mengikuti kebutuhan finansial :( ]
7. Idem dengan nomer 7 jika menjadi pengusaha heheheh silahkan disimpulkan sendiri karena masih banyak point yang dapat diambil.

Mungkin jika kita jelaskan secara detail maka satu halaman buku tidak akan cukup [pastilah bro :) gitu saja dibahas] sehingga hasil akhir kita serahkan kepada hati kita masing-masing ingin menjadi apa. Apakah ingin menjadi pengusaha dengan point perbedaan seperti tersebut diatas dan atau ingin menjadi pekerja yang salah satu andalannya adalah hidup aman.

Semua pilihan adalah baik asalkan jangan sebuah pilihan yang dilarang oleh agama karena selain merugikan diri sendiri juga merugikan orang lain. Akhir kata Saya pribadi ucapkan terimakasih telah mendengarkan catatan kaki Saya ini. Saya berharap semoga point atau kesimpulan tulisan perbedaan antara pengusaha dan pekerja dapat bermanfaat bagi diri pribadi dan pembaca pada umumnya [Selesai/]

Cara Membuat Komentar Bertingkat Seperti Wordpress di Blog

noreply@blogger.com (Anonymous) — Wed, 20 Nov 2013 21:42:00 +0000

Modjopahit - Cara Membuat Komentar Bertingkat Seperti Wordpress di Blog - Kotak komentar adalah bagian penting sebuah blog yang digunakan untuk menjalin komunikasi dua arah antara pemilik blog dengan pengunjungnya. Sehingga penting untuk dapat membuat kotak komentar tersebut lebih bersifat dan tampil interaktif.

Untuk mewujudkan kotak komentar yang interaktif maka kita akan membuat sebuah kotak komentar bertingkat seperti miliknya wordpress yaitu kita dapat membalas (reply) komentar milik pengunjung lain dan komentar tersebut akan diletakkan tepat dibawah komentar pengunjung tersebut & masih dalam satu topik komentar, untuk lebih jelasnya silahkan lihat gambar diatas atau coba berikan komentar di media online ini :)

Tetapi sebelum mencoba menerapkan cara membuat komentar bertingkat kedalam blog perlu disampaikan bahwa kemungkinan Anda perlu melakukan modifikasi lagi agar berhasil membuat komentar bertingkatnya karena kemungkinan besar cara ini hanya berhasil diterapkan pada template blogger yang masih standar dan bukan yang advance. Sedangkan untuk lebih jelasnya silahkan coba dulu ya sob :) dan jika ada permasalahan silahkan untuk dapat disampaikan melalui kotak komentar tentunya :) :) :)

Jika sudah tidak sabar untuk dapat membuat komentar bertingkat seperti wordpress di blog maka silahkan disimak dan diikuti langkah-langkah berikut ini:

Cara Membuat Komentar Bertingkat Seperti Wordpress di Blog

1. Log in kedalam akun blogger
2. Pilih menu [Template] >> Edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode berikut di atasnya
4. Cari kode dengan susunan seperti dibawah ini
kemudian ganti --kumpulan kode yang akan diganti-- dengan kode dibawah ini
5. Simpan template >> Selesai

Catatan untuk cara membuat komentar bertingkat seperti wordpress di blog

Jika langkah atau cara tersebut diatas belum berhasil maka silahkan cari kode seperti tersebut dibawah ini

<b:include data='post' name='threaded_comments'/>

Kemudian silahkan ganti dengan kode dibawah ini

<b:include data='post' name='comments'/>

Kemudian ulangi langkah tersebut diatas.

Untuk langkah terakhir jangan lupa memberikan komentar ke media online ini baik berupa saran atau kritiknya. Dan begitu juga jika masih bingung atau ada hal lain yang ingin disampaikan silahkan untuk dapat disampaikan melalui kotak komentar berikut di bawah :)

Akhir kata sekian dahulu tulisan mengenai cara membuat komentar bertingkat seperti wordpress di blog yang dapat disampaikan. Selamat mencoba dan semoga sukses [Selesai/]

Cara Membuat Popup Iklan Keren Kedalam Blog

noreply@blogger.com (Anonymous) — Sun, 10 Nov 2013 20:22:00 +0000

TutorialBlog46 - Cara Membuat Popup Iklan Keren Kedalam Blog - Jika kita ingin menampilkan sebuah informasi penting dan setiap pengunjung blog harus mengetahuinya maka kita dapat memasang sebuah popup iklan keren kedalam blog - maksudnya untuk promosi kali ye...

Jadi konsepnya adalah ketika halaman blog dibuka maka sebuah popup iklan keren yang berisi informasi akan muncul dan tentunya dilengkapi dengan tombol close agar pengunjung bisa menutupnya.

Cara ini sangat cocok untuk sebuah blog yang bertemakan atau bertujuan untuk komersial - periklanan, red - seperti portal berita detik.com kapanlagi.com dan lain sebagainya. Karena jumlahnya sangat banyak gak mungkin disebutin satu-satu :)

Untuk penerbit atau publisher google adsense mungkin hal ini tidak cocok karena akan melanggar TOS google sehingga jika popup iklan keren ini diaplikasikan untuk google adsense maka akun kita akan di banned. Hehehe jadi jangan digunakan ya sob, gunakan saja untuk kepentingan yang lainnya.

Jika sudah penasaran dengan bagaimana cara membuat popup iklan keren kedalam blog maka silahkan disimak dan diikuti dengan seksama langkah-langkah berikut ini:

Cara Membuat Popup Iklan Keren Kedalam Blog

1. Log in kedalam akun blog
2. Pilih menu [Tata Letak]
3. Pilih Tambahkan Gadget pada sembarang bagian
4. Pilih gadget HTML/JavaScript
5. Masukkan kode dibawah ini di dalamnya kemudian simpan
6. Simpan perubahan >> Selesai

Catatan penting: Anda bisa memodifikasi tampilan popup iklan sesuai dengan keinginan sehingga bisa tampil lebih keren.

Jangan lupa ya sob gunakan popup iklan keren ini hanya untuk memasang informasi penting yang ingin disampaikan kepada pengunjung bukan untuk memasang google adsense atau lainnya - kecuali hal ini tidak melanggar TOS mereka loh - :)

Cara membuat popup iklan keren kedalam blog sudah banyak diaplikasikan oleh pemilik blog atau web terutama bagi mereka yang bertujuan menjual sebuah produk. Jadi jangan sampai ketinggalan menggunakan popup iklan untuk mengingkatkan keuntungan.

Sekian tulisan mengenai cara membuat popup iklan keren yang dapat disampaikan, selamat mencoba dan salam sukses [Selesai/]

Cara Membuat Floating LikeBox Facebook yang Keren di Blog

noreply@blogger.com (Anonymous) — Sun, 10 Nov 2013 03:11:00 +0000

TutorialBlog46 - Cara Membuat Floating LikeBox Facebook yang Keren di Blog -Sebelumnya sudah pernah kita bahas bagaimana cara membuat likebox facebook kedalam blog. Pada kesempatan kali ini akan ditulis bagaimana cara membuat floating likebox facebook [sebenarnya hampir mirip cuman penampakannya saja yang berbeda ... :) ]

Gadget ini mempunyai fungsi yang hampir sama dengan gadget buku tamu yang pernah dibahas sebelumnya [maksudnya penampakannya saja :) ] yang akan keluar penampakannya ketika mouse diletakkan di backgroundnya. Jika penasaran silahkan letakkan mouse pada tombol [Guest Book] disampaing.

Untuk membuat floating likebox facebook ini kita memerlukan bantuan JQuery. Jika masih ada yang belum tahu apakah itu JQuery mungkin ini adalah penjelasan singkatnya. JQuery adalah kumpulan fungsi JavaScript yang tentunya berfungsi untuk mempercantik tampilan blog [dengan animasi, red] agar lebih interaktif dengan pengunjung.

Sedangkan jika ingin tahu manfaat membuat floating likebox facebook maka silahkan baca tulisan sebelumnya yaitu mengenai SEO dan cara meningkatkan jumlah pengunjung.

Cara Pasang JQuery kedalam Blog

1. Log in kedalam akun blog
2. Pilih menu [Template] >> Edit HTML

3. Letakkan kode JQuery berikut diatas kode </head>
4. Simpan template >> Selesai

Catatan penting: Jika template Anda sudah dilengkapi dengan JQuery maka cara ini tidak perlu dilakukan alias dilewati saja.

Sedangkan untuk membuat floating likebox facebook-nya kita bisa mengikuti langkah-langkah berikut ini. Silahkan disimak dan dipraktekkan [tapi jangan lupa untuk memberikan komentarnya :) baik berupa saran atau kritik]

Cara Membuat Floating LikeBox Facebook yang Keren di Blog

1. Log in kedalam akun blog
2. Pilih menu [Tata Letak] >> Tambahkan Gadget
3. Pilih gadget HTML/JavaScript
4. Masukkan kode dibawah ini kedalamnya kemudian simpan,

5. Simpan perubahan >> Selesai.

Catatan penting: Silahkan ganti URL pages Saya dengan URL pages facebook Anda, dan silahkan juga ganti backgroundnya sesuai dengan pilihan sendiri begitu juga dengan lebar & tinggi kotak dan posisinya.

Jangan sampai lupa dengan catatan pentingnya ya :) dan juga jangan sampai lupa beri saran dan kritiknya heheehhe ngarep banget nieh :) semoga tulisan mengenai cara membuat floating likebox facebook yang keren di blog ini dapat menjadi inspirasi dan bermanfaat bagi kita semua.

Jika teman-teman blogger ada yang punya ide lain mengenai topik ngeblog lainnya silahkan disampaikan melalui kotak komentar. Semoga dapat menjadi manfaat bagi sobat blogger lainnya. Sekian tulisan pada kesempatan kali ini, selamat mencoba dan salam sukses [Selesai/]

Cara Membuat LikeBox Facebook Kedalam Blog

noreply@blogger.com (Anonymous) — Sun, 10 Nov 2013 01:40:00 +0000

TutorialBlog46 - Cara Membuat LikeBox Facebook Kedalam Blog - Di zaman seperti ini siapa yang tidak punya facebook? hmmm hampir dipastikan mulai anak-anak sampai orang tua mempunyai akun facebook.

Terus berapa jumlah anggota atau teman yang dimiliki di dalam akun facebook mereka? hmmmm dapat dipastikan minimal 200 teman mereka miliki [hehehehe mungkin ini bagi mereka yang tidak aktif atau tidak terkenal kali ya.... di dunia facebook :( ]

Dan kalo jumlah terbanyaknya berapa ya hmmm mungkin bisa sampai 200 juta lebih kalie yae... [saya yakin ni pasti artis terkenal :) :) :) jumlah like-nya pun pasti bejibun hehehehe]. Jadi intinya adalah jika Anda punya banyak teman dan selalu aktif ber-facebook ria maka jangan sampai tidak pernah menggunakan media social satu ini untuk mendongkrak kepopuleran blog.

Konsep ini pun sudah pernah kita bahas pada tulisan sebelumnya yaitu bagaimana meningkatkan jumlah pengunjung blog. Dan untuk mewujudkannya kita dapat memasang kotak likebox facebook kedalam blog sehingga setiap pengunjung mempunyai kesempatan menjadi teman di facebook dan dapat memberikan komentar kesukannya (TFL - thanks for like brow...) serta dapat mengikuti updatan kita.

Berikut ini adalah langkah-langkah cara membuat likebox facebook kedalam blog, jika ada hal yang belum jelas maka silahkan sampaikan melalui kotak komentar - jika bukan Saya yang jawab maka bisa teman-teman blogger lainnya son :) -

Cara Membuat LikeBox Facebook Kedalam Blog

1. Log in kedalam akun blog
2. Pilih menu [Tata Letak]
3. Pilih Tambahkan Gadget ke sidebar
4. Pilih gadget HTML/JavaScript
5. Masukkan kode dibawah ini kemudian simpan
6. Simpan >> Selesai

Keterangan: Silahkan ganti URL page facebook diatas dengan URL page facebook Anda

Jangan lupa untuk selalu update artikel dan promosikan melalui media social facebook agar blognya ramai. Dan jangan lupa juga untuk memberikan masukan ke blog ini terutama yang berkaitan dengan tutorial cara membuat likebox facebook kedalam blog ya :)

Sampai disini dulu perjumpaan kita dan selamat mencoba & salam sukses selalu [Selesai/]

Cara Membuat Kotak Tukar Link Antar Sesama Blogger

noreply@blogger.com (Anonymous) — Sat, 09 Nov 2013 13:50:00 +0000

TutorialBlog46 - Cara Membuat Kotak Tukar Link Antar Sesama Blogger - Kotak tukar link atau link exchange dapat digunakan untuk meningkatkan jumlah backlink blog kita.

Kotak tukar link dapat juga digunakan untuk menjalin kerja sama atau persahabatan dengan saling berbagi informasi penting dan menarik kepada sahabat atau teman kita.

Berikut ini mungkin sebuah gambaran atau ilustrasi kapan menggunakan kotak tukar link di dalam blog kita. Ketika ingin bertukar informasi dengan orang lain maka kita dapat menyediakan sebuah kotak yang berisi URL blog kita.

Nah, ketika teman atau sahabat kita ingin mengetahui apakah kita sedang melakukan update atau tidak maka mereka bisa memasang URL blog kita kedalam blog mereka yaitu dengan cara melakukan copy & paste URL blog yang ada di dalam kotak tukar link tersebut kedalam blog mereka. Dan hal lain berlaku juga sebaliknya jika kita ingin mengetahui apakah teman atau sahabat kita melakukan update informasi.

Untuk lebih jelasnya silahkan disimak dan dipraktekkan langkah-langkah berikut. Jika masih bingung mengenai topik ini jangan lupa untuk menyampaikannya melalui kotak komentar [ :) ]

Cara Membuat Kotak Tukar Link Antar Sesama Blogger

1. Log in kedalam akun blogger
2. Pilih menu [Tata Letak]
3. Pilih tempat dimana kotak tukar link akan dipasang
4. Silahkan copas kode berikut dan masukkan kedalam gadget HTML/JavaScript

Kode HTML kotak tukar link tipe tulisan

Kode HTML untuk kotak tukar link tipe graphic (gambar)
Keterangan:

Silahkan ganti "http://tutorialblog46.blogspot.com" dengan alamat blog Anda sendiri [ harus diganti loh ya jangan sampai lupa :) ] beserta dengan kata Zona Free Blogging dengan kata-kata Anda sendiri.
Silahkan ganti alamat URL gambar "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTgjvpVdZIznDH8bmwxJDkTEGo2Ak2h5bNua7_wLRa6-WmbF_8_bz6J7PUsehubv1Ypb0Qb3HDNnZg6AUTfaYzhatNUYUL4zw6p2iUdx-hdmL_S08JzYX8ptA51DT-YXyOQMqkTmySrs/s1600/link-exchange.png" dengan alamat URL gambar Anda sendiri.

5. Simpan >> Selesai

Dan jangan lupa bahwa cara ini dapat digunakan untuk meningkatkan jumlah backlink blog loh sob :) maka jangan lupa untuk mencobanya!

Sekian tulisan mengenai bagaimana cara membuat kotak tukar link antar sesama blogger yang dapat disampaikan melalui media online ini. Selamat mencoba dan salam sukses [Selesai/]

Cara Meningkatkan Jumlah Backlink Posting Blog dengan Tynt

noreply@blogger.com (Anonymous) — Sat, 09 Nov 2013 12:50:00 +0000

TutorialBlog46 - Cara Meningkatkan Backlink Posting Blog dengan Tynt - Pada kesempatan kali ini akan ditulis bagaimana cara meningkatkan backlink blog menggunakan Tynt.Com :) Selain dapat meningkatkan jumlah backlink cara ini dapat juga digunakan untuk mengatasi CoPas yang tanpa mengikutsertakan sumber artikelnya.

Jadi secara tidak langsung kita memanfaatkan kegiatan sobat blogger yang melakukan CoPas (copy & paste) untuk meningkatkan kemampuan SEO, jumlah pengunjung, backlink blog dan lain sebagainya.

Ketika sobat blogger melakukan CoPas artikel kedalam blog maka URL artikel kita tersebut akan ter-Copy secara otomatis. Untuk lebih jelasnya silahkan CoPas sebagian atau seluruh artikel kedalam blog maka URL artikel tersebut akan ter-Copy juga.

Untuk membuat teknik meningkatkan jumlah backlink blog ini kita hanya perlu melakukan beberapa langkah saja. Dan jika ingin menggunakannya silahkan simak dan ikuti secara detail langkah-langkah berikut ini:

Cara Meningkatkan Jumlah Backlink Posting Blog dengan Tynt

1. Daftar terlebih dahulu ke Tynt.Com dan dapatkan kodenya. Contoh kodenya seperti yang saya punya ini,
2. Log in kedalam akun blog
3. Pilih menu Template >> Edit HTML
4. Masukkan kode pada langkah-1 diantara kode <head> ... </head>
5. Simpan >> Selesai

Sebelum mengaplikasikan cara meningkatkan jumlah backlink posting blog dengan tynt" jangan lupa untuk memberikan komentar baik berupa saran atau kritiknya. Sekian, selamat mencoba dan salam sukses [Selesai/]

Cara Membuat Blogroll Keren Kedalam Blog

noreply@blogger.com (Anonymous) — Thu, 07 Nov 2013 19:10:00 +0000

TutorialBlog46 - Cara Membuat Blogroll Keren Kedalam Blog - Blogroll dapat diartikan sebagai daftar link penting yang mengarah ke sebuah alamat blog tertentu (terserah selera Anda :) ) Dan blogroll biasanya diletakkan pada bagian sidebar blog.

Kita pun dapat membuat beberapa blogroll berdasarkan beberapa kategori tertentu sesuai dengan topik pembahasan blog. Misalnya kita akan membuat blog dengan topik tip dan trik ngeblog maka kita bisa membuat blogroll yang berisi altikel terkait ngeblog, daftar blog yang mempunyai topik sejenis, dan link pendukung lainnya.

Blogroll dapat menjadi sebuah alat untuk meningkatkan jumlah backlink sebuah blog atau web - makanya ada beberapa sobat blogger yang membuat blogroll daftar link teman-teman mereka - Karena ketika seseorang tertarik dengan daftar link penting yang kita punya kemudian membuka link tersebut maka secara otomatis alamat yang dituju tersebut akan meningkat jumlah page viewnya.

Untuk membuat blogroll kita dapat melakukannya dengan dua cara yaitu menggunakan alat yang sudah disediakan oleh blogger atau membuatnya sendiri melalui kode HTML.

Cara Membuat Blogroll Keren Kedalam Blog Versi1

1. Log in kedalam akun blog
2. Pilih menu Tata Letak >> klik menu Tambahkan Gadget
3. Pilih beberapa gadget sesuai dengan peruntukan, apakah akan membuat blogroll daftar blog favorit, blogroll artikel, atau blogroll daftar buku; film; dll

4. Misal, kita akan membuat blogroll daftar blog favorit maka silahkan piliha gadget Daftar Blog (tekan tombol + ) >> lakukan pengaturan seperti berikut:

5. Klik menu Tambahkan blog ke daftar Anda >> masukkan alamat blog atau langsung pilih dari daftar blog yang pernah diikuti (sebagai follower).

6. Klik tombol Tambahkan >> Simpan >> Selesai

Dan jika kita ingin membuat blogroll keren kedalam blog menggunakan kode HTML maka bisa melakukannya dengan cara sebagai berikut:

Cara Membuat Blogroll Keren Kedalam Blog Versi2

1. Log in kedalam akun blog
2. Pilih menu Tata Letak >> klik menu Tambahkan Gadget
3. Pilih gadget HTML/JavaScript seperti berikut

4. Masukkan kode HTML berikut kedalamnya,

Blogroll Tipe Dropdown
Hasil Blogroll Tipe Dropdown

Blogroll Tipe Flat
Hasil Blogroll Tipe Flat

5. Simpan >> Selesai

Jangan lupa untuk mendiskusikan tulisan ini jika masih ada yang perlu ditanyakan melalui kotak komentar. Sekian tulisan mengenai "cara membuat blogroll keren kedalam blog" yang disampaikan melalui media online ini. Selamat mencoba dan Salam sukses [Selesai/]

Cara Menambah Gadget atau Widget Kedalam Blog

noreply@blogger.com (Anonymous) — Wed, 06 Nov 2013 16:22:00 +0000

TutorialBlog46 - Cara Menambah Gadget atau Widget Kedalam Blog - Gadget atau widget dapat diartikan sebuah tool atau alat bantu yang dapat digunakan untuk mempercantik tampilan sebuah blog baik dilihat dari segi fungsi atau estetika.

Dan sebenarnya tulisan ini seharusnya ditampilkan sebelum membahas tulisan mengenai tutorial blog yang lainnya terutama yang berkaitan dengan penambahan gadget atau widget seperti cara membuat buku tamu blog.

Untuk menambah gadget kita hanya perlu lakukan klik >> pilih >> tampilkan >> selesai karena semuanya sudah disediakan oleh blogger :) Jenis gadget atau widget berjumlah sangat banyak dan kita hanya perlu memilihnya sesuai dengan peruntukannya di dalam blog.

Jika sobat blogger sudah tidak sabar ingin membahasnya maka kami persilahkan untuk menyimak dan mempraktekkan cara menambah gadget atau widget kedalam blog seperti berikut ini:

Cara Menambah Gadget atau Widget Kedalam Blog

1. Log in kedalam akun blog
2. Pilih menu [Tata Letak]
3. Klik menu Tambahkan Gadget seperti gambar berikut

4. Pilih gadget sesuai pilihan dan untuk menambahkannya silahkan klik tombol + , seperti ditunjukkan gambar berikut

5.1 Jika kita ingin menampilkan gadget atau widget dari pihak ke-3 (hehehe bukan selingkuhan loh ya :) ) silahkan pilih gadget HTML/JavaScript

5.2 Silahkan masukkan kode dari pihak ke-3 tersebut >> simpan (contoh seperti tips berikut ini)
6. Simpan gadget >> Lakukan pengaturan >> Selesai

Dan jangan lupa untuk memberikan feedback kepada kami berupa saran dan kritiknya mengenai konten blog pada kesempatan kali ini dan tentunya melalui kotak komentar ya sob :)

Sekian tulisan mengenai "cara menambah gadget atau widget kedalam blog" yang dapat disampaikan melalui media online ini. Selamat mencoba dan salam sukses [Selesai/]

Cara Menghilangkan Attribution Blog Dengan Mudah

noreply@blogger.com (Anonymous) — Wed, 06 Nov 2013 14:28:00 +0000

TutorialBlog46 - Cara Menghilangkan Attribution Blog Dengan Mudah - Pada saat pertama kali membuat sebuah blog maka tulisan "Template simple. Diberdayakan oleh Blogger" pasti akan muncul dan diletakkan di dalam kolom footer.

Cara menghilangkan attribution blog tidak sama dengan cara menghilangkan navbar blog - yaitu dengan menggunakan fasilitas yang telah disediakan oleh blogger - karena kita akan menambahkan beberapa baris kode CSS kedalam kode template blog untuk menghilangkan attribution tersebut.

Jika sobat blogger masih ada yang belum tahu mengenai attribution yang dimaksud di dalam pembahasan ini mungkin gambar berikut di bawah dapat membantu menjelaskannya :)

Dan berikut ini mungkin adalah alasan kenapa beberapa sobat blogger ingin menghilangkan tanda attribution yaitu agar kelihatan lebih profesional ketika akan membuat sebuah blog terutama jika menggunakan nama domain sendiri tidak ketika menggunakan sub domain seperti media informasi ini.

Nah, jika masih penasaran bagaimana cara menghilangkan attribution blog ini maka silahkan disimak dan ikuti beberapa langkah berikut ini.

Cara Menghilangkan Attribution Blog Dengan Mudah

1. Log in kedalam akun blog
2. Pilih Template >> Edit HTML
3. Silahkan letakkan kode dibawah ini sebelum kode ]]></b:skin> yang ada di dalam kode template blog
4. Simpan >> Selesai :)

Dan jangan lupa untuk memberikan komentar atau masukan kepada kami jika terdapat kekeliruan terhadap cara menghilangkan attribution blog tersebut diatas melalui kotak komentar.

Sekian tulisan mengenai "cara menghilangkan attribution blog dengan mudah" yang dapat disampaikan melalui media blog ini. Selamat mencoba dan salam sukses [Selesai/]

Cara Menghilangkan Navbar Blog dengan Mudah dan Cepat

noreply@blogger.com (Anonymous) — Mon, 04 Nov 2013 12:36:00 +0000

TutorialBlog46 - Cara Menghilangkan Navbar Blog dengan Mudah dan Cepat -Mungkin sebagian besar dari blogger ingin menghapus atau menghilangkan navbar blog miliknya blogger. Yaitu sebuah bar yang terletak pada bagian atas header dan bersifat fix yang berisi mengenai informasi pendaftaran membuat blog baru dan email.

Dulu pada waktu blogger muncul kita harus menghilangkan navbar menggunakan sebuah kode HTML yang diletakkan kedalam template blog tetapi sekarang ini kita tidak perlu repot-repot seperti dahulu karena yang perlu kita lakukan adalah klik dan klik langsung jadi. Karena sekarang ini blogger sudah mendukung sobat blogger yang ingin menghilangkan navbarnya.

Jika masih ada yang bingung bagaimana menghilangkan navbar blog maka silahkan disimak dan diikuti langkah-langkah berikut ini :)

Cara Menghilangkan Navbar Blog dengan Mudah dan Cepat

1. Log in kedalam akun blog
2. Pilih menu [Tata Letak]
3. Pilih gadget Navbar seperti gambar berikut

4. Klik link Edit >> Centang pilihan Off

5. Simpan konfigurasi >> Selesai

Memang mudah kan bagaimana cara menghilangkan navbar blog nya? Jika ada yang ingin berbagi informasi dengan kami maka dipersilahkan untuk dapat menyampaikannya melalui kotak komentar berikut di bawah ini :)

Sekian tulisan mengenai bagaimana Cara Menghilangkan Navbar Blog dengan Mudah dan Cepat yang dapat disampaikan melalui media blog ini. Selamat mencoba dan salam sukses [Selesai/]

Keuntungan Menjadi Follower Sebuah Blog

noreply@blogger.com (Anonymous) — Mon, 04 Nov 2013 12:12:00 +0000

TutorialBlog46 - Keuntungan Menjadi Follower Sebuah Blog - Ketika kita berkunjung ke sebuah blog pasti banyak kita temui sebuah widget follower seperti gambar disamping. Selain dapat digunakan untuk menjalin pertemanan widget tersebut dapat juga digunakan untuk mendapatkan update artikel dari sebuah blog yang sedang kita ikuti.

Tidak ada salahnya kita menjadi anggota sebuah blog apalagi blog tersebut sangat terkenal, menarik artikelnya dan selalu rutin update. Sehingga jika sebelumnya kita sedang kehabisan ide maka bisa menggunakan widget ini untuk menggali ide yang lebih segar dan menarik untuk ditulis kedalam blog.

Jadi bagi temen-temen yang sedang kehabisan ide atau inspirasi maka disarankan untuk daftar menjadi anggota sebuah blog yang dianggap penting, berkaitan dengan topik blog yang sedang ditulis dan dapat memberikan inspirasi atau ide segar.

Untuk mengetahui apakah blog yang kita telah bergabung di dalamnya melakukan update artikel atau tidak maka bisa menggunakan cara-cara sebagai berikut:

Keuntungan Menjadi Follower Sebuah Blog

1. Log in kedalam akun blogger
2. Lihat bagian bawah [lakukan scroll] maka akan terlihat daftar update artikel blog yang kita ikuti

3. Klik untuk melihat update artikel
4. Selesai

Nah ternyata banyak kan keuntungannya menjadi follower sebuah blog, yang paling utama adalah kita dapat mendapatkan update artikel dari sebuah blog yang benar-benar kita anggap bermanfaat serta dapat memberikan inspirasi ke kita untuk selalu berkarya (gratis sob :) ) [Selesai/]

Cara Mendapatkan Inspirasi Menulis Artikel Di Blog

noreply@blogger.com (Anonymous) — Sun, 03 Nov 2013 12:30:00 +0000

TutorialBlog46 - Cara Mendapatkan Inspirasi Menulis Artikel Di Blog - Bingung mo nulis apa di blog? Malas mo ketik sebuah kata-kata! ya, mungkin inilah penyakit seorang blogger yaitu MALAS & MALAS. Dan ini adalah penyakit yang sangat menakutkan karena sembuhnya bisa bulanan bahkan tahunan seperti yang pernah Saya pribadi alami.

Untuk mengembalikan semangat ngeblog harus menggunakan usaha yang sangat keras hingga tulang-tulang di badan terasa pecah. hehehe lebay kali ya.... ungkapannya :) tapi ya memang inilah yang bisa membangkitkan semangat negblog Saya (Ngoceh tida henti melalui tulisan :) )

Ketika badan terasa berat untuk membuka akun blog hal yang biasa Saya lakukan adalah browsing atau blogwalking ke blog yang membahas mengenai kesuksesan seseorang baik di dunia nyata (wirausaha plus investasi) dan di dunia maya (bisnis online, red).

Karena blogwalking lah inspirasi Saya bisa muncul dan semangat pun mulai kembali. Mungkin hal inilah yang bisa Saya bagi dengan sobat blogger semua agar dapat selalu semangat menulis artikel atau update blognya.

Mungkin tidak hanya dengan blogwalking sebuah insiprasi bisa muncul karena setiap individu biasanya caranya berbeda-beda. Ada yang bergabung di dalam sebuah forum, membaca cerita, menonton televisi dll untuk memunculkan ide dan semangat mengupdate blognya :)

Jika sobat blogger ada yang tahu bagaimana cara mendapatkan inspirasi menulis artikel di blog maka silahkan kirim melalui kotak komentar agar dapat kita bahas lebih lanjut.

Pengertian Domain dan Hosting

noreply@blogger.com (Anonymous) — Sun, 03 Nov 2013 03:47:00 +0000

TutorialBlog46 - Pengertian Domain dan Hosting - Jika kita ingin bergelut di dunia internet dan khususnya WebBlog maka dua istilah ini setidaknya harus dipahami dan dimengerti yaitu DOMAIN dan HOSTING.

DOMAIN dapat diartikan sebagai alamat web atau blog yang akan Anda gunakan, misalnya www.alamatsitusku.com dan sedangkan HOSTING adalah tempat kita menyimpan dokumen web atau blog.

Jika diibaratkan sebuah rumah maka DOMAIN adalah alamat rumah kita, HOSTING adalah luas tanah di suatu wilayah yang merupakan tempat rumah kita dibangun. Dan sedangkan DOKUMEN WEB/BLOG adalah rumah kita sendiri (termasuk isi rumah, tampilan rumah, dan segala sesuatu yang membuat rumah kita kelihatan menarik).

Untuk membangun sebuah rumah tentunya kita harus melalui beberapa tahapan yaitu menyiapkan terlebih dahulu luas tanah yang akan ditempati dan bahan bangunan. Kemudian membangun rumah tersebut dan memberinya alamat agar teman dan keluarga mudah mencarinya. Dan seiring berjalannya waktu kita lakukan renovasi rumah dan memasukkan berbagai macam barang hingga rumah kita kelihatan menarik.

Begitu juga ketika kita akan membangun sebuah web atau blog maka harus mempersiapkan bahan bangunan berupa DOKUMEN WEB/BLOG dan luas tanah berupa HOSTING untuk meletakkan atau menyimpan dokumen tersebut. Kemudian memberinya sebuah alamat baru berupa DOMAIN agar orang mudah mengaksesnya. Dan seiring berjalannya waktu kita perlu melakukan renovasi dengan cara merubah template web atau blog dan membuat konten yang sangat menarik dan bermanfaat.

Untuk mendapatkan domain dan hosting kita harus mengeluarkan biaya, sama seperti ketika kita akan membangun sebuah bangunan di dunia nyata - kita harus mengeluarkan biaya membeli bahan bangunan dan tanah.

Nah jika kita berbicara mengenai bagaimana cara agar banyak orang datang berkunjung kedalam rumah - dalam hal ini adalah web atau blog - maka sederhana sekali jawabannya yaitu membuat tampilan dan isi rumah kita menarik untuk dikunjungi.

Dan kalau masih bingung kita bisa menggunakan konsep yang digunakan oleh mall untuk menarik pengunjung menjadi pelanggan setianya yaitu dengan cara menyediakan tempat yang nyaman lengkap dengan fasilitasnya dan berbagai macam barang menarik yang benar-benar dibutuhkan oleh pelanggan.

Jadi sebenarnya rahasia agar banyak orang datang ke rumah atau web/blog kita adalah karena kita dapat menyediakan berbagai macam konten yang benar-benar dibutuhkan dan diperlukan oleh pengunjung :) selain karena tempat kita memang menarik untuk dikunjungi.

Mungkin sobat blogger sudah paham tentang pengertian domain dan hosting. Semoga dapat membantu dan selamat mencoba membangun rumah di dunia online.

Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel

noreply@blogger.com (Anonymous) — Wed, 30 Oct 2013 13:04:00 +0000

TutorialBlog46 - Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel - Ketika menulis sebuah artikel di dalam blog maka dapat dipastikan akan ada sebuah blok kalimat penting yang perlu disampaikan kepada pembaca. Dan untuk melakukannya kita dapat menggunakan tool quote (lihat gambar disamping) yang telah disediakan oleh platform blogger.

Secara default tampilan blockquote yang dihasilkan oleh tool ini mungkin kurang menarik bagi sebagian sobat blogger sehingga perlu dilakukan penambahan atau perubahan tampilan sesuai tema/topik tulisan masing-masing. Dan untuk merubahnya perlu menerapkan kode CSS (Cascading Style Sheet) kedalam kode template HTML - tag <blockquote> - :)

Ada dua jenis cara yang dapat kita lakukan untuk membuat blockquote di dalam artikel, pertama dilakukan secara manual dengan kelebihan dapat membuat tampilan blockquote yang berbeda-beda dalam satu artikel dan kedua dilakukan secara otomatis dengan kelebihan hanya melakukan pengaturan satu kali saja.

Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel - Otomatis

1. Log in kedalam akun blogger
2. Pilih menu Template >> Edit HTML
3. Letakkan kode berikut dibawah kode <b:skin><![CDATA[
4. Klik Simpan Template
5. Selesai

Cara Membuat Blockquote Keren dan Cantik di Dalam Artikel - Kedua

1. Log in kedalam akun blogger
2. Pilih Entri baru (membuat tulisan baru)
3. Pilih mode HTML, masukkan format kode berikut
berikut ini adalah contoh hasilnya:

Harus Dibedakan mana cinta sejati dan mana cinta yang dihiasi kepalsuan. Satu-satunya cinta sejati yang sangat mudah kita temui, adalah cinta seorang ibu pada anaknya.

4. Klik tombol [Pratinjau] untuk mereview terlebih dahulu dan tombol [Publikasikan] jika ingin langsung menampilkan tulisan kedalam blog
5. Selesai.

Untuk kedua contoh diatas kita dapat mengganti warna background dan ketebalan border sesuai dengan yang kita inginkan. Masing-masing cara mempunyai kelebihan - kekurangan dan yang perlu kita lakukan adalah memilih cara mana yang paling sesuai keperluan.

Sekian tulisan mengenai bagaimana cara membuat blockquote keren dan cantik di dalam artikel yang dapat disampaikan melalui media blog ini. Selamat mencoba dan salam sukses [Selesai/]