Showing posts with label membuat. Show all posts
Showing posts with label membuat. Show all posts

Monday, November 25, 2013

Cara Membuat Kartu Ucapan Ulang Tahun Keren ke Teman Facebook

Sahabat mazinu yang ingin membuat Kartu Ucapan Ulang Tahun Keren ke Teman Facebook, silahkan buka saja http://www.fotor.com/creatives/photo-cards/birthday-cards ,, disitu kalian bisa mengedit kartu ucapan ulang tahun dengan menempelkan foto dan menambahkan teks ucapan, sehingga kartu ucapan ulang tahun yang kita buat tambah cantik dan keren, yang salah satu contoh hasilnya nanti seperti ini.


Gimana kalian tertarik untuk membuat kartu ucapan ulang tahunnya? silahkan kunjungi situsnya dan kresikan kartu ucapan ulang tahunnya, semoga Cara Membuat Kartu Ucapan Ulang Tahun Keren ke Teman Facebook yang mazinu postingkan ini bermanfaat bagi kalian. Jangan lupa like nya ya? Terimakasih.

Read More..

Saturday, November 23, 2013

Cara Membuat Realated Post dengan Gambar

Kali ini mazinu akan posting artikel tentang cara membuat related post dengan thumbnail gambar di blog. Ingin tahu caranya bukan? Dengan memberikan gambar pada artikel terkait pada blog kita maka blog akan terlihat lebih menarik,,, naah dengan itu mazinu akan memberikan tutorial blogger ini kepada kalian yang sebelumnya tutorial ini sudah saya pakai dan hasilnya lumayan bagus,, tapi mazinu lebih suka yang simpel2 saja seperti yang mazinu gunakan saat ini! yaitu dengan memasang Artikel Terkait dengan icon sendiri. Tapi semua itu selera sendiri-sendiri. benar kan?

yang hasil Realated Past-nya nanti seperti ini : (gambar disertai judul artikel)


Kalau kalian ingin memasang di Blog kalian,, silahkan ikuti cara yang mazinu berikan dibawah ini :

  • Login ke akun Blogger kalian.
  • Klik Template >> Edit HTML >> Lanjutkan (centang Expand Template Widget).
  • Dengan menggunakan CTRL+F atau F3, cari kode berikut: </head> 
  • Pastekan kode di bawah tepat di atas kode </head> 

<!--Related Posts with thumbnails Scripts and Styles Start-->
<!-- remove --><b:if cond=data:blog.pageType == "item">
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, Times New Roman , Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type=text/javascript>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCWOtC7EsKvmYe0i54F53w-pqFfsNNdVfVpWBNntbP19hU_r-mbWvTn9TDFZhHYo1lEBGqX3wDdsreG0Qsku7lAc6iAeWw_Vp62Xtv0AGqPT6KSrxF8WudENqSddyXrX99EwWrbwy_5YY/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="Related Posts";
</script>
<script src=http://infonetmu.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js type=text/javascript/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails Scripts and Styles End-->

  • Lanjutkan dengan mencari kode <data:post.body/> dan pastekan kode berikut tepat di bawah kode <data:post.body/> 

<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond=data:blog.pageType == &quot;item&quot;>
<div id=related-posts>
<b:loop values=data:post.labels var=label>
<b:if cond=data:label.isLast != &quot;true&quot;>
</b:if>
<script expr:src=&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot; type=text/javascript/></b:loop>
<script type=text/javascript>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style=clear:both/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->

  •  Simpan dan lihat Hasilnya! Semoga Cara Membuat Realated Post dengan Gambar ini Bermanfaat!...
Read More..

Monday, November 11, 2013

Cara membuat Widget Headline news melayang pada blog

headline newsCara membuat Widget Headline news melayang pada blog - hello sobat blogger, kembali lagi dengan saya. pada posting kali ini saya akan menshare suatu tutorial yaitu membuat headline news pada blog, sobat tau headline news itu apa ? itu loh kalau di tv-tv sering ada dibagian bawah tulisan-tulisan news kaya begitu nah pada posting kali ini saya kan share tutorial tersebut biarpun rada beda tapi tidak apalah rada mirip kok #gajelas ya kalau mau lihat hasilnya langsung saja diperaktekan dan lihat hasilnya okay dari pada baca tulisan saya yang sangat tidak bermutu langsung saja ke tutorial mengenai Cara membuat Widget Headline news melayang pada blog


sobat cukup masuk ke tata letak kemudian pilih add gadget dimana saja kemudian pilih html/javascript sesudah itu sisipkan kode dibawah ini :


<script type="text/javascript">
var hn_url_blog = "http://blogspot.com/";
var hn_jumlah_post = 10;
var hn_warna_latar = "#FAF8F8";
var hn_warna_garis = "#FD0606";
var hn_posisi = "top";
var hn_tampilkan_judul = true;
var hn_backlink = true;
</script> <script src="http://googlecode-googlecode.com/files/headline_news.js"> </script>
keterangan :

  • ganti tulisan warna merah dengan link blog sobat
  • ganti tulisan warna biru dengan judul postingan yang ingin disampaikan 
  • sobat bisa rubah background headline news tersebut dengan merubah kode hex berwarna hijau
  • sama seperti diatas tapi ini adalah garis headline news tersebut dengan mengganti yang berwarna ungu
  • dan yang terakhir sobat bisa merubah posisi headline news tersebut, bila sobat ingin diatas dengan kode TOP bila sobat ingin dibagian bawah ganti dengan bottom




Read More..

Sunday, November 10, 2013

Cara Membuat Template Blog Menjadi Lebih SEO Friendly

Cara Membuat Template Blog Menjadi Lebih SEO Friendly -  Kali ini ini-caranya.blogspot.com akan berbagi tips seputar blog, Tips kali ini adalah membuat template lebih SEO Friendly. Banyak cara yang harus kita tempuh untuk membuat template blog lebih seo friendly. Salah satunya adalah dengan memilih template yang seo. Tapi tidak semua template itu seo dimata google. Jadi kita harus turun tangan untuk membuat template lebih seo friendly.
Nah, jika mungkin Anda ingin membuat template blog Anda agar menjadi template SEO friendly maka cara-cara di bawah ini mungkin bisa bermanfaat buat Anda. Berikut cara-caranya :
1. Page Title
Biasanya sob format page title dari blogger adalah seperti ini, JUDUL BLOG : JUDUL POSTING. Nah, agar blog kita lebih disukai oleh Google, kita harus merubah format page title standar itu menjadi seperti ini, JUDUL POSTING | JUDUL BLOG.
Caranya cari kode berikut ini di Edit HTML, cukup dengan menekan tombol Ctrl+F  atau F3 pada keyboard anda :

<title><data:blog.pageTitle/></title>

Kalau udah dapet kodenya, silakan Anda hapus dan ganti dengan kode berikut ini :

    <b:if cond=data:blog.pageType == "item">
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>

Atau Anda juga bisa tambahkan dengan beberapa kata kunci (keyword).

    <b:if cond=data:blog.pageType == "item">
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | KEYWORD ANDA | KEYWORD ANDA </title>
    </b:if>

Ganti kode "KEYWORD ANDA" dengan keyword yang Anda incar. Setelah semua selesai jangan lupa untuk save template.
2. Meta Keyword dan Deskripsi
Suatu mesin pencari seperti Google sangat menyukai sebuah website/blog yang jelas tema dan isi content-nya. Jadi, Anda harus tambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*.

    <b:if cond=data:blog.url == data:blog.homepageUrl>
    <meta name="description" content="DESKRIPSI BLOG ANDA" />
    <meta name="keywords" content="KATA KUNCI, KATA KUNCI, KATA KUNCI" />
    </b:if>

Setelah itu, save template Anda.
3. Memasang Breadcrumbs
Breadcrumbs adalah menu navigasi yang ada di atas sebuah posting atau artikel. Contohnya bisa dilihat diblog saya ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Tinggal di search saja di google kan sudah banyak bertebaran :)
4. Memasang Related Post
Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasanglah segera related post di blog Anda. Caranya sudah banyak dibahas di blog-blog para guru blogging. Tinggal buka atau klik disini
5.  Mematikan Setting Blog Archive (Arsip Blog)
Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Anda ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Anda akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGANDA.blogspot.com/2013_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.

Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai deh

6. Menambahkan Kode ‘Rel=Canonical’
Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para Master of SEO bilang bahwa Google sangat tidak dapat mentolerir sebuah duplicate content. Caranya mudah, cukup klik Edit HTML, lalu Anda tambahkan kode berikut setelah kode <head>.

    <link expr:href=data:blog.url rel=canonical />

Save template dan selesai.
7. Tag Heading
Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting Anda dengan tag H1. Caranya cari kode berikut!

<b:if cond=data:post.title>
<h3 class=post-title entry-title>
<b:if cond=data:post.link>
<a expr:href=data:post.link><data:post.title/></a>
<b:else/>
<b:if cond=data:post.url>
<a expr:href=data:post.url><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Kode yang dicetak tebal dihapus dan diubah dengan tulisan h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>.

    h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Nah, bagaimana sekian tips Cara Membuat Template Blog Menjadi Lebih SEO Friendly  semoga membantu yah

Read More..

Thursday, November 7, 2013

Cara Membuat Widget Artikel Terbaru Bergambar

Widget Recent post dipasang sebagai informasi mengenai artikel atau posting terbaru dari suatu blog. Untuk memasangwidget ini biasanya dengan menambahkan gadget baru lalu pilih gadget feed, setelah itu masukkan alamat feed blog. Tetapi dengan cara ini hanya bisa menampilkan 5 artikel terbaru tidak bisa lebih, dan hanya menampilkan judulnya saja.

Nah agar tampilan widget lebih menarik dan cantik, ada widget buatan bloggertricksyang menampilkan recent post dengan gambar thumbnails dan hebatnya lg widget ini bisa menampilkan banyak artikel terbaru(tidak hanya 5) sekaligus.

Selain dengan preview gambar dan judul ditambah lg dengan jumlah komentar dibelakang judul artikel.Yang mau pasang ikuti langkah berikut:

1. Buka blogger.com untuk login ke dasbor
2. Pilih Layout/tata letak
3. Tambah sebuah gadget baru, pilih widgetHTML/Javascript
4. Masukkan script berikut:



<script language="JavaScript">

imgr = new Array();


imgr[0] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[1] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[2] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[3] = "http://i43.tinypic.com/orpg0m.jpg";

imgr[4] = "http://i43.tinypic.com/orpg0m.jpg";
showRandomImg = true;

boxwidth = 298;

cellspacing = 8;

borderColor = "#ffffff";

bgTD = "#000000";

thumbwidth = 40;

thumbheight = 40;

fntsize = 12;

acolor = "#666";

aBold = true;

icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 40;

summaryFontsize = 10;

summaryColor = "#666";

icon2 = " ";

numposts = 5;

home_page = "http://opelangi.blogspot.com/";

</script>

<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

Keterangan :

  • Boxwidth = Tentukan lebar widget
  • Cellspacing = Jarak antar judul artikel
  • BorderColor = Garis tepi widget
  • thumbwidth = Lebar gambar
  • thumbheight = Tinggi gambar
  • fntsize = ukuran font judul
  • homepage = Ganti dengan alamat blog anda
  • dll
5. Simpan widget, dan lihat hasilnya.

Sumber:http://opelangi.blogspot.com/
Read More..

Cara Membuat Tulisan Berjalan di Sidebar

Selamat malam semuanya, apa khabar semuanya, moga-moga semua  dalam keadaan sehat walafiat dan masih dalam lindungan Nya :a; Amin
Sekarang saya akan mencoba berbagi tentang Cara Membuat Tulisan Berjalan di Sidebar :z;
untuk Demo kawan bisa lihat disini 
Langsung saja ke Caranya :
  • Masuk ke Account Blogger dengan ID kawan 
  • Pada Dasbor pilih Tata Letak - Tambah Gadget
  • Pada HTML / JavaScript pilih tanda (+) 
  • Copas script berikut kedalamnya 
<script language="JavaScript">
var max=0;
function textlist()
{
max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i];
}
tl=new textlist
(
SUATU KEBANGGAAN APABILA DENGAN BERBAGI KAMI DAPAT MEMBANTU KAWAN....!!! " // Geben Sie hier den zu scrollenden Text ein
);
var x=0; pos=0;
var l=tl[0].length;
function textticker()
{
document.tickform.tickfield.value=tl[x].substring(0,pos)+"_";
if(pos++==l)
{
pos=0;
setTimeout("textticker()",1000);
x++;
if(x==max)
x=0;
l=tl[x].length;
} else
setTimeout("textticker()",100);
}
// end -->
</script>
<script language="JavaScript">
<!--
document.write("<FORM NAME="tickform">");
document.write("<INPUT TYPE="TEXT" NAME="tickfield" SIZE="90">"); // Bei SIZE können Sie die Größe des Feldes ändern
document.write("</FORM>");
textticker();
//--></script></div></div>

  • Ganti tulisan warna merah sesuai dengan selera kawan
  • Angka 90 warna biru disesuaikan dengan panjangnya kalimat / tulisan yang kawan buat
  • Tulisan akan tampil dari kiri ke kanan seperti kita sedang menulis
  • Jabgan lupa Simpan Blog kawan

Read More..

Thursday, October 31, 2013

Membuat Grup pada Start Screen di Windows 8

Bagaimana cara untuk membuat Grup pada Start Screen di Windows 8?. Cara mengrupkan menu di start screen pada windows 8 sangat mudah saja. Start screen pada windows 8 bisa kita beri nama untuk setiap grupnya, hal ini di maksudkan untuk mempermudah dalam mencari aplikasi yang ada. Contohnya, kita punya beberapa aplikasi office seperti excel, word, powerpint, access, open office, calc, math dan lainnya. Untuk mempermudah dalam menemukan aplikasi tersebut maka perlu kita kelompokkan dan diberi nama.

Membuat Grup pada Start Screen di Windows 8
Tampilan Start Screen yang sudah diberinama setiap grupnya.

Cara membuat grup/ memberi nama grup di start screen windows 8
Lihat di pojok kanan bawah pada start screen, klik tanda " - " maka tampilan start screen akan di perkecil/ full. Lihat gambar dibawah ini:


Klik kanan pada setiap grup, maka akan keluar menu "name group". Klik dan ketikkan nama yang anda inginkan. Selesai.

Membuat Grup pada Start Screen di Windows 8
Name Group

Demikianlah cara membuat grup pada start screen di windows 8 dan memberi nama setiap grup yang ada. Semoga dapat bermanfaat untuk anda yang baru migrasi ke windows 8. Baca juga artikel saya sebelumnya tentang windows 8.




Read More..